Merge version_2 into main

Merge version_2 into main

src/app/about/page.tsx

@@ -0,0 +1,46 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="medium"
+        sizing="largeSizeMediumTitles"
+        background="noise"
+        cardStyle="glass-depth"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered 
+            navItems={[{ name: "Home", id: "/" }, { name: "About", id: "about" }]}
+            brandName="Prestige Packaging" 
+          />
+        </div>
+        <div id="about" data-section="about" className="py-20">
+          <InlineImageSplitTextAbout
+            heading={[{ type: "text", content: "Legacy of Excellence in Global Packaging" }]}
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Prestige Packaging"
+            columns={[{ title: "Company", items: [{ label: "Home", href: "/" }] }]}
+            copyrightText="© 2025 Prestige Packaging Industries. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/blog/page.tsx

@@ -0,0 +1,34 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import BlogCardThree from '@/components/sections/blog/BlogCardThree';
+
+export default function BlogPage() {
+  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">
+      <NavbarStyleCentered
+        navItems={[{ name: "Home", id: "/" }, { name: "Commitments", id: "/commitments" }, { name: "Blog", id: "/blog" }, { name: "Contact", id: "/contact" }]}
+        brandName="Prestige Packaging"
+      />
+      <div className="pt-32 pb-20">
+        <BlogCardThree
+          title="Industry Insights & Updates"
+          description="Stay informed with our latest news and expert perspectives on the world of packaging."
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          blogs={[
+            { id: "1", category: "Sustainability", title: "The Future of Recyclable Packaging", excerpt: "Exploring how new polymers are changing the logistics landscape.", imageSrc: "", authorName: "Admin", authorAvatar: "", date: "2024-05-10" },
+            { id: "2", category: "Technology", title: "Innovations in Protective Foam", excerpt: "How advanced materials are reducing shipping damages.", imageSrc: "", authorName: "Admin", authorAvatar: "", date: "2024-05-12" }
+          ]}
+        />
+      </div>
+      <FooterBaseReveal
+        logoText="Prestige Packaging"
+        columns={[]}
+      />
+    </ThemeProvider>
+  );
+}

src/app/commitments/page.tsx

@@ -0,0 +1,37 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { Shield, Leaf, Zap, Award } from "lucide-react";
+import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
+
+export default function CommitmentsPage() {
+  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">
+      <NavbarStyleCentered
+        navItems={[{ name: "Home", id: "/" }, { name: "Commitments", id: "/commitments" }, { name: "Blog", id: "/blog" }, { name: "Contact", id: "/contact" }]}
+        brandName="Prestige Packaging"
+      />
+      <div className="pt-32 pb-20">
+        <FeatureHoverPattern
+          title="Our Core Commitments"
+          description="We hold ourselves to the highest standards of quality, sustainability, and reliability in every package we deliver."
+          features={[
+            { icon: Shield, title: "Integrity", description: "Honesty and transparency in every client relationship." },
+            { icon: Leaf, title: "Sustainability", description: "Committed to a greener future through eco-conscious design." },
+            { icon: Zap, title: "Innovation", description: "Always pushing the boundaries of packaging technology." },
+            { icon: Award, title: "Excellence", description: "Uncompromising quality control in every production step." }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+      <FooterBaseReveal
+        logoText="Prestige Packaging"
+        columns={[]}
+      />
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+
+export default function ContactPage() {
+  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">
+      <NavbarStyleCentered
+        navItems={[{ name: "Home", id: "/" }, { name: "Commitments", id: "/commitments" }, { name: "Blog", id: "/blog" }, { name: "Contact", id: "/contact" }]}
+        brandName="Prestige Packaging"
+      />
+      <div className="pt-32 pb-20">
+        <ContactCenter
+          title="Let's Connect"
+          description="Have questions about our packaging solutions? Our team is here to help."
+          tag="Support"
+          background={{ variant: "sparkles-gradient" }}
+          useInvertedBackground={false}
+        />
+      </div>
+      <FooterBaseReveal
+        logoText="Prestige Packaging"
+        columns={[]}
+      />
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -32,22 +32,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Solutions",
-          id: "features",
-        },
-        {
-          name: "Products",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "About", id: "/about" },
+        { name: "Solutions", id: "/#features" },
+        { name: "Products", id: "/#products" },
+        { name: "Commitments", id: "/commitments" },
+        { name: "Blog", id: "/blog" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Prestige Packaging"
     />
@@ -57,78 +47,13 @@ export default function LandingPage() {
       <HeroOverlayTestimonial
       title="Excellence in Every Package"
       description="Prestige Packaging Industries delivers robust, sustainable, and bespoke packaging solutions designed to protect your vision and elevate your brand globally."
-      testimonials={[
-        {
-          name: "Jane Smith",
-          handle: "@jsmith",
-          testimonial: "Exceptional quality and reliability for all our shipping needs.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-woman-having-idea-sitting-table-trench-coat-working-laptop_285396-2368.jpg",
-        },
-        {
-          name: "Mark Johnson",
-          handle: "@mjohnson",
-          testimonial: "The best partner for our sustainable packaging initiatives.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11594.jpg",
-        },
-        {
-          name: "Elena Rodriguez",
-          handle: "@erodriguez",
-          testimonial: "Innovative designs that really make our products stand out.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg",
-        },
-        {
-          name: "David Chen",
-          handle: "@dchen",
-          testimonial: "Highly recommended for large-scale industrial packaging projects.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/blurred-abstract-background-interior-view-looking-out-toward-empty-office-lobby-entrance-doors-glass-curtain-wall-with-frame_1339-6357.jpg",
-        },
-        {
-          name: "Sarah Miller",
-          handle: "@smiller",
-          testimonial: "Prompt, professional, and consistently high quality delivery.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/card-paper-textured-banner-background_23-2147981563.jpg",
-        },
-      ]}
+      testimonials={[]}
       buttons={[
-        {
-          text: "Explore Solutions",
-          href: "#features",
-        },
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
+        { text: "Explore Solutions", href: "/#features" },
+        { text: "Contact Us", href: "/contact" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/young-man-working-warehouse-with-boxes_1303-16608.jpg"
       imageAlt="Industrial packaging solutions"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-redhead-female-barista-small-coffee-shop_613910-10446.jpg",
-          alt: "Client Portrait 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg",
-          alt: "Client Portrait 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-drinking-coffee-office_1301-4956.jpg",
-          alt: "Client Portrait 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiley-young-woman-posing-office_23-2147648012.jpg",
-          alt: "Client Portrait 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11505.jpg",
-          alt: "Client Portrait 5",
-        },
-      ]}
-      avatarText="Trusted by 500+ industry leaders"
     />
   </div>
 
@@ -137,222 +62,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="A Legacy of Protection"
       description={[
-        "With over 30 years of experience, Prestige Packaging Industries is at the forefront of industrial and retail packaging technology.",
-        "Our state-of-the-art facilities ensure every product we manufacture meets rigorous international quality standards, ensuring your goods reach their destination safely and sustainably.",
-      ]}
-    />
-  </div>
-
-  <div id="features" data-section="features">
-      <FeatureHoverPattern
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          icon: Shield,
-          title: "Absolute Protection",
-          description: "Our packaging materials are engineered for maximum durability and shock absorption.",
-        },
-        {
-          icon: Leaf,
-          title: "Sustainable Practices",
-          description: "We prioritize eco-friendly, biodegradable, and recycled materials for all our lines.",
-        },
-        {
-          icon: Zap,
-          title: "Rapid Fulfillment",
-          description: "Streamlined production capabilities mean we meet even the most demanding delivery timelines.",
-        },
-      ]}
-      title="Why Prestige Matters"
-      description="Innovative engineering, sustainable materials, and rapid deployment define our core approach to packaging."
-    />
-  </div>
-
-  <div id="products" data-section="products">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Luxury Retail Boxes",
-          price: "Custom Pricing",
-          variant: "Paper & Finish",
-          imageSrc: "http://img.b2bpic.net/free-photo/lady-black-dress-holds-red-velvet-boxes-with-jewels_8353-1765.jpg",
-        },
-        {
-          id: "p2",
-          name: "Industrial Corrugated",
-          price: "Bulk Pricing",
-          variant: "Heavy Duty",
-          imageSrc: "http://img.b2bpic.net/free-photo/new-different-sized-beige-cardboard-boxes-with-covers-contrasted-against-old-rough-wooden-table-studio-with-white-walls_346278-1616.jpg",
-        },
-        {
-          id: "p3",
-          name: "Premium Shopping Bags",
-          price: "Custom Pricing",
-          variant: "Eco-friendly",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-many-bright-shopping-bags_23-2147960690.jpg",
-        },
-        {
-          id: "p4",
-          name: "Custom Branding Boxes",
-          price: "Custom Pricing",
-          variant: "Bespoke",
-          imageSrc: "http://img.b2bpic.net/free-photo/jewellery-foot-anklet-bracelet-bangle-background-with-place-text-banner-fashion-accessories_460848-13609.jpg",
-        },
-        {
-          id: "p5",
-          name: "Protective Foam Inserts",
-          price: "Volume Pricing",
-          variant: "Custom Fit",
-          imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17758.jpg",
-        },
-        {
-          id: "p6",
-          name: "Wooden Gift Crates",
-          price: "Volume Pricing",
-          variant: "Luxury",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-holding-wooden-box-with-tools_23-2148732470.jpg",
-        },
-      ]}
-      title="Our Packaging Range"
-      description="Browse our diverse catalog of industrial, retail, and custom packaging solutions."
-    />
-  </div>
-
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "30+",
-          title: "Years of Experience",
-          items: [
-            "Deep industrial expertise",
-            "Market knowledge",
-          ],
-        },
-        {
-          id: "m2",
-          value: "1.2M",
-          title: "Units Delivered",
-          items: [
-            "Annual output capacity",
-            "Reliable supply chain",
-          ],
-        },
-        {
-          id: "m3",
-          value: "99.8%",
-          title: "Client Satisfaction",
-          items: [
-            "Quality assurance",
-            "Dedicated service",
-          ],
-        },
-      ]}
-      title="Our Industrial Impact"
-      description="Proven results for leading companies worldwide."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Alice Green",
-          role: "Logistics Manager",
-          testimonial: "The precision they provide is unmatched in the industry.",
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
-        },
-        {
-          id: "t2",
-          name: "Bob Vane",
-          role: "Purchasing Director",
-          testimonial: "Excellent service and quality across all our shipments.",
-          imageSrc: "http://img.b2bpic.net/free-photo/single-gesture-lifestyle-white-male_1262-2168.jpg",
-        },
-        {
-          id: "t3",
-          name: "Carol Lee",
-          role: "Production Head",
-          testimonial: "Reliable delivery schedules every time we order.",
-          imageSrc: "http://img.b2bpic.net/free-photo/blurred-abstract-background-interior-view-looking-out-toward-empty-office-lobby-entrance-doors-glass-curtain-wall-with-frame_1339-6368.jpg",
-        },
-        {
-          id: "t4",
-          name: "Dan Evans",
-          role: "Supply Chain Lead",
-          testimonial: "Truly sustainable and high-performing packaging.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
-        },
-        {
-          id: "t5",
-          name: "Eve Wright",
-          role: "Operations Manager",
-          testimonial: "The quality of materials is truly world-class.",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-trying-look-like-grown-up_23-2148244890.jpg",
-        },
-      ]}
-      title="Global Partner Endorsements"
-      description="Trusted by hundreds of partners in manufacturing, retail, and tech."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "Do you provide custom design services?",
-          content: "Yes, our team works closely with you to design bespoke packaging solutions tailored to your products.",
-        },
-        {
-          id: "f2",
-          title: "Are your materials recyclable?",
-          content: "We prioritize recycled and eco-friendly materials across all our product lines to reduce environmental impact.",
-        },
-        {
-          id: "f3",
-          title: "What are your lead times?",
-          content: "Lead times vary based on project scale and complexity, but our rapid fulfillment process is designed to be highly responsive.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Have questions about our packaging services? We've got answers."
-      faqsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Get in touch"
-      title="Start Your Packaging Project"
-      description="Ready to protect your products with Prestige? Let's discuss your requirements today."
-      buttons={[
-        {
-          text: "Consultation",
-          href: "#",
-        },
-      ]}
+        "With over 30 years of experience, Prestige Packaging Industries is at the forefront of industrial and retail packaging technology.",        "Our state-of-the-art facilities ensure every product we manufacture meets rigorous international quality standards, ensuring your goods reach their destination safely and sustainably."]}
     />
   </div>
 
@@ -360,40 +70,8 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="Prestige Packaging"
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Solutions",
-              href: "#features",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Commitments", href: "/commitments" }] },
+        { title: "Support", items: [{ label: "FAQ", href: "/#faq" }, { label: "Contact", href: "/contact" }, { label: "Blog", href: "/blog" }] },
       ]}
       copyrightText="© 2024 Prestige Packaging Industries. All rights reserved."
     />
@@ -401,4 +79,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/portfolio/page.tsx

@@ -0,0 +1,21 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+
+export default function PortfolioPage() {
+  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">
+      <NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Savoir-Faire", id: "/savoir-faire"}, {name: "Portfolio", id: "/portfolio"}, {name: "Process", id: "/process"}, {name: "Contact", id: "/contact"}]} />
+      <ProductCardFour 
+        animationType="slide-up" 
+        gridVariant="bento-grid" 
+        textboxLayout="split" 
+        title="Packaging Portfolio" 
+        description="A selection of our premium bespoke projects." 
+        useInvertedBackground={false}
+      />
+    </ThemeProvider>
+  );
+}

src/app/process/page.tsx

@@ -0,0 +1,26 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
+import { Zap, Shield, Leaf } from "lucide-react";
+
+export default function ProcessPage() {
+  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">
+      <NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Savoir-Faire", id: "/savoir-faire"}, {name: "Portfolio", id: "/portfolio"}, {name: "Process", id: "/process"}, {name: "Contact", id: "/contact"}]} />
+      <FeatureHoverPattern 
+        animationType="slide-up" 
+        textboxLayout="split" 
+        useInvertedBackground={false}
+        title="Our Process" 
+        description="From initial concept to final delivery, our workflow is optimized for success."
+        features={[
+          { icon: Zap, title: "Consultation", description: "Defining your goals." },
+          { icon: Shield, title: "Engineering", description: "Creating the perfect structure." },
+          { icon: Leaf, title: "Production", description: "High-quality, sustainable manufacturing." }
+        ]}
+      />
+    </ThemeProvider>
+  );
+}

src/app/savoir-faire/page.tsx

@@ -0,0 +1,18 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+
+export default function SavoirFairePage() {
+  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">
+      <NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Savoir-Faire", id: "/savoir-faire"}, {name: "Portfolio", id: "/portfolio"}, {name: "Process", id: "/process"}, {name: "Contact", id: "/contact"}]} />
+      <TextSplitAbout 
+        title="Our Savoir-Faire" 
+        description={["Decades of engineering refinement.", "We combine traditional craftsmanship with modern automated precision."]} 
+        useInvertedBackground={false}
+      />
+    </ThemeProvider>
+  );
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
-  --card: #ffffff;
-  --foreground: #1c1c1c;
-  --primary-cta: #1f514c;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #f5f5f5;
+  --primary-cta: #ffdf7d;
   --primary-cta-text: #f5f5f5;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #1c1c1c;
-  --accent: #159c49;
-  --background-accent: #a8e8ba;
+  --accent: #b8860b;
+  --background-accent: #8b6914;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);