diff --git a/packages/web/src/assets/images/about1.png b/packages/web/src/assets/images/about1.png
index fda87de..5ef99e0 100644
Binary files a/packages/web/src/assets/images/about1.png and b/packages/web/src/assets/images/about1.png differ
diff --git a/packages/web/src/assets/images/about2.png b/packages/web/src/assets/images/about2.png
index b660764..4e16eaa 100644
Binary files a/packages/web/src/assets/images/about2.png and b/packages/web/src/assets/images/about2.png differ
diff --git a/packages/web/src/assets/images/about3.png b/packages/web/src/assets/images/about3.png
index afe264a..90ff21e 100644
Binary files a/packages/web/src/assets/images/about3.png and b/packages/web/src/assets/images/about3.png differ
diff --git a/packages/web/src/assets/images/about4.png b/packages/web/src/assets/images/about4.png
index 6ad9987..f051c32 100644
Binary files a/packages/web/src/assets/images/about4.png and b/packages/web/src/assets/images/about4.png differ
diff --git a/packages/web/src/assets/logos/antalmanac.svg b/packages/web/src/assets/logos/antalmanac.svg
new file mode 100644
index 0000000..5db1ac8
--- /dev/null
+++ b/packages/web/src/assets/logos/antalmanac.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/web/src/assets/logos/anteaterapi.svg b/packages/web/src/assets/logos/anteaterapi.svg
new file mode 100644
index 0000000..3eeb6d5
--- /dev/null
+++ b/packages/web/src/assets/logos/anteaterapi.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/web/src/assets/logos/peterportal.svg b/packages/web/src/assets/logos/peterportal.svg
new file mode 100644
index 0000000..3435618
--- /dev/null
+++ b/packages/web/src/assets/logos/peterportal.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/web/src/assets/logos/zotistics.svg b/packages/web/src/assets/logos/zotistics.svg
new file mode 100644
index 0000000..a5d00f7
--- /dev/null
+++ b/packages/web/src/assets/logos/zotistics.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/web/src/assets/logos/zotmeal.svg b/packages/web/src/assets/logos/zotmeal.svg
new file mode 100644
index 0000000..b959cf3
--- /dev/null
+++ b/packages/web/src/assets/logos/zotmeal.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/web/src/assets/logos/zotmeet.svg b/packages/web/src/assets/logos/zotmeet.svg
new file mode 100644
index 0000000..d67d1cf
--- /dev/null
+++ b/packages/web/src/assets/logos/zotmeet.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/web/src/components/AboutPage/AboutPage.jsx b/packages/web/src/components/AboutPage/AboutPage.jsx
index dea7990..03b42d8 100644
--- a/packages/web/src/components/AboutPage/AboutPage.jsx
+++ b/packages/web/src/components/AboutPage/AboutPage.jsx
@@ -3,27 +3,27 @@ import {
Button,
Text,
Flex,
- Stack,
- Icon,
Image,
Box,
- Skeleton,
} from "@chakra-ui/react";
import { ArrowBackIcon } from "@chakra-ui/icons";
import { useNavigate } from "react-router-dom";
import { Swiper, SwiperSlide } from "swiper/react";
-import { Pagination, Navigation } from "swiper/modules";
+import { Autoplay } from "swiper/modules";
import "swiper/css";
import "swiper/css/pagination";
import "swiper/css/navigation";
-import zotnfound_win from "../../assets/images/zotnfound_win.png";
-import zotnfound_ig from "../../assets/images/zotnfound_ig.png";
import small_logo from "../../assets/images/small_logo.png";
-import login_page from "../../assets/images/login_page.jpg";
import about1 from "../../assets/images/about1.png";
import about2 from "../../assets/images/about2.png";
import about3 from "../../assets/images/about3.png";
import about4 from "../../assets/images/about4.png";
+import antAlmanacLogo from"../../assets/logos/antalmanac.svg";
+import anteaterAPILogo from"../../assets/logos/anteaterapi.svg";
+import zotMealLogo from"../../assets/logos/zotmeal.svg";
+import zotMeetLogo from"../../assets/logos/zotmeet.svg";
+import peterPortalLogo from"../../assets/logos/peterportal.svg";
+import zotisticsLogo from"../../assets/logos/zotistics.svg";
import { getItems, getLeaderboardCount } from "../../utils/ApiUtils";
import { motion } from "framer-motion";
import { useColorMode, useColorModeValue } from "@chakra-ui/react";
@@ -68,7 +68,19 @@ export default function AboutPage() {
}, []);
return (
-
+
-
-
+
+
-
- We are{" "}
-
- ZotnFound
+
+
+ We Are ZotnFound.
-
-
+
-
- {isLoading ? (
- <>
-
-
-
-
-
- ) : (
- <>
- item.islost).length}
- color="red.400"
- />
- !item.islost).length}
- color="green.400"
- />
- item.isresolved).length}
- color="yellow.400"
- />
-
-
- )}
-
+
+ item.islost).length}
+ color="red.400"
+ />
+ !item.islost).length}
+ color="green.400"
+ />
+ item.isresolved).length}
+ color="yellow.400"
+ />
+
+
+
-
+
+
+
-
+
+
+
@@ -179,67 +204,119 @@ const StatCard = ({ label, value, color }) => (
);
-const StatCardSkeleton = () => (
+const AboutSection = () => (
-
-
+
+
+
+ Origin of ZotNFound.
+
+
+ Many individuals frequently misplace their belongings, including phones, keys, and water bottles.
+ At UCI, this issue is particularly evident on the UCI subreddit, where numerous posts are dedicated
+ to lost and found items. Recognizing the need for a more efficient solution, we initially launched
+ an Instagram account to help reconnect lost items with their rightful owners.
+
+
+ The overwhelming response and growing community support—resulting in over 300 followers and
+ numerous successful returns—highlighted the demand for a more scalable and structured platform.
+ This led to the development of ZotNFound, an integrated lost-and-found system for UCI.
+
+
+ Today, ZotNFound is continually being developed, making the search for lost items easier and
+ less stressful for everyone.
+
+
+
+
+);
+
+const Footer = () => (
+
+ © 2023 ZotnFound. All rights reserved.
);
const FeatureSection = () => (
-
- Explore how ZotnFound works
+
+ Explore how ZotnFound works.
+
-
+
-
+
-
+
-
+
@@ -249,64 +326,88 @@ const FeatureSection = () => (
const FeatureCard = ({ image, title, description }) => (
-
-
+
{title}
- {description}
+
+ {description}
+
+
);
-const AboutSection = () => (
-
-
-
- Origin of ZotnFound
-
-
- Many people are constantly losing their belongings, whether that be
- their phones, keys, or water bottles. This is especially true for UCI
- students on the UCI subreddit, where there are countless posts being
- created about lost and found items. Due to this problem, we decided to
- take matters into our own hands and created an Instagram account to help
- lost items return back to their original owners. We have so far helped
- over 10 people and gained over 300+ followers.
-
-
-
-
-);
-const Footer = () => (
- (
+
+
- © 2023 ZotnFound. All rights reserved.
-
+
+ Affiliated with{" "}
+
+ ICSSC
+
+
+
+
+ Explore other projects.
+
+
+
+ {affiliatedProjects.map((project, index) => (
+
+
+
+ ))}
+
+
+
+
);