Merge version_1 into main #2
324
src/app/page.tsx
324
src/app/page.tsx
@@ -25,245 +25,103 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#shop",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Christine's Bowtique Designs"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Shop", id: "#shop" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Christine's Bowtique Designs"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
logoText="Every bow tells a story."
|
||||
description="Handcrafted hair bows and accessories for every age, every outfit, every occasion — available at craft fairs and by order."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop the Collection",
|
||||
href: "#shop",
|
||||
},
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pink-sunglasses-purple-flower-twig-compact-face-powder-makeup-brushes-mobile-phone-fur-backdrop_23-2148129528.jpg?_wi=1"
|
||||
imageAlt="Collection of handmade hair bows"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Every bow tells a story."
|
||||
description="Handcrafted hair bows and accessories for every age, every outfit, every occasion — available at craft fairs and by order."
|
||||
buttons={[
|
||||
{ text: "Shop the Collection", href: "#shop" },
|
||||
{ text: "Our Story", href: "#about" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pink-sunglasses-purple-flower-twig-compact-face-powder-makeup-brushes-mobile-phone-fur-backdrop_23-2148129528.jpg"
|
||||
imageAlt="Collection of handmade hair bows"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Crafted with care, worn with joy."
|
||||
description="Christine has been creating handcrafted hair bows for over 5 years. Each piece is made to last and designed to delight, ensuring your little one always has the perfect accessory. Find us at local craft fairs or reach out for custom orders to match any outfit."
|
||||
tag="OUR STORY"
|
||||
buttons={[
|
||||
{
|
||||
text: "See the Collection",
|
||||
href: "#shop",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-female-with-credit-card-torn-yellow-paper-background-bank-sale-shopping_140725-158485.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Crafted with care, worn with joy."
|
||||
description="Christine has been creating handcrafted hair bows for over 5 years. Each piece is made to last and designed to delight, ensuring your little one always has the perfect accessory. Find us at local craft fairs or reach out for custom orders to match any outfit."
|
||||
tag="OUR STORY"
|
||||
buttons={[{ text: "See the Collection", href: "#shop" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-female-with-credit-card-torn-yellow-paper-background-bank-sale-shopping_140725-158485.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="shop" data-section="shop">
|
||||
<ProductCardThree
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Hair Bows",
|
||||
price: "View Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-gift-box_23-2147789758.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Boutique Headbands",
|
||||
price: "View Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spanish-traditional-comb-still-life_23-2150154087.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Seasonal Collections",
|
||||
price: "View Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cute-red-bow_140725-133222.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Custom Color Orders",
|
||||
price: "View Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-s-hand-showing-floral-bow-tie_23-2148175692.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Gift Sets",
|
||||
price: "View Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concept-spring-shopping-season-sale_185193-108627.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Cheer & Dance Bows",
|
||||
price: "View Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rythmic-gymnast-posing-with-ribbon_23-2148144091.jpg",
|
||||
},
|
||||
]}
|
||||
title="A bow for every moment."
|
||||
description="Explore our curated selection of handcrafted hair accessories."
|
||||
/>
|
||||
</div>
|
||||
<div id="shop" data-section="shop">
|
||||
<ProductCardThree
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
products={[
|
||||
{ id: "1", name: "Classic Hair Bows", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/pink-gift-box_23-2147789758.jpg" },
|
||||
{ id: "2", name: "Boutique Headbands", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/spanish-traditional-comb-still-life_23-2150154087.jpg" },
|
||||
{ id: "3", name: "Seasonal Collections", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cute-red-bow_140725-133222.jpg" },
|
||||
{ id: "4", name: "Custom Color Orders", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/male-s-hand-showing-floral-bow-tie_23-2148175692.jpg" },
|
||||
{ id: "5", name: "Gift Sets", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/concept-spring-shopping-season-sale_185193-108627.jpg" },
|
||||
{ id: "6", name: "Cheer & Dance Bows", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/rythmic-gymnast-posing-with-ribbon_23-2148144091.jpg" },
|
||||
]}
|
||||
title="A bow for every moment."
|
||||
description="Explore our curated selection of handcrafted hair accessories."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alleigh A.",
|
||||
date: "Google Review",
|
||||
title: "Great variety!",
|
||||
quote: "Christine has a fantastic variety of bows that will match any color, any outfit, any age! I've been very pleased with the styles, prices and quality.",
|
||||
tag: "★★★★★",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-female-with-credit-card-torn-yellow-paper-background-bank-sale-shopping_140725-158485.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-sunglasses-purple-flower-twig-compact-face-powder-makeup-brushes-mobile-phone-fur-backdrop_23-2148129528.jpg?_wi=2",
|
||||
imageAlt: "elegant bow collection flatlay cream background",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mandy E.",
|
||||
date: "Google Review",
|
||||
title: "Adorable bows",
|
||||
quote: "Came across this booth at a craft fair. So many adorable bows and accessories for little girls! Great quality items too!",
|
||||
tag: "★★★★★",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-female-with-credit-card-torn-yellow-paper-background-bank-sale-shopping_140725-158485.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-credit-card-torn-yellow-paper-background-bank-sale-shopping_140725-158485.jpg?_wi=2",
|
||||
imageAlt: "happy customer product review card design",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah J.",
|
||||
date: "Customer",
|
||||
title: "Perfect match",
|
||||
quote: "Love the custom options. Christine matches colors perfectly every time.",
|
||||
tag: "★★★★★",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-female-with-credit-card-torn-yellow-paper-background-bank-sale-shopping_140725-158485.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-gift-box_23-2147789758.jpg?_wi=2",
|
||||
imageAlt: "classic hair bow pastel color product",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emma L.",
|
||||
date: "Customer",
|
||||
title: "Beautiful gifts",
|
||||
quote: "The gift sets are my go-to for birthday parties. Everyone loves them!",
|
||||
tag: "★★★★★",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-female-with-credit-card-torn-yellow-paper-background-bank-sale-shopping_140725-158485.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spanish-traditional-comb-still-life_23-2150154087.jpg?_wi=2",
|
||||
imageAlt: "boutique headband soft comfortable baby girls",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe R.",
|
||||
date: "Customer",
|
||||
title: "Best quality",
|
||||
quote: "Sturdiest bows I've found for my active toddler.",
|
||||
tag: "★★★★★",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-female-with-credit-card-torn-yellow-paper-background-bank-sale-shopping_140725-158485.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cute-red-bow_140725-133222.jpg?_wi=2",
|
||||
imageAlt: "seasonal holiday hair bows limited design",
|
||||
},
|
||||
]}
|
||||
title="What people are saying."
|
||||
description="Hear from our happy customers."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alleigh A.", date: "Google Review", title: "Great variety!", quote: "Christine has a fantastic variety of bows that will match any color, any outfit, any age! I've been very pleased with the styles, prices and quality.", tag: "★★★★★", avatarSrc: "http://img.b2bpic.net/free-photo/young-female-with-credit-card-torn-yellow-paper-background-bank-sale-shopping_140725-158485.jpg", imageSrc: "http://img.b2bpic.net/free-photo/pink-sunglasses-purple-flower-twig-compact-face-powder-makeup-brushes-mobile-phone-fur-backdrop_23-2148129528.jpg", imageAlt: "elegant bow collection flatlay cream background" },
|
||||
{ id: "2", name: "Mandy E.", date: "Google Review", title: "Adorable bows", quote: "Came across this booth at a craft fair. So many adorable bows and accessories for little girls! Great quality items too!", tag: "★★★★★", avatarSrc: "http://img.b2bpic.net/free-photo/young-female-with-credit-card-torn-yellow-paper-background-bank-sale-shopping_140725-158485.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-credit-card-torn-yellow-paper-background-bank-sale-shopping_140725-158485.jpg", imageAlt: "happy customer product review card design" },
|
||||
{ id: "3", name: "Sarah J.", date: "Customer", title: "Perfect match", quote: "Love the custom options. Christine matches colors perfectly every time.", tag: "★★★★★", avatarSrc: "http://img.b2bpic.net/free-photo/young-female-with-credit-card-torn-yellow-paper-background-bank-sale-shopping_140725-158485.jpg", imageSrc: "http://img.b2bpic.net/free-photo/pink-gift-box_23-2147789758.jpg", imageAlt: "classic hair bow pastel color product" },
|
||||
{ id: "4", name: "Emma L.", date: "Customer", title: "Beautiful gifts", quote: "The gift sets are my go-to for birthday parties. Everyone loves them!", tag: "★★★★★", avatarSrc: "http://img.b2bpic.net/free-photo/young-female-with-credit-card-torn-yellow-paper-background-bank-sale-shopping_140725-158485.jpg", imageSrc: "http://img.b2bpic.net/free-photo/spanish-traditional-comb-still-life_23-2150154087.jpg", imageAlt: "boutique headband soft comfortable baby girls" },
|
||||
{ id: "5", name: "Chloe R.", date: "Customer", title: "Best quality", quote: "Sturdiest bows I've found for my active toddler.", tag: "★★★★★", avatarSrc: "http://img.b2bpic.net/free-photo/young-female-with-credit-card-torn-yellow-paper-background-bank-sale-shopping_140725-158485.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cute-red-bow_140725-133222.jpg", imageAlt: "seasonal holiday hair bows limited design" },
|
||||
]}
|
||||
title="What people are saying."
|
||||
description="Hear from our happy customers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="GET IN TOUCH"
|
||||
title="Find us at your next craft fair — or order today."
|
||||
description="Custom orders are always welcome. Let's make something beautiful together."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-pink-textile-material-fine-mesh_23-2148066731.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="GET IN TOUCH"
|
||||
title="Find us at your next craft fair — or order today."
|
||||
description="Custom orders are always welcome. Let's make something beautiful together."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-pink-textile-material-fine-mesh_23-2148066731.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Christine's Bowtique Designs"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#shop",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Christine's Bowtique Designs · Handcrafted in Arkansas"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Christine's Bowtique Designs"
|
||||
columns={[
|
||||
{ title: "Navigate", items: [{ label: "Shop", href: "#shop" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Reviews", href: "#reviews" }] },
|
||||
{ title: "Follow", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Christine's Bowtique Designs · Handcrafted in Arkansas"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user