From 2e17ac48a14f5dee4c8c2babec00a9b37fac2245 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 27 Mar 2026 10:41:46 +0000
Subject: [PATCH] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 124 ++++++++++++++---------------------------
 1 file changed, 43 insertions(+), 81 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 2ef3c82..b572208 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -7,96 +7,58 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import { Heart } from "lucide-react";
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Shop",
-          id: "/shop",
-        },
-        {
-          name: "About Us",
-          id: "/about",
-        },
-        {
-          name: "FAQ",
-          id: "/faq",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Veloura Intimates"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Veloura Intimates"
+          />
+        </div>
 
-  <div id="about-story" data-section="about-story">
-      <TestimonialAboutCard
-      useInvertedBackground={true}
-      tag="Our Story"
-      title="Feeling Beautiful in Your Own Skin"
-      description="At Veloura Intimates, we believe confidence starts from within. Our brand was born from a passion for self-love, creating pieces that honor your unique shape and spirit."
-      subdescription="Every design is a celebration of the empowered woman."
-      icon={Heart}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/close-up-portrait-of-a-confident-woman-s-1774608046311-a423c174.png?_wi=5"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about-story" data-section="about-story">
+          <TestimonialAboutCard
+            tag="Our Story"
+            title="Feeling Beautiful in Your Own Skin"
+            description="At Veloura Intimates, we believe confidence starts from within. Our brand was born from a passion for self-love, creating pieces that honor your unique shape and spirit."
+            subdescription="Every design is a celebration of the empowered woman."
+            icon={Heart}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/close-up-portrait-of-a-confident-woman-s-1774608046311-a423c174.png"
+            mediaAnimation="blur-reveal"
+            useInvertedBackground={true}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Veloura Intimates"
-      columns={[
-        {
-          title: "Shop",
-          items: [
-            {
-              label: "Bras",
-              href: "/shop",
-            },
-            {
-              label: "Panties",
-              href: "/shop",
-            },
-            {
-              label: "Sets",
-              href: "/shop",
-            },
-          ],
-        },
-        {
-          title: "About",
-          items: [
-            {
-              label: "Our Story",
-              href: "/about",
-            },
-            {
-              label: "FAQ",
-              href: "/faq",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="Veloura Intimates"
+            columns={[
+              {
+                title: "Shop",                items: [{ label: "Bras", href: "/shop" }, { label: "Panties", href: "/shop" }, { label: "Sets", href: "/shop" }]
+              },
+              {
+                title: "About",                items: [{ label: "Our Story", href: "/about" }, { label: "FAQ", href: "/faq" }, { label: "Contact", href: "/contact" }]
+              }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );