Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-12 23:41:31 +00:00

View File

@@ -26,226 +26,113 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Shop",
id: "products",
},
{
name: "Our Story",
id: "about",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Eldalyn's Bowtique"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "Shop", id: "products" },
{ name: "Our Story", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="Eldalyn's Bowtique"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
title="Eldalyn's Bowtique"
description="Timeless elegance for every occasion. Discover our handcrafted collection of premium, artisan-made bows."
buttons={[
{
text: "Shop Now",
href: "#products",
},
{
text: "Learn More",
href: "#about",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/young-woman-wearing-handkerchief-as-hair-accessory_23-2149091377.jpg"
imageAlt="Handcrafted luxury hair bows"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/red-satin-bow-isolated-white-background_23-2147877908.jpg",
alt: "Red satin bow isolated on white background",
},
{
src: "http://img.b2bpic.net/free-photo/top-view-girly-arrangement-wedding-invitations-pink-background_23-2148289633.jpg",
alt: "Top view girly arrangement for wedding invitations on pink background",
},
{
src: "http://img.b2bpic.net/free-photo/top-view-lovely-arrangement-with-wedding-invitations_23-2148289653.jpg",
alt: "Top view lovely arrangement with wedding invitations",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-wearing-handkerchief-as-hair-accessory_23-2149091371.jpg",
alt: "Young woman wearing a handkerchief as a hair accessory",
},
{
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-talking-smartphone_72229-271.jpg",
alt: "young beautiful woman talking on the smartphone",
},
]}
marqueeItems={[
{
type: "text",
text: "Hand-Stitched Quality",
},
{
type: "text",
text: "Artisan Crafted",
},
{
type: "text",
text: "Premium Fabrics",
},
{
type: "text",
text: "Timeless Designs",
},
{
type: "text",
text: "Boutique Elegance",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{ variant: "gradient-bars" }}
title="Eldalyn's Bowtique"
description="Timeless elegance for every occasion. Discover our handcrafted collection of premium, artisan-made bows."
buttons={[{ text: "Shop Now", href: "#products" }, { text: "Learn More", href: "#about" }]}
imageSrc="http://img.b2bpic.net/free-photo/young-woman-wearing-handkerchief-as-hair-accessory_23-2149091377.jpg"
imageAlt="Handcrafted luxury hair bows"
mediaAnimation="blur-reveal"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/red-satin-bow-isolated-white-background_23-2147877908.jpg", alt: "Red satin bow isolated on white background" },
{ src: "http://img.b2bpic.net/free-photo/top-view-girly-arrangement-wedding-invitations-pink-background_23-2148289633.jpg", alt: "Top view girly arrangement for wedding invitations on pink background" },
{ src: "http://img.b2bpic.net/free-photo/top-view-lovely-arrangement-with-wedding-invitations_23-2148289653.jpg", alt: "Top view lovely arrangement with wedding invitations" },
{ src: "http://img.b2bpic.net/free-photo/young-woman-wearing-handkerchief-as-hair-accessory_23-2149091371.jpg", alt: "Young woman wearing a handkerchief as a hair accessory" },
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-talking-smartphone_72229-271.jpg", alt: "young beautiful woman talking on the smartphone" },
]}
marqueeItems={[
{ type: "text", text: "Hand-Stitched Quality" },
{ type: "text", text: "Artisan Crafted" },
{ type: "text", text: "Premium Fabrics" },
{ type: "text", text: "Timeless Designs" },
{ type: "text", text: "Boutique Elegance" },
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardNineteen
textboxLayout="split"
useInvertedBackground={false}
features={[
{
tag: "Craft",
title: "Artisan Craftsmanship",
subtitle: "Quality Focus",
description: "Every bow is carefully hand-stitched with love and premium fabrics.",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-luxurious-boxes-with-ribbons-table_181624-32513.jpg",
},
{
tag: "Style",
title: "Timeless Design",
subtitle: "Fashion First",
description: "From classic silk to modern velvet, our designs never go out of style.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pearl-necklace-with-macarons_23-2148136663.jpg",
},
{
tag: "Love",
title: "Gift-Ready",
subtitle: "Wrapped Perfect",
description: "Each purchase arrives in signature boutique packaging, perfect for gifting.",
imageSrc: "http://img.b2bpic.net/free-photo/back-view-enigmatic-ginger-woman-dress-posing_171337-10667.jpg",
},
]}
title="The Bowtique Experience"
/>
</div>
<div id="features" data-section="features">
<FeatureCardNineteen
textboxLayout="split"
useInvertedBackground={false}
description="Discover the difference of artisan-made accessories."
features={[
{ tag: "Craft", title: "Artisan Craftsmanship", subtitle: "Quality Focus", description: "Every bow is carefully hand-stitched with love and premium fabrics.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-luxurious-boxes-with-ribbons-table_181624-32513.jpg" },
{ tag: "Style", title: "Timeless Design", subtitle: "Fashion First", description: "From classic silk to modern velvet, our designs never go out of style.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pearl-necklace-with-macarons_23-2148136663.jpg" },
{ tag: "Love", title: "Gift-Ready", subtitle: "Wrapped Perfect", description: "Each purchase arrives in signature boutique packaging, perfect for gifting.", imageSrc: "http://img.b2bpic.net/free-photo/back-view-enigmatic-ginger-woman-dress-posing_171337-10667.jpg" },
]}
title="The Bowtique Experience"
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Classic Cream Velvet Bow",
price: "$28.00",
imageSrc: "http://img.b2bpic.net/free-photo/view-kit-with-jewelry-brushes-modeling-career_52683-109518.jpg",
},
{
id: "p2",
name: "Satin Midnight Ribbon",
price: "$24.00",
imageSrc: "http://img.b2bpic.net/free-photo/bauble-made-from-vine_23-2147955753.jpg",
},
{
id: "p3",
name: "Handmade Silk Blush Bow",
price: "$32.00",
imageSrc: "http://img.b2bpic.net/free-photo/festive-still-life-christmas-wrapped-gift-arrangement_23-2149161169.jpg",
},
{
id: "p4",
name: "Delicate Tulle Dream",
price: "$26.00",
imageSrc: "http://img.b2bpic.net/free-photo/white-pink-floral-wreath-with-pink-ribbon-spool-scissor-table_23-2147899150.jpg",
},
{
id: "p5",
name: "Pearl-Embellished Bow",
price: "$38.00",
imageSrc: "http://img.b2bpic.net/free-photo/view-woman-wearing-stylish-fedora-hat_23-2150711559.jpg",
},
{
id: "p6",
name: "Checkered Chic Clip",
price: "$22.00",
imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life_23-2150217992.jpg",
},
]}
title="Shop Our Collection"
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
description="Explore our curated collection of artisan accessories."
products={[
{ id: "p1", name: "Classic Cream Velvet Bow", price: "$28.00", imageSrc: "http://img.b2bpic.net/free-photo/view-kit-with-jewelry-brushes-modeling-career_52683-109518.jpg" },
{ id: "p2", name: "Satin Midnight Ribbon", price: "$24.00", imageSrc: "http://img.b2bpic.net/free-photo/bauble-made-from-vine_23-2147955753.jpg" },
{ id: "p3", name: "Handmade Silk Blush Bow", price: "$32.00", imageSrc: "http://img.b2bpic.net/free-photo/festive-still-life-christmas-wrapped-gift-arrangement_23-2149161169.jpg" },
{ id: "p4", name: "Delicate Tulle Dream", price: "$26.00", imageSrc: "http://img.b2bpic.net/free-photo/white-pink-floral-wreath-with-pink-ribbon-spool-scissor-table_23-2147899150.jpg" },
{ id: "p5", name: "Pearl-Embellished Bow", price: "$38.00", imageSrc: "http://img.b2bpic.net/free-photo/view-woman-wearing-stylish-fedora-hat_23-2150711559.jpg" },
{ id: "p6", name: "Checkered Chic Clip", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life_23-2150217992.jpg" },
]}
title="Shop Our Collection"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="About Us"
title="Eldalyn's Story"
description="Born from a love of tiny details and beautiful textiles, our bowtique celebrates individual style."
subdescription="Every creation represents our commitment to small-batch production and supporting local artisans."
icon={Sparkles}
imageSrc="http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166805.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="About Us"
title="Eldalyn's Story"
description="Born from a love of tiny details and beautiful textiles, our bowtique celebrates individual style."
subdescription="Every creation represents our commitment to small-batch production and supporting local artisans."
icon={Sparkles}
imageSrc="http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166805.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Join Us"
title="Stay In The Loop"
description="Join our bow enthusiast list for new collection drops and special boutique surprises."
imageSrc="http://img.b2bpic.net/free-photo/fashionable-woman-look-with-black-white-striped-suit-jacket-leather-pants-posing-street-against-large-windows-building-concept-fashion-girl_627829-11650.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{ variant: "plain" }}
tag="Join Us"
title="Stay In The Loop"
description="Join our bow enthusiast list for new collection drops and special boutique surprises."
imageSrc="http://img.b2bpic.net/free-photo/fashionable-woman-look-with-black-white-striped-suit-jacket-leather-pants-posing-street-against-large-windows-building-concept-fashion-girl_627829-11650.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Eldalyn's Bowtique"
copyrightText="© 2025 Eldalyn's Bowtique. All rights reserved."
socialLinks={[
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Eldalyn's Bowtique"
copyrightText="© 2025 Eldalyn's Bowtique. All rights reserved."
socialLinks={[
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);