src/app/about/page.tsx

@@ -0,0 +1,58 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Domains", id: "/#domains" },
+              { name: "Testimonials", id: "/#testimonials" },
+              { name: "FAQ", id: "/#faq" }
+            ]}
+            brandName="Pathfinder CS"
+        />
+        <div className="pt-32 pb-20">
+            <SplitAbout
+                textboxLayout="split"
+                title="About Our Assessment"
+                description="We provide a comprehensive overview of your computer science potential through data-driven insights."
+                bulletPoints={[
+                    { title: "AI Impacts", description: "Understand how AI automation is reshaping traditional software engineering roles and expectations." },
+                    { title: "AI Risks", description: "Identify potential pitfalls and ethical considerations in deploying autonomous systems." },
+                    { title: "AI Advantages", description: "Leverage AI-driven productivity gains to accelerate development workflows." },
+                    { title: "Methodology Summary", description: "A brief summary of how we evaluate cognitive and behavioral data to predict your success." }
+                ]}
+            />
+        </div>
+        <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-orange-light-blue-lights-forming-circle-futuristic-concept_181624-59574.jpg"
+            logoText="Pathfinder CS"
+            columns={[
+              { title: "Platform", items: [{ label: "Assessments", href: "/#features" }, { label: "Domains", href: "/#domains" }] },
+              { title: "Support", items: [{ label: "FAQ", href: "/#faq" }, { label: "Contact", href: "/#contact" }] }
+            ]}
+          />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -33,7 +33,7 @@ export default function LandingPage() {
           <NavbarStyleFullscreen
             navItems={[
               { name: "Home", id: "home" },
-              { name: "Process", id: "about" },
+              { name: "About", id: "about" },
               { name: "Domains", id: "domains" },
               { name: "Testimonials", id: "testimonials" },
               { name: "FAQ", id: "faq" }
@@ -87,6 +87,7 @@ export default function LandingPage() {
             ]}
             imageSrc="http://img.b2bpic.net/free-photo/young-teen-girls-study-desk-attending-virtual-webinar-class_482257-123130.jpg"
             mediaAnimation="slide-up"
+            buttons={[{ text: "Learn More", href: "/about" }]}
           />
         </div>
 
@@ -189,12 +190,12 @@ export default function LandingPage() {
             imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-orange-light-blue-lights-forming-circle-futuristic-concept_181624-59574.jpg"
             logoText="Pathfinder CS"
             columns={[
-              { title: "Platform", items: [{ label: "Assessments", href: "#features" }, { label: "Domains", href: "#domains" }] },
-              { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
+              { title: "Platform", items: [{ label: "Assessments", href: "/#features" }, { label: "Domains", href: "/#domains" }] },
+              { title: "Support", items: [{ label: "FAQ", href: "/#faq" }, { label: "Contact", href: "/#contact" }] }
             ]}
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}