Merge version_3 into main #2
117
src/app/page.tsx
117
src/app/page.tsx
@@ -31,14 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Story", id: "about"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Collection", id: "products" },
|
||||
{ name: "Story", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Maison Virelle"
|
||||
/>
|
||||
@@ -46,28 +42,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection", href: "#products"
|
||||
}
|
||||
]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
buttons={[{ text: "Explore Collection", href: "#products" }]}
|
||||
title="Maison Virelle"
|
||||
description="Stories Bottled in Every Drop"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plastic-bag-colour-concept-with-bottle_23-2148393487.jpg", imageAlt: "luxury perfume cinematic bokeh"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bottle-fan-yellow-background_23-2148306729.jpg", imageAlt: "luxury perfume cinematic bokeh"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-empty-perfume-bottle_23-2149234374.jpg", imageAlt: "luxury perfume cinematic bokeh"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-arrangement_23-2149440631.jpg", imageAlt: "luxury perfume cinematic bokeh"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cotillon-decoration_23-2149230284.jpg", imageAlt: "luxury perfume cinematic bokeh"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/original-glass-vase-with-angel-top-green-branch_1304-2744.jpg", imageAlt: "luxury perfume cinematic bokeh"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plastic-bag-colour-concept-with-bottle_23-2148393487.jpg", imageAlt: "luxury perfume cinematic bokeh" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bottle-fan-yellow-background_23-2148306729.jpg", imageAlt: "luxury perfume cinematic bokeh" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-empty-perfume-bottle_23-2149234374.jpg", imageAlt: "luxury perfume cinematic bokeh" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-arrangement_23-2149440631.jpg", imageAlt: "luxury perfume cinematic bokeh" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-cotillon-decoration_23-2149230284.jpg", imageAlt: "luxury perfume cinematic bokeh" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/original-glass-vase-with-angel-top-green-branch_1304-2744.jpg", imageAlt: "luxury perfume cinematic bokeh" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -77,7 +62,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="The Art of Essence"
|
||||
description={[
|
||||
"Maison Virelle is a journey through memory and emotion. We believe that a scent is more than just a fragrance; it is a story that unfolds on the skin, leaving a legacy of moments that linger forever.", "Our master perfumers source only the rarest botanicals, blending tradition with avant-garde artistry to bottle the intangible."]}
|
||||
"Maison Virelle is a journey through memory and emotion. We believe that a scent is more than just a fragrance; it is a story that unfolds on the skin, leaving a legacy of moments that linger forever.", "Our master perfumers source only the rarest botanicals, blending tradition with avant-garde artistry to bottle the intangible."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -88,24 +74,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", brand: "Maison Virelle", name: "After You", price: "$295", rating: 5,
|
||||
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-girly-composition-table_23-2148229244.jpg"},
|
||||
{
|
||||
id: "p2", brand: "Maison Virelle", name: "Forever Begins", price: "$345", rating: 5,
|
||||
reviewCount: "980", imageSrc: "http://img.b2bpic.net/free-photo/glass-whiskey-with-cigar-table-close-up-photo-alcohol-cigar_1157-39195.jpg"},
|
||||
{
|
||||
id: "p3", brand: "Maison Virelle", name: "Midnight Stakes", price: "$310", rating: 4,
|
||||
reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-photo/glass-perfume-bottle-minimal-beauty-product-packaging-with-design-space_53876-126578.jpg"},
|
||||
{
|
||||
id: "p4", brand: "Maison Virelle", name: "Endless Night", price: "$275", rating: 5,
|
||||
reviewCount: "850", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-decoration-ball_23-2148346354.jpg"},
|
||||
{
|
||||
id: "p5", brand: "Maison Virelle", name: "Unsaid", price: "$380", rating: 5,
|
||||
reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097716.jpg"},
|
||||
{
|
||||
id: "p6", brand: "Maison Virelle", name: "Velvet Echoes", price: "$410", rating: 5,
|
||||
reviewCount: "720", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307222.jpg"},
|
||||
{ id: "p1", brand: "Maison Virelle", name: "After You", price: "$295", rating: 5, reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-girly-composition-table_23-2148229244.jpg" },
|
||||
{ id: "p2", brand: "Maison Virelle", name: "Forever Begins", price: "$345", rating: 5, reviewCount: "980", imageSrc: "http://img.b2bpic.net/free-photo/glass-whiskey-with-cigar-table-close-up-photo-alcohol-cigar_1157-39195.jpg" },
|
||||
{ id: "p3", brand: "Maison Virelle", name: "Midnight Stakes", price: "$310", rating: 4, reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-photo/glass-perfume-bottle-minimal-beauty-product-packaging-with-design-space_53876-126578.jpg" },
|
||||
{ id: "p4", brand: "Maison Virelle", name: "Endless Night", price: "$275", rating: 5, reviewCount: "850", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-decoration-ball_23-2148346354.jpg" },
|
||||
{ id: "p5", brand: "Maison Virelle", name: "Unsaid", price: "$380", rating: 5, reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097716.jpg" },
|
||||
{ id: "p6", brand: "Maison Virelle", name: "Velvet Echoes", price: "$410", rating: 5, reviewCount: "720", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307222.jpg" },
|
||||
]}
|
||||
title="Signature Collection"
|
||||
description="A curated selection of olfactory masterpieces, each designed for the discerning individual who seeks to leave an unforgettable mark."
|
||||
@@ -119,15 +93,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "150+", title: "Rare Botanicals", description: "Ethically sourced from 20 countries.", icon: Leaf,
|
||||
},
|
||||
{
|
||||
id: "m2", value: "45", title: "Boutiques Worldwide", description: "Refined spaces in luxury capitals.", icon: MapPin,
|
||||
},
|
||||
{
|
||||
id: "m3", value: "2026", title: "Est. Legacy", description: "Defining modern luxury perfumery.", icon: Award,
|
||||
},
|
||||
{ id: "m1", value: "150+", title: "Rare Botanicals", description: "Ethically sourced from 20 countries.", icon: Leaf },
|
||||
{ id: "m2", value: "45", title: "Boutiques Worldwide", description: "Refined spaces in luxury capitals.", icon: MapPin },
|
||||
{ id: "m3", value: "2026", title: "Est. Legacy", description: "Defining modern luxury perfumery.", icon: Award },
|
||||
]}
|
||||
title="Our Global Impact"
|
||||
description="Excellence defined by the scent enthusiasts who trust Maison Virelle with their personal signature."
|
||||
@@ -140,16 +108,11 @@ export default function LandingPage() {
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Elena Vance", role: "Fashion Curator", testimonial: "Every drop is an experience of pure sophistication.", imageSrc: "http://img.b2bpic.net/free-photo/young-transgender-person-using-hair-net_23-2148827034.jpg"},
|
||||
{
|
||||
id: "t2", name: "Julian Thorne", role: "Architect", testimonial: "The precision of these scents is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-black-white_23-2149411420.jpg"},
|
||||
{
|
||||
id: "t3", name: "Sophie Laurent", role: "Journalist", testimonial: "Midnight Stakes is my eternal signature.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-long-curly-hair-celebrating-married-with-champagne_496169-577.jpg"},
|
||||
{
|
||||
id: "t4", name: "Marcus Vane", role: "Creative Director", testimonial: "Maison Virelle understands the language of scent.", imageSrc: "http://img.b2bpic.net/free-photo/calm-thoughtful-blonde-young-lady-dark-velvet-pants-white-blouse-looks-into-camera-squats-near-wooden-door_197531-23204.jpg"},
|
||||
{
|
||||
id: "t5", name: "Isabella Rossi", role: "Artisan", testimonial: "Exquisite quality in every beautiful detail.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-wearing-make-up_23-2149190721.jpg"},
|
||||
{ id: "t1", name: "Elena Vance", role: "Fashion Curator", testimonial: "Every drop is an experience of pure sophistication.", imageSrc: "http://img.b2bpic.net/free-photo/young-transgender-person-using-hair-net_23-2148827034.jpg" },
|
||||
{ id: "t2", name: "Julian Thorne", role: "Architect", testimonial: "The precision of these scents is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-black-white_23-2149411420.jpg" },
|
||||
{ id: "t3", name: "Sophie Laurent", role: "Journalist", testimonial: "Midnight Stakes is my eternal signature.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-long-curly-hair-celebrating-married-with-champagne_496169-577.jpg" },
|
||||
{ id: "t4", name: "Marcus Vane", role: "Creative Director", testimonial: "Maison Virelle understands the language of scent.", imageSrc: "http://img.b2bpic.net/free-photo/calm-thoughtful-blonde-young-lady-dark-velvet-pants-white-blouse-looks-into-camera-squats-near-wooden-door_197531-23204.jpg" },
|
||||
{ id: "t5", name: "Isabella Rossi", role: "Artisan", testimonial: "Exquisite quality in every beautiful detail.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-wearing-make-up_23-2149190721.jpg" },
|
||||
]}
|
||||
title="Voices of Elegance"
|
||||
description="Discover why our patrons choose Maison Virelle to define their presence."
|
||||
@@ -161,12 +124,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "How long do the scents last?", content: "Our concentrated eaux de parfum are crafted for endurance, lasting 8-12 hours on the skin."},
|
||||
{
|
||||
id: "f2", title: "Do you offer private consultations?", content: "Yes, our flagship boutiques provide private sensory sessions by appointment."},
|
||||
{
|
||||
id: "f3", title: "Are your ingredients sustainable?", content: "We prioritize ethical sourcing and biodiversity in all our raw materials."},
|
||||
{ id: "f1", title: "How long do the scents last?", content: "Our concentrated eaux de parfum are crafted for endurance, lasting 8-12 hours on the skin." },
|
||||
{ id: "f2", title: "Do you offer private consultations?", content: "Yes, our flagship boutiques provide private sensory sessions by appointment." },
|
||||
{ id: "f3", title: "Are your ingredients sustainable?", content: "We prioritize ethical sourcing and biodiversity in all our raw materials." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-beauty-products-shelf-with-copy-space_23-2150718061.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -180,8 +140,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Inquiries"
|
||||
title="Join Our Inner Circle"
|
||||
description="Receive exclusive early access to limited edition releases."
|
||||
@@ -199,18 +158,14 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Collections", items: [
|
||||
{
|
||||
label: "Signature", href: "#products"},
|
||||
{
|
||||
label: "Limited", href: "#"},
|
||||
{ label: "Signature", href: "#products" },
|
||||
{ label: "Limited", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user