Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -5,35 +5,35 @@ import ReactLenis from "lenis/react";
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
-import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import SplitAbout from '@/components/sections/about/SplitAbout';
+import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import { Award, Sparkles, Star } from "lucide-react";
+import { Award, Sparkles, Star, Camera, History, Crown } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
         defaultTextAnimation="background-highlight"
-        borderRadius="soft"
+        borderRadius="pill"
         contentWidth="mediumLarge"
-        sizing="mediumLargeSizeLargeTitles"
+        sizing="largeSizeMediumTitles"
-        background="floatingGradient"
+        background="noiseDiagonalGradient"
-        cardStyle="soft-shadow"
+        cardStyle="glass-elevated"
-        primaryButtonStyle="flat"
+        primaryButtonStyle="primary-glow"
         secondaryButtonStyle="solid"
-        headingFontWeight="normal"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
         { name: "Collection", id: "hero" },
-        { name: "Categories", id: "products" },
+        { name: "Selection", id: "products" },
-        { name: "Craftsmanship", id: "craftsmanship" },
+        { name: "Artisanal Spirit", id: "craftsmanship" },
         { name: "Archives", id: "faq" },
       ]}
       brandName="Atelier Heritage"
@@ -42,126 +42,111 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{ variant: "gradient-bars" }}
+      title="Parisian Vintage Archives"
-      title="Atelier Heritage Paris"
+      description="Immerse yourself in the golden era of 90s couture. A cinematic journey through timeless elegance, crafted for the modern individual."
-      description="Élégance intemporelle. Esprit 90s. Discover our curated collection of timeless vintage couture, where Parisian tradition meets modern aspiration."
+      background={{ variant: "plain" }}
-      buttons={[{ text: "Explore Collection", href: "#products" }]}
+      buttons={[{ text: "Explore the Archives", href: "#products" }]}
       mediaItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-2000-s-fashion-style-holding-camera_23-2149870047.jpg", imageAlt: "90s luxury fashion vintage" },
+        { imageSrc: "https://images.unsplash.com/photo-1512436991641-67450b173263?q=80&w=2070", imageAlt: "Elegant vintage Parisian fashion" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/still-life-bicycle-basket_23-2149682026.jpg", imageAlt: "vintage luxury leather handbag" },
+        { imageSrc: "https://images.unsplash.com/photo-1490481651871-ab68de25d43d?q=80&w=2070", imageAlt: "Luxury 90s fashion model" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-2000s-fashion-style-posing-together-with-tv_23-2149442864.jpg", imageAlt: "luxury vintage watch editorial" },
+        { imageSrc: "https://images.unsplash.com/photo-1529139574466-a303077c1075?q=80&w=1974", imageAlt: "Timeless old money style" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/levitating-women-s-scarf-display_23-2149817630.jpg", imageAlt: "vintage silk scarf 90s style" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-punk-woman-posing_23-2149267435.jpg", imageAlt: "vintage leather loafers old money" },
       ]}
       mediaAnimation="blur-reveal"
+      className="min-h-screen"
     />
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardThree
+      <ProductCardTwo
-      animationType="slide-up"
+      animationType="scale-rotate"
+      gridVariant="four-items-2x2-equal-grid"
       textboxLayout="split"
-      gridVariant="one-large-right-three-stacked-left"
       useInvertedBackground={false}
       products={[
-        { id: "p1", name: "Silk Archive Blouse", price: "450€", imageSrc: "http://img.b2bpic.net/free-photo/young-sexy-blond-woman-model-evening-yellow-dress-posing-blue-sky-background_158538-9386.jpg" },
+        { id: "p1", brand: "Archives", name: "Silk Evening Drape", price: "850€", rating: 5, reviewCount: "48", imageSrc: "https://images.unsplash.com/photo-1549298916-b41d501d3772?q=80&w=2012" },
-        { id: "p2", name: "Wool Tailored Coat", price: "890€", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-near-dark-wall_158538-11248.jpg" },
+        { id: "p2", brand: "Heritage", name: "Tailored Wool Blazer", price: "1,200€", rating: 5, reviewCount: "32", imageSrc: "https://images.unsplash.com/photo-1593030761757-71fae45fa0e7?q=80&w=2080" },
-        { id: "p3", name: "Amber Noir Candle", price: "120€", imageSrc: "http://img.b2bpic.net/free-photo/view-music-box-with-bohemian-decor_23-2150545706.jpg" },
+        { id: "p3", brand: "Parisian", name: "Saddle Leather Bag", price: "2,400€", rating: 4, reviewCount: "15", imageSrc: "https://images.unsplash.com/photo-1584917865442-de89df76afd3?q=80&w=2070" },
-        { id: "p4", name: "Saddle Leather Bag", price: "1,200€", imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263194.jpg" },
+        { id: "p4", brand: "Vintage", name: "Classic 90s Loafers", price: "680€", rating: 5, reviewCount: "22", imageSrc: "https://images.unsplash.com/photo-1542291026-7eec264c27ff?q=80&w=2070" },
-        { id: "p5", name: "Classic Stiletto Heel", price: "550€", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-s-legs-with-stylish-high-heels-pantyhose_23-2150166095.jpg" },
-        { id: "p6", name: "Heritage Fountain Pen", price: "340€", imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-writing-love-letter_23-2150784419.jpg" },
       ]}
-      title="Signature Archive"
+      title="Curated Selection"
-      description="Discover a selection of preserved 90s essentials, each piece carefully curated for the discerning collector."
+      description="Our signature collection of rare finds, meticulously vetted for the ultimate vintage enthusiast."
     />
   </div>
 
   <div id="craftsmanship" data-section="craftsmanship">
-      <SplitAbout
+      <TestimonialAboutCard
-      textboxLayout="split"
+      tag="Craftsmanship"
-      useInvertedBackground={false}
+      tagIcon={Crown}
-      title="L'Artisanat Moderne"
+      title="Restoring Elegance"
-      description="Every vintage piece in our atelier is restored by master artisans, preserving the integrity and spirit of the original design. Our commitment is to sustainable luxury that honors the craft."
+      description="At the heart of Atelier Heritage lies our commitment to the slow-fashion movement. Each piece is treated as a masterpiece, with restoration processes that respect the original Parisian techniques of the 90s."
-      bulletPoints={[
+      subdescription="We honor the legacy of master tailors, ensuring every thread tells a story of authenticity and old money sophistication."
-        { title: "Artisanal Restoration", description: "Hand-restoration ensuring original materials remain untouched." },
+      icon={History}
-        { title: "Authentic Provenance", description: "Each item is vetted for its 90s historical lineage." },
+      imageSrc="https://images.unsplash.com/photo-1583947215259-38e31be0b5fb?q=80&w=2070"
-        { title: "Timeless Preservation", description: "Protecting the heritage of high-fashion construction." },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186734.jpg"
       mediaAnimation="blur-reveal"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardOne
+      <MetricCardThree
       animationType="depth-3d"
       textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        { id: "m1", value: "12K+", title: "Archive Pieces", description: "Curated garments preserved.", icon: Sparkles },
+        { id: "m1", icon: Camera, title: "Editorial Features", value: "150+" },
-        { id: "m2", value: "30+", title: "Expert Artisans", description: "Masters in restoration.", icon: Award },
+        { id: "m2", icon: Sparkles, title: "Restored Pieces", value: "12K" },
-        { id: "m3", value: "95%", title: "Retention Rate", description: "Loved by collectors worldwide.", icon: Star },
+        { id: "m3", icon: Award, title: "Years of Heritage", value: "30+" },
       ]}
-      title="Heritage Impact"
+      title="Our Legacy in Numbers"
-      description="Quantifying our dedication to Parisian fashion preservation."
+      description="A testament to our unwavering devotion to preserved vintage Parisian couture."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
+      <TestimonialCardTen
-      animationType="blur-reveal"
+      title="Muse Perspectives"
+      description="Stories shared by those who embody the timeless spirit of the 90s."
       textboxLayout="split"
-      useInvertedBackground={false}
       testimonials={[
-        { id: "t1", name: "Elise V.", handle: "@elise_paris", testimonial: "The authenticity of the 90s collection is breathtaking.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-cafe-talking-phone_1303-27386.jpg" },
+        { id: "t1", title: "Immersive Experience", quote: "The curation is truly cinematic. It feels like stepping into a 90s Parisian dream.", name: "Julian V.", role: "Fashion Historian", imageSrc: "https://images.unsplash.com/photo-1534528741775-53994a69daeb?q=80&w=1064" },
-        { id: "t2", name: "Julian M.", handle: "@julian.vintage", testimonial: "Atelier Heritage provides a seamless experience for finding rare pieces.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-girl-posing-vintage-portrait_23-2150794964.jpg" },
+        { id: "t2", title: "Unmatched Quality", quote: "I have never seen such dedication to authentic restoration. Pure elegance.", name: "Clara M.", role: "Collector", imageSrc: "https://images.unsplash.com/photo-1517841905240-472988babdf9?q=80&w=1974" },
-        { id: "t3", name: "Claire B.", handle: "@claire.classic", testimonial: "Exceptional quality. The restoration work is undetectable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-model-posing-with-chair-studio_23-2149392870.jpg" },
-        { id: "t4", name: "Marcus R.", handle: "@marcus_r", testimonial: "Best curation of 90s archive fashion I have encountered.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-vintage-portrait_23-2150794796.jpg" },
-        { id: "t5", name: "Sophie L.", handle: "@sophie_archives", testimonial: "Sophisticated, elegant, and timeless. A customer for life.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-lgtbiq-plus-portraits_23-2149165922.jpg" },
       ]}
-      showRating={true}
+      useInvertedBackground={true}
-      title="Voices of Heritage"
-      description="Stories from those who wear history."
     />
   </div>
 
   <div id="social-proof" data-section="social-proof">
       <SocialProofOne
+      names={["Vogue", "Harper's Bazaar", "L'Officiel", "Elle", "WWD"]}
+      title="Global Recognition"
+      description="As seen in the archives of the world's most influential fashion publications."
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
-        "Vogue Paris", "Harper's Bazaar", "L'Officiel", "Elle France", "Marie Claire", "WWD", "Financial Times"]}
-      title="Trusted by Archives"
-      description="Featured in leading global publications and fashion houses."
     />
   </div>
 
   <div id="faq" data-section="faq">
       <FaqDouble
-      textboxLayout="split"
+      title="Archival Inquiries"
-      useInvertedBackground={false}
+      description="Everything you need to know about our luxury vintage collection and services."
       faqs={[
-        { id: "f1", title: "How do you verify authenticity?", content: "Our experts perform rigorous checks against historical production catalogs." },
+        { id: "f1", title: "What defines our archive?", content: "We specialize exclusively in rare 90s Parisian couture garments and accessories." },
-        { id: "f2", title: "Do you offer international shipping?", content: "Yes, we ship worldwide using insured luxury courier services." },
+        { id: "f2", title: "Authentication process?", content: "Every item undergoes a multi-point verification process by our in-house experts." },
-        { id: "f3", title: "Are returns possible?", content: "Due to the unique nature of archive pieces, returns are handled individually." },
       ]}
-      title="Expert Guidance"
-      description="Answering your inquiries about vintage luxury acquisitions."
       faqsAnimation="blur-reveal"
+      textboxLayout="default"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/beautiful-adult-blonde-woman-with-bouquet-daisies-sits-chair-twists-petals-chamomile-flower-closeup-selective-soft-focus-vertical-frame_166373-2413.jpg"
+      imageSrc="https://images.unsplash.com/photo-1509631179647-01773317835c?q=80&w=2070"
       logoText="Atelier Heritage"
       columns={[
-        { title: "House", items: [{ label: "About Us", href: "#" }, { label: "Craftsmanship", href: "#craftsmanship" }] },
+        { title: "The House", items: [{ label: "Philosophy", href: "#" }, { label: "Archives", href: "#" }] },
-        { title: "Archive", items: [{ label: "Shop All", href: "#products" }, { label: "Journal", href: "#" }] },
+        { title: "Customer Care", items: [{ label: "Authentication", href: "#" }, { label: "Shipping", href: "#" }] },
-        { title: "Legal", items: [{ label: "Terms of Sale", href: "#" }, { label: "Privacy Policy", href: "#" }] },
       ]}
-      copyrightText="© 2025 Atelier Heritage Paris. All Rights Reserved."
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
+  --background: #f5f4ef;
-  --card: #1a1a1a;
+  --card: #dad6cd;
-  --foreground: #f5f4ef;
+  --foreground: #2a2928;
-  --primary-cta: #d4af37;
+  --primary-cta: #2a2928;
   --primary-cta-text: #0a0a0a;
-  --secondary-cta: #2a2928;
+  --secondary-cta: #ecebea;
   --secondary-cta-text: #f5f4ef;
   --accent: #b8a070;
-  --background-accent: #1a1a1a;
+  --background-accent: #f5f4ef;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);