Merge version_1 into main #2
321
src/app/page.tsx
321
src/app/page.tsx
@@ -26,242 +26,103 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Saint-Bleu"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Collection", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Saint-Bleu"
|
||||
button={{ text: "Shop Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Saint-Bleu Amsterdam"
|
||||
description="Timeless elegance meets modern Amsterdam aesthetics. Discover our curated collection of premium apparel."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-yellow-dress-with-copy-space_23-2148510210.jpg",
|
||||
imageAlt: "Collection Showcase 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-stylish-caucasian-villa-body-suit-black-boots-outside-villa-with-natural-day-light_343596-2228.jpg?_wi=1",
|
||||
imageAlt: "Collection Showcase 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-brown-polkadot-dress-preens-before-date-looking-mirror-her-bright-room_197531-25601.jpg",
|
||||
imageAlt: "Collection Showcase 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-preparing-store-reopening_23-2149142193.jpg",
|
||||
imageAlt: "Collection Showcase 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-pastel-minimal-interior-design_23-2151883505.jpg",
|
||||
imageAlt: "Collection Showcase 5",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Saint-Bleu Amsterdam"
|
||||
description="Timeless elegance meets modern Amsterdam aesthetics. Discover our curated collection of premium apparel."
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-yellow-dress-with-copy-space_23-2148510210.jpg", imageAlt: "Collection Showcase 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-stylish-caucasian-villa-body-suit-black-boots-outside-villa-with-natural-day-light_343596-2228.jpg", imageAlt: "Collection Showcase 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-brown-polkadot-dress-preens-before-date-looking-mirror-her-bright-room_197531-25601.jpg", imageAlt: "Collection Showcase 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/manager-preparing-store-reopening_23-2149142193.jpg", imageAlt: "Collection Showcase 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/colorful-pastel-minimal-interior-design_23-2151883505.jpg", imageAlt: "Collection Showcase 5" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Saint-Bleu",
|
||||
name: "Amsterdam Linen Shirt",
|
||||
price: "€129",
|
||||
rating: 5,
|
||||
reviewCount: "24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tailoring-items-arrangement-still-life_23-2149647260.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Saint-Bleu",
|
||||
name: "Canal Wool Coat",
|
||||
price: "€349",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-purse-tiles-with-mediterranean-aesthetics_23-2150916725.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Saint-Bleu",
|
||||
name: "Classic Leather Tote",
|
||||
price: "€289",
|
||||
rating: 4,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-taking-photos_23-2149731184.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Saint-Bleu",
|
||||
name: "Minimalist Silk Scarf",
|
||||
price: "€89",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-say-no-fast-fashion_23-2149669568.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Saint-Bleu",
|
||||
name: "Modern Chinos",
|
||||
price: "€159",
|
||||
rating: 5,
|
||||
reviewCount: "31",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-gua-sha-stone_23-2149449151.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Saint-Bleu",
|
||||
name: "Signature Cashmere Knit",
|
||||
price: "€229",
|
||||
rating: 5,
|
||||
reviewCount: "19",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/toilet-bag-with-products-view_23-2149879603.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Exquisitely designed pieces that define the Saint-Bleu signature style."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Saint-Bleu", name: "Amsterdam Linen Shirt", price: "€129", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/tailoring-items-arrangement-still-life_23-2149647260.jpg" },
|
||||
{ id: "p2", brand: "Saint-Bleu", name: "Canal Wool Coat", price: "€349", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-purse-tiles-with-mediterranean-aesthetics_23-2150916725.jpg" },
|
||||
{ id: "p3", brand: "Saint-Bleu", name: "Classic Leather Tote", price: "€289", rating: 4, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-taking-photos_23-2149731184.jpg" },
|
||||
{ id: "p4", brand: "Saint-Bleu", name: "Minimalist Silk Scarf", price: "€89", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/still-life-say-no-fast-fashion_23-2149669568.jpg" },
|
||||
{ id: "p5", brand: "Saint-Bleu", name: "Modern Chinos", price: "€159", rating: 5, reviewCount: "31", imageSrc: "http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-gua-sha-stone_23-2149449151.jpg" },
|
||||
{ id: "p6", brand: "Saint-Bleu", name: "Signature Cashmere Knit", price: "€229", rating: 5, reviewCount: "19", imageSrc: "http://img.b2bpic.net/free-photo/toilet-bag-with-products-view_23-2149879603.jpg" },
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Exquisitely designed pieces that define the Saint-Bleu signature style."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Our Heritage"
|
||||
title="Designed in Amsterdam"
|
||||
description="Saint-Bleu Amsterdam was born from a desire to combine traditional Dutch craftsmanship with contemporary minimalist design. We believe in quality over quantity, crafting pieces that last a lifetime."
|
||||
subdescription="Every garment tells a story of precision, heritage, and modern vision."
|
||||
icon={Sparkles}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashion-portrait-stylish-caucasian-villa-body-suit-black-boots-outside-villa-with-natural-day-light_343596-2228.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Our Heritage"
|
||||
title="Designed in Amsterdam"
|
||||
description="Saint-Bleu Amsterdam was born from a desire to combine traditional Dutch craftsmanship with contemporary minimalist design. We believe in quality over quantity, crafting pieces that last a lifetime."
|
||||
subdescription="Every garment tells a story of precision, heritage, and modern vision."
|
||||
icon={Sparkles}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashion-portrait-stylish-caucasian-villa-body-suit-black-boots-outside-villa-with-natural-day-light_343596-2228.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena de Vries",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-shopper-street_23-2147652063.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark van den Berg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-mall-paying-with-credit-card_1303-29602.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Jansen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-dress-holding-shopping-bags_23-2147962194.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Tim Bakker",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-smile-woman-looking-camera_197531-33875.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lieke Vermeer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4746.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Loved by our Community"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Elena de Vries", imageSrc: "http://img.b2bpic.net/free-photo/pretty-shopper-street_23-2147652063.jpg" },
|
||||
{ id: "t2", name: "Mark van den Berg", imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-mall-paying-with-credit-card_1303-29602.jpg" },
|
||||
{ id: "t3", name: "Sarah Jansen", imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-dress-holding-shopping-bags_23-2147962194.jpg" },
|
||||
{ id: "t4", name: "Tim Bakker", imageSrc: "http://img.b2bpic.net/free-photo/view-smile-woman-looking-camera_197531-33875.jpg" },
|
||||
{ id: "t5", name: "Lieke Vermeer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4746.jpg" },
|
||||
]}
|
||||
cardTitle="Loved by our Community"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Experience Saint-Bleu. Visit our boutique or contact us for personalized styling inquiries."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Experience Saint-Bleu. Visit our boutique or contact us for personalized styling inquiries."
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8651.jpg"
|
||||
logoText="Saint-Bleu"
|
||||
columns={[
|
||||
{
|
||||
title: "Collection",
|
||||
items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8651.jpg"
|
||||
logoText="Saint-Bleu"
|
||||
columns={[
|
||||
{ title: "Collection", items: [{ label: "New Arrivals", href: "#" }, { label: "Best Sellers", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "Our Story", href: "#" }, { label: "Sustainability", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Shipping", href: "#" }, { label: "Returns", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user