diff --git a/src/APP/components/Caroussel.jsx b/src/APP/components/Caroussel.jsx index 7f5b8559..522b8074 100644 --- a/src/APP/components/Caroussel.jsx +++ b/src/APP/components/Caroussel.jsx @@ -2,6 +2,7 @@ import { faBriefcase } from "@fortawesome/free-solid-svg-icons"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import PropTypes from "prop-types"; import { useRef } from "react"; +import { LazyLoadImage } from "react-lazy-load-image-component"; import { arrowCircleLeft, arrowCircleRight, @@ -33,7 +34,7 @@ function Caroussel({ CarousselData }) { key={crypto.randomUUID()} className="border bg-white p-2 max-w-[400px] rounded-2xl md:rounded-[20px]" > - {name} {/* logo and socials */}
- FlowBite Logo {/* social logos */}
- facebook + - instagram + - twitter + - linkedIn +
diff --git a/src/APP/components/Footer2.jsx b/src/APP/components/Footer2.jsx index beec3b71..784f9acc 100644 --- a/src/APP/components/Footer2.jsx +++ b/src/APP/components/Footer2.jsx @@ -1,199 +1,223 @@ -import React from "react"; -import { Link } from "react-router-dom"; -import logo from "../../assets/images/sytLogo.png"; -// import backup from "../../assets/images/backup.svg"; -import { - linkedin, - twitter, - spotify, - youtube, - instagram, - facebook, -} from "../../assets/images/socials"; - -function Footer2() { - const now = new Date(); - const year = now.getFullYear(); - - return ( - - ); -} - -export default Footer2; +import React from "react"; +import { LazyLoadImage } from "react-lazy-load-image-component"; +import { Link } from "react-router-dom"; +import { + linkedin, + twitter, + spotify, + youtube, + instagram, + facebook, +} from "../../assets/images/socials"; +import logo from "../../assets/images/sytLogo.png"; + +function Footer2() { + const now = new Date(); + const year = now.getFullYear(); + + return ( + + ); +} + +export default Footer2; diff --git a/src/APP/components/Header.jsx b/src/APP/components/Header.jsx index 9d69fe85..d8b54313 100644 --- a/src/APP/components/Header.jsx +++ b/src/APP/components/Header.jsx @@ -1,6 +1,6 @@ -import { useState } from "react"; +import React, { useState } from "react"; +import { LazyLoadImage } from "react-lazy-load-image-component"; import { Link, useLocation } from "react-router-dom"; - import { cancel, menu } from "../../assets/images/icons"; import logo from "../../assets/images/sytLogo.png"; @@ -57,7 +57,7 @@ function Header() {
{/* logo */} - logo + {/* mobile menu */} @@ -67,7 +67,7 @@ function Header() { className="md:hidden" onClick={() => setShowNavlinks(false)} > - cancel + ) : ( )} diff --git a/src/APP/components/Loader.jsx b/src/APP/components/Loader.jsx index 223dee92..bd254146 100644 --- a/src/APP/components/Loader.jsx +++ b/src/APP/components/Loader.jsx @@ -1,7 +1,9 @@ +import { LazyLoadImage } from "react-lazy-load-image-component"; + const Loader = () => { return (
-
- {title} +
diff --git a/src/APP/components/admin/AdminHeader.jsx b/src/APP/components/admin/AdminHeader.jsx index 3b99ccae..a39b9539 100644 --- a/src/APP/components/admin/AdminHeader.jsx +++ b/src/APP/components/admin/AdminHeader.jsx @@ -3,6 +3,7 @@ import { Link } from "react-router-dom"; import logo from "../../../assets/images/sytLogo.png"; import bell from "../../../assets/images/icons/bell-icon.svg"; import profile from "../../../assets/images/adminPage/profile-pic.png"; +import { LazyLoadImage } from "react-lazy-load-image-component"; function AdminHeader() { return ( @@ -13,7 +14,11 @@ function AdminHeader() { {/* logo */} - logo +
@@ -21,13 +26,17 @@ function AdminHeader() { className="transition-all duration-300 cursor-pointer" to="/notification" > - notification icon + - profile pic +
@@ -38,7 +47,7 @@ function AdminHeader() { {/* logo */} - logo +
@@ -78,13 +87,17 @@ function AdminHeader() { className="text-[#7E8180] hover:text-primary transition-all duration-300 cursor-pointer" to="/" > - notification icon + - profile pic +
diff --git a/src/APP/components/admin/events/EventsTable.jsx b/src/APP/components/admin/events/EventsTable.jsx index e14a4899..4fa56ca0 100644 --- a/src/APP/components/admin/events/EventsTable.jsx +++ b/src/APP/components/admin/events/EventsTable.jsx @@ -1,5 +1,6 @@ import React, { useState } from "react"; import SearchIcon from "../../../../assets/images/icons/search-icon.svg"; +import { LazyLoadImage } from "react-lazy-load-image-component"; const initialData = [ { @@ -163,7 +164,7 @@ function EventsTable() { /> Search - search +
diff --git a/src/APP/components/shop/CartDrawer.jsx b/src/APP/components/shop/CartDrawer.jsx index ae4ed962..0d36150e 100644 --- a/src/APP/components/shop/CartDrawer.jsx +++ b/src/APP/components/shop/CartDrawer.jsx @@ -1,6 +1,8 @@ import { Dialog, Transition } from "@headlessui/react"; import { Fragment, useState, useEffect } from "react"; +import { LazyLoadImage } from "react-lazy-load-image-component"; import { useNavigate, Link } from "react-router-dom"; + import CloseIcon from "../../../assets/images/icons/close-icon.svg"; import DeleteIcon from "../../../assets/images/icons/delete-icon.svg"; import SampleImg from "../../../assets/images/shop-page/main-sample.png"; @@ -128,7 +130,7 @@ function CartDrawer({ open, setOpen }) { onClick={() => setOpen(false)} > Close panel - close +
@@ -162,7 +164,7 @@ function CartDrawer({ open, setOpen }) { className="flex py-6 space-x-4 sm:space-x-16" >
- - delete button @@ -237,7 +239,7 @@ function CartDrawer({ open, setOpen }) {

- Mentorlst Hoodie -
-
-

- Empowering innovation in the{" "} - African tech space -

-

- A community fostering innovation across African borders for tech - enthusiasts. With memberships across Kenya, Tanzania, Nigeria and - pockets of Africa, we aim to give life and let live to innovative - ideas in the tech ecosphere. -

-
-
- -
-
-
- ); -} - -export default HeroSection; +/* eslint-disable react/jsx-one-expression-per-line */ +import { LazyLoadImage } from "react-lazy-load-image-component"; +import { SYTHero } from "../../../../assets/images/aboutPage"; + +function HeroSection() { + return ( +
+
+
+

+ Empowering innovation in the{" "} + African tech space +

+

+ A community fostering innovation across African borders for tech + enthusiasts. With memberships across Kenya, Tanzania, Nigeria and + pockets of Africa, we aim to give life and let live to innovative + ideas in the tech ecosphere. +

+
+
+ +
+
+
+ ); +} + +export default HeroSection; diff --git a/src/APP/pages/aboutUs/sections/LeadershipSection.jsx b/src/APP/pages/aboutUs/sections/LeadershipSection.jsx index 590ac842..b911f530 100644 --- a/src/APP/pages/aboutUs/sections/LeadershipSection.jsx +++ b/src/APP/pages/aboutUs/sections/LeadershipSection.jsx @@ -1,242 +1,242 @@ -import emailjs from "@emailjs/browser"; -import { Dialog, Transition } from "@headlessui/react"; -import React, { Fragment, useState, useRef } from "react"; - -import { LazyLoadImage } from "react-lazy-load-image-component"; -import { PartnerWithUs } from "../../../../assets/images/aboutPage"; -import { closeIcon } from "../../../../assets/images/icons"; -import { Caroussel } from "../../../components"; -import { LeadershipData } from "../data"; - -// env var -const SERVICE_ID = - import.meta.env.VITE_SERVICE_ID || window._env_.VITE_SERVICE_ID; -const TEMPLATE_ID = - import.meta.env.VITE_TEMPLATE_ID || window._env_.VITE_TEMPLATE_ID; -const PUBLIC_ID = import.meta.env.VITE_PUBLIC_ID || window._env_.VITE_PUBLIC_ID; - -function LeadershipSection() { - const [isOpen, setIsOpen] = useState(false); - const [loading, setLoading] = useState(false); - - const [name, setName] = useState(""); - const [email, setEmail] = useState(""); - const [message, setMessage] = useState(""); - const [phoneNumber, setPhoneNumber] = useState(""); - - const formRef = useRef(); - - function closeModal() { - setIsOpen(false); - } - - function openModal() { - setIsOpen(true); - } - - const handleSubmit = (e) => { - e.preventDefault(); - setLoading(true); - - emailjs - .send( - `${SERVICE_ID}`, - `${TEMPLATE_ID}`, - { - from_name: name, - to_name: "SYT Admin", - from_email: email, - to_email: "partnerships@spaceyatech.com", - message, - phoneNumber, - }, - `${PUBLIC_ID}` - ) - .then( - (result) => { - alert("Thank you. We will get back to you as soon possible."); - - setLoading(false); - setName(""); - setEmail(""); - setMessage(""); - setPhoneNumber(""); - closeModal(); - }, - (error) => { - setLoading(false); - console.log(error.text); - closeModal(); - alert("Sorry, something went wrong! 💀"); - } - ); - }; - - return ( -
-
-
-

- Our leadership -

-
-
- -

- A community is only as good -
as the leadership -

- - -
-
-
- -
-
-

- Partner with us -

-

- We collaborate with similar organizations to develop Africa’s - skilled workforce -

-

- Our main focus is on building tech capacity. We collaborate with - individuals, organizations, and public institutions to mentor and - coach young people aged 18-35 in essential technology skills. Our - goal is to empower them to create software that drives global - innovation. Through targeted resources, industry connections, and - job opportunities, we pave the way for their success. -

- - - - {/* Email us Modal */} - - closeModal()} - > - -
- - -
-
- - - -
- - Let’s build something great together! - - -

- We are excited about the possibility of partnering - with you. Share a few details with us and let’s - explore how we can collaborate for mutual success. -

- -
- setName(e.target.value)} - /> - - setEmail(e.target.value)} - /> - - setPhoneNumber(e.target.value)} - /> - -