Merge version_2 into main #2
142
src/app/page.tsx
142
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 TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Award, Sparkles, Star } from "lucide-react";
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
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"
|
||||
background="floatingGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="flat"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
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: "Craftsmanship", id: "craftsmanship" },
|
||||
{ name: "Selection", id: "products" },
|
||||
{ name: "Artisanal Spirit", id: "craftsmanship" },
|
||||
{ name: "Archives", id: "faq" },
|
||||
]}
|
||||
brandName="Atelier Heritage"
|
||||
@@ -42,126 +42,106 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Atelier Heritage Paris"
|
||||
description="Élégance intemporelle. Esprit 90s. Discover our curated collection of timeless vintage couture, where Parisian tradition meets modern aspiration."
|
||||
buttons={[{ text: "Explore Collection", href: "#products" }]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Parisian Vintage Archives"
|
||||
description="Immerse yourself in the golden era of 90s couture. A cinematic journey through timeless elegance, crafted for the modern individual."
|
||||
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: "http://img.b2bpic.net/free-photo/still-life-bicycle-basket_23-2149682026.jpg", imageAlt: "vintage luxury leather handbag" },
|
||||
{ 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: "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" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1512436991641-67450b173263?q=80&w=2070", imageAlt: "Elegant vintage Parisian fashion" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1490481651871-ab68de25d43d?q=80&w=2070", imageAlt: "Luxury 90s fashion model" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1529139574466-a303077c1075?q=80&w=1974", imageAlt: "Timeless old money style" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
className="min-h-screen"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
<ProductCardTwo
|
||||
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: "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: "p3", name: "Amber Noir Candle", price: "120€", imageSrc: "http://img.b2bpic.net/free-photo/view-music-box-with-bohemian-decor_23-2150545706.jpg" },
|
||||
{ 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: "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" },
|
||||
{ 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", 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", 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", brand: "Vintage", name: "Classic 90s Loafers", price: "680€", rating: 5, reviewCount: "22", imageSrc: "https://images.unsplash.com/photo-1542291026-7eec264c27ff?q=80&w=2070" },
|
||||
]}
|
||||
title="Signature Archive"
|
||||
description="Discover a selection of preserved 90s essentials, each piece carefully curated for the discerning collector."
|
||||
title="Curated Selection"
|
||||
description="Our signature collection of rare finds, meticulously vetted for the ultimate vintage enthusiast."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="craftsmanship" data-section="craftsmanship">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="L'Artisanat Moderne"
|
||||
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."
|
||||
bulletPoints={[
|
||||
{ title: "Artisanal Restoration", description: "Hand-restoration ensuring original materials remain untouched." },
|
||||
{ title: "Authentic Provenance", description: "Each item is vetted for its 90s historical lineage." },
|
||||
{ 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"
|
||||
<TestimonialAboutCard
|
||||
tag="Craftsmanship"
|
||||
tagIcon={Crown}
|
||||
title="Restoring Elegance"
|
||||
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."
|
||||
subdescription="We honor the legacy of master tailors, ensuring every thread tells a story of authenticity and old money sophistication."
|
||||
icon={History}
|
||||
imageSrc="https://images.unsplash.com/photo-1583947215259-38e31be0b5fb?q=80&w=2070"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</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: "m2", value: "30+", title: "Expert Artisans", description: "Masters in restoration.", icon: Award },
|
||||
{ id: "m3", value: "95%", title: "Retention Rate", description: "Loved by collectors worldwide.", icon: Star },
|
||||
{ id: "m1", icon: Camera, title: "Editorial Features", value: "150+" },
|
||||
{ id: "m2", icon: Sparkles, title: "Restored Pieces", value: "12K" },
|
||||
{ id: "m3", icon: Award, title: "Years of Heritage", value: "30+" },
|
||||
]}
|
||||
title="Heritage Impact"
|
||||
description="Quantifying our dedication to Parisian fashion preservation."
|
||||
title="Our Legacy in Numbers"
|
||||
description="A testament to our unwavering devotion to preserved vintage Parisian couture."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="blur-reveal"
|
||||
<TestimonialCardTen
|
||||
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: "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: "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" },
|
||||
{ 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", 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" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voices of Heritage"
|
||||
description="Stories from those who wear history."
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
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."
|
||||
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."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Archival Inquiries"
|
||||
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: "f2", title: "Do you offer international shipping?", content: "Yes, we ship worldwide using insured luxury courier services." },
|
||||
{ id: "f3", title: "Are returns possible?", content: "Due to the unique nature of archive pieces, returns are handled individually." },
|
||||
{ id: "f1", title: "What defines our archive?", content: "We specialize exclusively in rare 90s Parisian couture garments and accessories." },
|
||||
{ id: "f2", title: "Authentication process?", content: "Every item undergoes a multi-point verification process by our in-house experts." },
|
||||
]}
|
||||
title="Expert Guidance"
|
||||
description="Answering your inquiries about vintage luxury acquisitions."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</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: "Archive", items: [{ label: "Shop All", href: "#products" }, { label: "Journal", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Terms of Sale", href: "#" }, { label: "Privacy Policy", href: "#" }] },
|
||||
{ title: "The House", items: [{ label: "Philosophy", href: "#" }, { label: "Archives", href: "#" }] },
|
||||
{ title: "Customer Care", items: [{ label: "Authentication", href: "#" }, { label: "Shipping", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Atelier Heritage Paris. All Rights Reserved."
|
||||
copyrightText="© 2025 Atelier Heritage Paris"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #f5f4ef;
|
||||
--primary-cta: #d4af37;
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--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);
|
||||
|
||||
Reference in New Issue
Block a user