Update src/app/about/page.tsx

src/app/about/page.tsx

@@ -2,98 +2,54 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TextAbout from '@/components/sections/about/TextAbout';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
     <ThemeProvider
-        contentWidth="w-content-width"
-        sizing="default"
-        background="light"
-        cardStyle="shadow"
-        buttonStyle="rounded"
-        navbar="sticky"
-        font="sans"
         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">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Shop",
-          id: "/shop",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "FAQ",
-          id: "/faq",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Sweet Temptation"
-    />
-  </div>
-
-  <div id="about-story" data-section="about-story">
-      <TextAbout
-      useInvertedBackground={true}
-      title="Confidence, redefined."
-      buttons={[
-        {
-          text: "Learn More",
-          href: "/about",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="main-footer" data-section="main-footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Shop",
-              href: "/shop",
-            },
-            {
-              label: "About",
-              href: "/about",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Support",
-              href: "/contact",
-            },
-            {
-              label: "FAQ",
-              href: "/faq",
-            },
-          ],
-        },
-      ]}
-      logoText="Veloura Intimates"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Shop", id: "/shop" },
+              { name: "About", id: "/about" },
+              { name: "FAQ", id: "/faq" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Sweet Temptation"
+          />
+        </div>
+        <div id="about-story" data-section="about-story">
+            <TextAbout
+              title="Confidence, redefined."
+              useInvertedBackground={true}
+              buttons={[{ text: "Learn More", href: "/about" }]}
+            />
+        </div>
+        <div id="main-footer" data-section="main-footer">
+          <FooterLogoEmphasis
+            logoText="Veloura Intimates"
+            columns={[
+              { items: [{ label: "Shop", href: "/shop" }, { label: "About", href: "/about" }] },
+              { items: [{ label: "Support", href: "/contact" }, { label: "FAQ", href: "/faq" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}