From 20b2f32741cccd31e9ed1479b33ae9162ce222c7 Mon Sep 17 00:00:00 2001 From: Jack Zheng Date: Thu, 15 Jan 2026 17:07:56 -0800 Subject: [PATCH 1/9] Add What We're All About section --- app/(pages)/_components/About/About.tsx | 66 ++++++++++++++++++++++++ app/(pages)/layout.tsx | 2 + package-lock.json | 13 +++++ public/Images/chicken.svg | 56 +++++++++++++++++++++ public/Images/frog.svg | 67 +++++++++++++++++++++++++ public/Images/rabbit.svg | 62 +++++++++++++++++++++++ tailwind.config.ts | 5 ++ 7 files changed, 271 insertions(+) create mode 100644 app/(pages)/_components/About/About.tsx create mode 100644 public/Images/chicken.svg create mode 100644 public/Images/frog.svg create mode 100644 public/Images/rabbit.svg diff --git a/app/(pages)/_components/About/About.tsx b/app/(pages)/_components/About/About.tsx new file mode 100644 index 0000000..da20b3c --- /dev/null +++ b/app/(pages)/_components/About/About.tsx @@ -0,0 +1,66 @@ +import Image from "next/image"; + +export default function About() { + return ( +
+
+

What we're all about

+
+ +
+
+

+ Hands-on learning +

+ +

+ No matter which prompt you choose, each project provides hands-on + experience and an opportunity to explore a new discipline. +

+ + Frog mascot +
+ +
+

Inclusivity

+ +

+ We invite individuals of all backgrounds to learn new skills and + grow in an inclusive environment. +

+ + Frog mascot +
+ +
+

Impactful projects

+ +

+ Create meaningful, impactful, and innovative solutions that benefit + local and global communities. +

+ + Frog mascot +
+
+
+ ); +} diff --git a/app/(pages)/layout.tsx b/app/(pages)/layout.tsx index 5ccd153..e068d01 100644 --- a/app/(pages)/layout.tsx +++ b/app/(pages)/layout.tsx @@ -4,6 +4,7 @@ import metadataJSON from '@app/(pages)/_globals/metadata.json'; import fonts from './_globals/fonts'; import Navbar from '@app/(pages)/_components/Navbar/Navbar'; import Footer from '@app/(pages)/_components/Footer/Footer'; +import About from '@app/(pages)/_components/About/About'; export const metadata: Metadata = metadataJSON; @@ -17,6 +18,7 @@ export default function RootLayout({ {children} +