From 68ccdbeabcce998c05bcba052869481baa350096 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 26 Mar 2026 09:53:00 +0000
Subject: [PATCH] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 252 ++++++++++++++++++++++++++++++-----------
 1 file changed, 185 insertions(+), 67 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 9f51605..c5102d1 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -2,11 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import AboutMetric from '@/components/sections/about/AboutMetric';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import TeamCardFive from '@/components/sections/team/TeamCardFive';
+import { Package, ShoppingCart, Sparkles, Truck, Users } from "lucide-react";
 
-export default function AboutPage() {
+export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="bounce-effect"
@@ -21,72 +24,187 @@ export default function AboutPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-        <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingOverlay
-            navItems={[
-              {
-                name: "Home",                href: "/"},
-              {
-                name: "Products",                href: "/#products"},
-              {
-                name: "About Us",                href: "/about"},
-              {
-                name: "FAQ",                href: "/faq"},
-              {
-                name: "Contact",                href: "/contact"},
-            ]}
-            brandName="DropStore"
-            button={{
-              text: "Shop Now",              href: "/#products"}}
-          />
-        </div>
+  <div id="nav" data-section="nav">
+      <NavbarLayoutFloatingOverlay
+      navItems={[
+        {
+          name: "Home",
+          id: "home",
+        },
+        {
+          name: "Products",
+          id: "products",
+        },
+        {
+          name: "About Us",
+          id: "about",
+        },
+        {
+          name: "FAQ",
+          id: "faq",
+        },
+        {
+          name: "Contact",
+          id: "contact",
+        },
+      ]}
+      brandName="DropStore"
+      button={{
+        text: "Shop Now",
+        href: "#products",
+      }}
+    />
+  </div>
 
-        <div id="about-content" data-section="about-content">
-          <TextSplitAbout
-            useInvertedBackground={false}
-            title="About DropStore"
-            description={[
-              "DropStore is dedicated to providing a seamless online shopping experience, offering a hand-picked selection of trending products. Our journey began with a vision to connect customers with unique and high-quality items from around the globe, delivered right to their doorstep with ease.",              "We pride ourselves on exceptional customer service, reliable shipping, and a commitment to quality. Our team works tirelessly to source products that meet our high standards, ensuring every purchase brings joy and value to our customers. Thank you for choosing DropStore as your trusted online shopping destination."]}
-          />
-        </div>
+  <div id="about-us" data-section="about-us">
+      <SplitAbout
+      textboxLayout="default"
+      useInvertedBackground={false}
+      title="Our Mission at DropStore"
+      description="At DropStore, we believe in making online shopping an effortless and enjoyable experience. We meticulously curate trending products, ensuring quality and value are at the forefront for our customers worldwide."
+      bulletPoints={[
+        {
+          title: "Curated Selection",
+          description: "Hand-picking only the most trending and high-quality products for you.",
+          icon: Package,
+        },
+        {
+          title: "Customer-Centric Service",
+          description: "Our support team is dedicated to ensuring your complete satisfaction.",
+          icon: HeartHandshake,
+        },
+        {
+          title: "Effortless Experience",
+          description: "From browsing to checkout, we strive for a seamless shopping journey.",
+          icon: ShoppingCart,
+        },
+      ]}
+      imageSrc="http://img.b2bpic.net/free-photo/bearded-delivery-man-red-uniform-cap-holding-large-box-package-suffering-from-heavy-weight-standing-orange-wall_141793-48146.jpg?_wi=3"
+      imageAlt="Delivery man with a package, symbolizing efficient logistics"
+      mediaAnimation="slide-up"
+    />
+  </div>
 
-        <div id="footer" data-section="footer">
-          <FooterBaseReveal
-            columns={[
-              {
-                title: "Shop",                items: [
-                  {
-                    label: "Trending Products",                    href: "/#products"},
-                  {
-                    label: "New Arrivals",                    href: "/#products"},
-                  {
-                    label: "Best Sellers",                    href: "/#products"},
-                ],
-              },
-              {
-                title: "Company",                items: [
-                  {
-                    label: "About Us",                    href: "/about"},
-                  {
-                    label: "Contact Us",                    href: "/contact"},
-                  {
-                    label: "FAQ",                    href: "/faq"},
-                ],
-              },
-              {
-                title: "Legal",                items: [
-                  {
-                    label: "Privacy Policy",                    href: "#"},
-                  {
-                    label: "Terms of Service",                    href: "#"},
-                  {
-                    label: "Shipping Policy",                    href: "#"},
-                ],
-              },
-            ]}
-            copyrightText="© 2024 DropStore. All rights reserved."
-          />
-        </div>
+  <div id="about-metrics" data-section="about-metrics">
+      <AboutMetric
+      useInvertedBackground={true}
+      title="Our Impact in Numbers"
+      metrics={[
+        {
+          icon: Truck,
+          label: "Orders Delivered",
+          value: "500K+",
+        },
+        {
+          icon: Users,
+          label: "Happy Customers",
+          value: "100K+",
+        },
+        {
+          icon: Sparkles,
+          label: "Trending Products",
+          value: "1.5K+",
+        },
+      ]}
+      metricsAnimation="slide-up"
+    />
+  </div>
+
+  <div id="our-team" data-section="our-team">
+      <TeamCardFive
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      team={[
+        {
+          id: "1",
+          name: "Jane Doe",
+          role: "CEO & Founder",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-smiling_23-2148729675.jpg",
+          imageAlt: "Jane Doe",
+        },
+        {
+          id: "2",
+          name: "John Smith",
+          role: "Head of Product Curation",
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg",
+          imageAlt: "John Smith",
+        },
+        {
+          id: "3",
+          name: "Emily White",
+          role: "Chief Marketing Officer",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-holding-beer-glass-looking-camera_23-2148154021.jpg",
+          imageAlt: "Emily White",
+        },
+      ]}
+      title="Meet the Visionaries Behind DropStore"
+      description="Our dedicated team works tirelessly to bring you the best products and shopping experience, driven by passion and innovation."
+    />
+  </div>
+
+  <div id="footer" data-section="footer">
+      <FooterBase
+      columns={[
+        {
+          title: "Shop",
+          items: [
+            {
+              label: "All Products",
+              href: "/products",
+            },
+            {
+              label: "New Arrivals",
+              href: "/products?filter=new",
+            },
+            {
+              label: "Best Sellers",
+              href: "/products?filter=bestsellers",
+            },
+            {
+              label: "Deals",
+              href: "/products?filter=deals",
+            },
+          ],
+        },
+        {
+          title: "Company",
+          items: [
+            {
+              label: "About Us",
+              href: "/about",
+            },
+            {
+              label: "Contact Us",
+              href: "/contact",
+            },
+            {
+              label: "Careers",
+              href: "/careers",
+            },
+          ],
+        },
+        {
+          title: "Support",
+          items: [
+            {
+              label: "FAQ",
+              href: "/faq",
+            },
+            {
+              label: "Shipping & Returns",
+              href: "/shipping",
+            },
+            {
+              label: "Track Your Order",
+              href: "/track-order",
+            },
+          ],
+        },
+      ]}
+      copyrightText="© 2024 DropStore. All rights reserved."
+    />
+  </div>
       </ReactLenis>
     </ThemeProvider>
   );