src/app/about/page.tsx

@@ -0,0 +1,97 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import { Sparkles, CheckCircle } from "lucide-react";
+
+export default function AboutPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "How It Works", id: "/#how-it-works" },
+    { name: "Listings", id: "/listings" },
+    { name: "About Us", id: "/about" },
+    { name: "Contact", id: "/contact" },
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="small"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="inset"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={navItems}
+            brandName="Dealcore"
+            button={{
+              text: "Join Dealcore",              href: "/contact"
+            }}
+          />
+        </div>
+
+        <div id="about-hero" data-section="about-hero">
+          <SplitAbout
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="About Dealcore: Revolutionizing Brokerage"
+            description="At Dealcore, we believe in empowering brokers with cutting-edge technology to streamline property and vehicle transactions. Our mission is to create a seamless, rewarding experience for every professional in our network."
+            bulletPoints={[
+              {
+                title: "Our Vision",                description: "To be the leading platform for connecting property and vehicle brokers with a global network of sellers and buyers, fostering transparency and efficiency.",                icon: Sparkles
+              },
+              {
+                title: "Our Values",                description: "Integrity, Innovation, Collaboration, and Client Success are at the core of everything we do, guiding our platform and community.",                icon: CheckCircle
+              },
+              {
+                title: "Our Commitment",                description: "We are committed to continuous improvement, providing top-tier tools and support to ensure our brokers achieve their full potential.",                icon: Sparkles
+              },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/diverse-business-people-meeting-modern-office_23-2148766157.jpg?_wi=1"
+            imageAlt="Diverse team collaborating in a modern office"
+            mediaAnimation="slide-up"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            columns={[
+              {
+                title: "Platform",                items: [
+                  { label: "Home", href: "/" },
+                  { label: "Listings", href: "/listings" },
+                  { label: "How It Works", href: "/#how-it-works" },
+                ],
+              },
+              {
+                title: "Company",                items: [
+                  { label: "About Us", href: "/about" },
+                  { label: "Careers", href: "#" },
+                  { label: "Contact", href: "/contact" },
+                ],
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms of Service", href: "#" },
+                  { label: "Cookie Policy", href: "#" },
+                ],
+              },
+            ]}
+            copyrightText="© 2024 Dealcore. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -13,6 +13,14 @@ import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 
 export default function LandingPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "How It Works", id: "/#how-it-works" },
+    { name: "Listings", id: "/listings" },
+    { name: "About Us", id: "/about" },
+    { name: "Contact", id: "/contact" },
+  ];
+
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -29,21 +37,10 @@ export default function LandingPage() {
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",          id: "/"},
-        {
-          name: "How It Works",          id: "/#how-it-works"},
-        {
-          name: "Listings",          id: "/listings"},
-        {
-          name: "About Us",          id: "/#about"},
-        {
-          name: "Contact",          id: "/contact"},
-      ]}
+      navItems={navItems}
       brandName="Dealcore"
       button={{
-        text: "Join Dealcore",        href: "#contact"}}
+        text: "Join Dealcore",        href: "/contact"}}
     />
   </div>
 
@@ -236,7 +233,7 @@ export default function LandingPage() {
         {
           title: "Company",          items: [
             {
-              label: "About Us",              href: "/#about"},
+              label: "About Us",              href: "/about"},
             {
               label: "Careers",              href: "#"},
             {
@@ -260,4 +257,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}