Update src/app/about-us/page.tsx

src/app/about-us/page.tsx

@@ -1,67 +1,52 @@
-"use client";
+'use client';
 
-import { ThemeProvider } from "next-themes";
-import { MediaAbout } from '@/components/sections/about/MediaAbout';
-import { NavbarLayoutFloatingInline } from '@/components/navbar/NavbarLayoutFloatingInline';
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+import MediaAbout from '@/components/sections/about/MediaAbout';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import Link from 'next/link';
 
 export default function AboutUsPage() {
+  const navItems = [
+    { name: 'Home', id: '/' },
+    { name: 'About Us', id: '/about-us' },
+    { name: 'Cart', id: '/cart' },
+    { name: 'Contact', id: '/contact' },
+    { name: 'Reviews', id: '/reviews' },
+    { name: 'Dashboard', id: '/dashboard' },
+    { name: 'Product Detail', id: '/product-detail' }
+  ];
+
   return (
     <ThemeProvider
-      attribute="class"
-      defaultTheme="system"
-      enableSystem
-      disableTransitionOnChange
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
-      <NavbarLayoutFloatingInline
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "About Us", id: "/about-us" }
-        ]}
-        button={{
-          text: "Get Started",          href: "#contact"
-        }}
-      />
-      <main>
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          navItems={navItems}
+          brandName="My Website"
+          logoSrc="/placeholder-logo.svg"
+          logoAlt="Company Logo"
+        />
+      </div>
+      <div id="about-us-section" data-section="about-us">
         <MediaAbout
-          id="brand-story"
-          tag="Our Journey"
-          title="Our Brand Story: Crafting Heritage"
-          description="Founded on a passion for timeless design and a commitment to conscious living, Hara Minimalist Living began with a vision to create pieces that not only elevate spaces but also respect our planet. Every item tells a tale of dedication, from the initial sketch to the final touch, embodying a journey of artistry and purpose."
-          imageSrc="https://picsum.photos/seed/about-us-brand/1200/800"
-          imageAlt="A craftsman's hands working on a piece of wood, symbolizing brand heritage and quality."
+          title="About Our Company"
+          description="We are a company dedicated to providing excellent services and products."
           useInvertedBackground={false}
+          imageSrc="https://images.unsplash.com/photo-1549692520-acc66692997b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTYwNXwwfDF8YWxsfDV8fHx8fHwyfHwxNzA4NjA4NzU4fA&ixlib=rb-4.0.3&q=80&w=400"
+          imageAlt="About Us Image"
+          mediaAnimation="blur-reveal"
         />
-
-        <MediaAbout
-          id="sustainability-philosophy"
-          tag="Eco-Conscious"
-          title="A Promise to the Planet: Our Sustainability Philosophy"
-          description="Our philosophy is rooted in harmony with nature. We believe true luxury lies in mindful consumption and production. From minimizing waste to conserving resources, we integrate eco-friendly practices at every stage, ensuring our footprint is as light as the designs we create."
-          imageSrc="https://picsum.photos/seed/about-us-sustainability/1200/800"
-          imageAlt="Green leaves and a hand gently holding a plant, representing sustainability."
-          useInvertedBackground={true}
-        />
-
-        <MediaAbout
-          id="ethical-sourcing"
-          tag="Fair Practices"
-          title="Integrity in Every Thread: Ethical Sourcing"
-          description="We meticulously select our materials and partners, prioritizing transparency and fair practices. Our commitment to ethical sourcing means working with artisans and suppliers who uphold humane working conditions and environmentally responsible methods, ensuring every component meets our high standards of integrity."
-          imageSrc="https://picsum.photos/seed/about-us-ethical/1200/800"
-          imageAlt="Hands exchanging goods, symbolizing ethical trade and sourcing."
-          useInvertedBackground={false}
-        />
-
-        <MediaAbout
-          id="quality-craftsmanship"
-          tag="Handcrafted"
-          title="The Art of Detail: Uncompromising Quality Craftsmanship"
-          description="Each Hara Minimalist Living piece is a testament to exceptional craftsmanship. Our skilled artisans pour their expertise into every detail, employing traditional techniques alongside innovative methods to create durable, beautiful, and lasting items. We stand for quality that endures, crafted to be cherished for generations."
-          imageSrc="https://picsum.photos/seed/about-us-craftsmanship/1200/800"
-          imageAlt="Close-up of a handcrafted item, showing fine detail and quality."
-          useInvertedBackground={true}
-        />
-      </main>
+      </div>
     </ThemeProvider>
   );
 }