Merge version_1 into main #1
315
src/app/page.tsx
315
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user