Merge version_1_1781697432883 into main #1
@@ -11,224 +11,119 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplitVerticalMarquee
|
||||
tag="Quiet Luxury"
|
||||
title="YOUR SCENT. ANYWHERE."
|
||||
description="Carry the fragrances you already love."
|
||||
primaryButton={{
|
||||
text: "Shop Now",
|
||||
href: "#product",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Discover",
|
||||
href: "#story",
|
||||
}}
|
||||
leftItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-summer-holidays_23-2151982718.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-healthy-calm-woman-doing-yoga-sailing-yacht-boat-sea-island-background_1153-4871.jpg",
|
||||
},
|
||||
]}
|
||||
rightItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-uses-smartphone-street-surfing-internet_1296-770.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-valentines-day_23-2148383184.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Quiet Luxury"
|
||||
title="YOUR SCENT. ANYWHERE."
|
||||
description="Carry the fragrances you already love."
|
||||
primaryButton={{
|
||||
text: "Shop Now", href: "#product"}}
|
||||
secondaryButton={{
|
||||
text: "Discover", href: "#story"}}
|
||||
leftItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-summer-holidays_23-2151982718.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-healthy-calm-woman-doing-yoga-sailing-yacht-boat-sea-island-background_1153-4871.jpg" },
|
||||
]}
|
||||
rightItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-uses-smartphone-street-surfing-internet_1296-770.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-valentines-day_23-2148383184.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="lifestyle" data-section="lifestyle">
|
||||
<SectionErrorBoundary name="lifestyle">
|
||||
<div id="lifestyle" data-section="lifestyle">
|
||||
<SectionErrorBoundary name="lifestyle">
|
||||
<MetricsMediaCards
|
||||
tag="Destinations"
|
||||
title="Designed for every destination."
|
||||
description="Elevate your travel experience with sophisticated utility."
|
||||
metrics={[
|
||||
{
|
||||
value: "Monaco",
|
||||
title: "Nightlife",
|
||||
description: "Atmosphere for the most elegant evenings.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-device-with-futuristic-design_23-2151037506.jpg",
|
||||
},
|
||||
{
|
||||
value: "Como",
|
||||
title: "Private Dinner",
|
||||
description: "Intimate dining made seamless.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196964.jpg",
|
||||
},
|
||||
{
|
||||
value: "Yacht",
|
||||
title: "Travel Style",
|
||||
description: "Utility meets luxury aesthetics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photos-sea-by-car_23-2148756447.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Destinations"
|
||||
title="Designed for every destination."
|
||||
description="Elevate your travel experience with sophisticated utility."
|
||||
metrics={[
|
||||
{ value: "Monaco", title: "Nightlife", description: "Atmosphere for the most elegant evenings.", imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-device-with-futuristic-design_23-2151037506.jpg" },
|
||||
{ value: "Como", title: "Private Dinner", description: "Intimate dining made seamless.", imageSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196964.jpg" },
|
||||
{ value: "Yacht", title: "Travel Style", description: "Utility meets luxury aesthetics.", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photos-sea-by-car_23-2148756447.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<SectionErrorBoundary name="product">
|
||||
<div id="product" data-section="product">
|
||||
<SectionErrorBoundary name="product">
|
||||
<FeaturesImageBento
|
||||
tag="The Case"
|
||||
title="Luxury travel fragrance case."
|
||||
description="A refined accessory for the modern traveler."
|
||||
items={[
|
||||
{
|
||||
title: "Premium Leather",
|
||||
description: "Genuine craftsmanship",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-concept-with-copy-space_23-2148459663.jpg",
|
||||
},
|
||||
{
|
||||
title: "Refillable",
|
||||
description: "Two atomizers included",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-different-sized-skincare-bottles-isolated-white-surface_181624-43892.jpg",
|
||||
},
|
||||
{
|
||||
title: "Compact",
|
||||
description: "Travel essential size",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/travel-still-life-pack-top-view_23-2148837308.jpg",
|
||||
},
|
||||
{
|
||||
title: "Signature Finish",
|
||||
description: "Timeless aesthetic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-men-cologne-box-heart-shaped-box-flowers-table_140725-145206.jpg",
|
||||
},
|
||||
{
|
||||
title: "Refill System",
|
||||
description: "Effortless application",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-angry-expression_1194-2822.jpg",
|
||||
},
|
||||
{
|
||||
title: "Travel Ready",
|
||||
description: "Designed for security",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/toilet-bag-with-products-assortment-table_23-2149879647.jpg",
|
||||
},
|
||||
{
|
||||
title: "Essential Kit",
|
||||
description: "Complete travel set",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-friday-gifts-arrangement_23-2148666992.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="The Case"
|
||||
title="Luxury travel fragrance case."
|
||||
description="A refined accessory for the modern traveler."
|
||||
items={[
|
||||
{ title: "Premium Leather", description: "Genuine craftsmanship", imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-concept-with-copy-space_23-2148459663.jpg" },
|
||||
{ title: "Refillable", description: "Two atomizers included", imageSrc: "http://img.b2bpic.net/free-photo/three-different-sized-skincare-bottles-isolated-white-surface_181624-43892.jpg" },
|
||||
{ title: "Compact", description: "Travel essential size", imageSrc: "http://img.b2bpic.net/free-photo/travel-still-life-pack-top-view_23-2148837308.jpg" },
|
||||
{ title: "Signature Finish", description: "Timeless aesthetic", imageSrc: "http://img.b2bpic.net/free-photo/top-view-men-cologne-box-heart-shaped-box-flowers-table_140725-145206.jpg" },
|
||||
{ title: "Refill System", description: "Effortless application", imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-angry-expression_1194-2822.jpg" },
|
||||
{ title: "Travel Ready", description: "Designed for security", imageSrc: "http://img.b2bpic.net/free-photo/toilet-bag-with-products-assortment-table_23-2149879647.jpg" },
|
||||
{ title: "Essential Kit", description: "Complete travel set", imageSrc: "http://img.b2bpic.net/free-photo/black-friday-gifts-arrangement_23-2148666992.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="benefits" data-section="benefits">
|
||||
<SectionErrorBoundary name="benefits">
|
||||
<div id="benefits" data-section="benefits">
|
||||
<SectionErrorBoundary name="benefits">
|
||||
<AboutFeaturesSplit
|
||||
tag="Quality"
|
||||
title="Luxury without compromise."
|
||||
description="Elevated design that never compromises on style or utility."
|
||||
items={[
|
||||
{
|
||||
icon: Compass,
|
||||
title: "Travel Friendly",
|
||||
description: "TSA approved compact design.",
|
||||
},
|
||||
{
|
||||
icon: RefreshCw,
|
||||
title: "Refill in seconds",
|
||||
description: "Innovative system for your favorite scents.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Premium Materials",
|
||||
description: "Sourced from the finest leather.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bottles-teal-nail-polish-bottles-dual-background_23-2148102112.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Quality"
|
||||
title="Luxury without compromise."
|
||||
description="Elevated design that never compromises on style or utility."
|
||||
items={[
|
||||
{ icon: "Compass", title: "Travel Friendly", description: "TSA approved compact design." },
|
||||
{ icon: "RefreshCw", title: "Refill in seconds", description: "Innovative system for your favorite scents." },
|
||||
{ icon: "Award", title: "Premium Materials", description: "Sourced from the finest leather." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bottles-teal-nail-polish-bottles-dual-background_23-2148102112.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="story" data-section="story">
|
||||
<SectionErrorBoundary name="story">
|
||||
<div id="story" data-section="story">
|
||||
<SectionErrorBoundary name="story">
|
||||
<FeaturesDetailedCards
|
||||
tag="Our Story"
|
||||
title="VALÉE Heritage"
|
||||
description="VALÉE was created for those who never leave their signature scent behind."
|
||||
items={[
|
||||
{
|
||||
title: "Mediterranean Roots",
|
||||
description: "Inspired by the effortless style of Monaco and Lake Como.",
|
||||
tags: [
|
||||
"Heritage",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-tourist-with-camera_23-2148602043.jpg",
|
||||
},
|
||||
{
|
||||
title: "Quiet Luxury",
|
||||
description: "Understated design that speaks volumes through quality materials.",
|
||||
tags: [
|
||||
"Philosophy",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17775.jpg",
|
||||
},
|
||||
{
|
||||
title: "Modern Utility",
|
||||
description: "Bridging the gap between beauty and essential travel.",
|
||||
tags: [
|
||||
"Design",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-valentines-day-present-perfume-blue-surface-love-couple-feeling-color-marriage-perfume-gift-woman_140725-108986.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Story"
|
||||
title="VALÉE Heritage"
|
||||
description="VALÉE was created for those who never leave their signature scent behind."
|
||||
items={[
|
||||
{ title: "Mediterranean Roots", description: "Inspired by the effortless style of Monaco and Lake Como.", tags: ["Heritage"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-tourist-with-camera_23-2148602043.jpg" },
|
||||
{ title: "Quiet Luxury", description: "Understated design that speaks volumes through quality materials.", tags: ["Philosophy"], imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17775.jpg" },
|
||||
{ title: "Modern Utility", description: "Bridging the gap between beauty and essential travel.", tags: ["Design"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-valentines-day-present-perfume-blue-surface-love-couple-feeling-color-marriage-perfume-gift-woman_140725-108986.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSimple
|
||||
tag="Assistance"
|
||||
title="Frequently Asked Questions"
|
||||
items={[
|
||||
{
|
||||
question: "What fragrances can I use?",
|
||||
answer: "The system is compatible with 99% of standard spray perfumes.",
|
||||
},
|
||||
{
|
||||
question: "How do I refill the atomizers?",
|
||||
answer: "Simply connect to your perfume nozzle and pump to refill.",
|
||||
},
|
||||
{
|
||||
question: "Is it travel friendly?",
|
||||
answer: "Yes, designed within international travel fluid standards.",
|
||||
},
|
||||
{
|
||||
question: "How much liquid does each atomizer hold?",
|
||||
answer: "Each holds 5ml of your favorite scent.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Assistance"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our luxury travel fragrance cases."
|
||||
items={[
|
||||
{ question: "What fragrances can I use?", answer: "The system is compatible with 99% of standard spray perfumes." },
|
||||
{ question: "How do I refill the atomizers?", answer: "Simply connect to your perfume nozzle and pump to refill." },
|
||||
{ question: "Is it travel friendly?", answer: "Yes, designed within international travel fluid standards." },
|
||||
{ question: "How much liquid does each atomizer hold?", answer: "Each holds 5ml of your favorite scent." },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Stay Updated"
|
||||
text="Join the private list for access to our next limited collection."
|
||||
primaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Shop",
|
||||
href: "#product",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Stay Updated"
|
||||
text="Join the private list for access to our next limited collection."
|
||||
primaryButton={{ text: "Contact Us", href: "#" }}
|
||||
secondaryButton={{ text: "Shop", href: "#product" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user