Merge version_1 into main #1
437
src/app/page.tsx
437
src/app/page.tsx
@@ -29,317 +29,150 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Petal & Stem"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Petal & Stem"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Fresh Blooms Delivered Daily"
|
||||
description="Exquisite floral arrangements hand-picked and crafted for your special moments."
|
||||
tag="Since 1995"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicate-colorful-flower-white-background_23-2147847603.jpg",
|
||||
imageAlt: "Luxury flower bouquet close up",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening-concept-with-plants-apron_23-2149008013.jpg",
|
||||
imageAlt: "Floral designer at work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bunch-fresh-yellow-purple-flowers-stems_23-2148104613.jpg",
|
||||
imageAlt: "Bunch of fresh yellow and purple flowers on stems",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-flowers-basket-white-background_23-2148104128.jpg",
|
||||
imageAlt: "Arrangement of flowers in basket on white background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bunch-colorful-fresh-flowers-plants_23-2148104432.jpg",
|
||||
imageAlt: "Bunch of colorful fresh flowers and plants",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Rated 5.0 by our flower lovers"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Fresh Blooms Delivered Daily"
|
||||
description="Exquisite floral arrangements hand-picked and crafted for your special moments."
|
||||
tag="Since 1995"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicate-colorful-flower-white-background_23-2147847603.jpg", imageAlt: "Luxury flower bouquet close up"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening-concept-with-plants-apron_23-2149008013.jpg", imageAlt: "Floral designer at work"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Rated 5.0 by our flower lovers"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Crafting Nature's Beauty"
|
||||
description="We source the finest seasonal flowers from sustainable farms to ensure lasting beauty in every petal. Our boutique approach focuses on artistry, elegance, and personal connection."
|
||||
tag="Our Story"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Sustainable Sourcing",
|
||||
description: "Flowers picked from ethical growers.",
|
||||
},
|
||||
{
|
||||
title: "Handcrafted Artistry",
|
||||
description: "Every arrangement is a unique masterpiece.",
|
||||
},
|
||||
{
|
||||
title: "Rapid Delivery",
|
||||
description: "Freshness guaranteed at your doorstep.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-colorful-wonderful-different-flowers-wood_141793-17130.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Crafting Nature's Beauty"
|
||||
description="We source the finest seasonal flowers from sustainable farms to ensure lasting beauty in every petal. Our boutique approach focuses on artistry, elegance, and personal connection."
|
||||
tag="Our Story"
|
||||
bulletPoints={[
|
||||
{ title: "Sustainable Sourcing", description: "Flowers picked from ethical growers." },
|
||||
{ title: "Handcrafted Artistry", description: "Every arrangement is a unique masterpiece." },
|
||||
{ title: "Rapid Delivery", description: "Freshness guaranteed at your doorstep." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-colorful-wonderful-different-flowers-wood_141793-17130.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Same-Day Delivery",
|
||||
description: "Urgent gifts, handled with care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-red-flowers-near-ribbon_23-2148021132.jpg",
|
||||
imageAlt: "Beautiful roses bouquet",
|
||||
},
|
||||
{
|
||||
title: "Personal Notes",
|
||||
description: "Custom messages with every order.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-bouquet-autumn-colour-flowers-hand-christmas-decoration-wall-backgorund_114579-1502.jpg",
|
||||
imageAlt: "Sunflowers in glass vase",
|
||||
},
|
||||
{
|
||||
title: "Seasonality Guaranteed",
|
||||
description: "Only the freshest picks of the day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-pale-rose-with-golden-edges-dark-background_84443-82557.jpg",
|
||||
imageAlt: "Peony bouquet luxury",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Petal & Stem"
|
||||
description="We take care of every detail to ensure your floral experience is perfect."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Same-Day Delivery", description: "Urgent gifts, handled with care.", imageSrc: "http://img.b2bpic.net/free-photo/composition-red-flowers-near-ribbon_23-2148021132.jpg", imageAlt: "Beautiful roses bouquet" },
|
||||
{ title: "Personal Notes", description: "Custom messages with every order.", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-bouquet-autumn-colour-flowers-hand-christmas-decoration-wall-backgorund_114579-1502.jpg", imageAlt: "Sunflowers in glass vase" },
|
||||
{ title: "Seasonality Guaranteed", description: "Only the freshest picks of the day.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-pale-rose-with-golden-edges-dark-background_84443-82557.jpg", imageAlt: "Peony bouquet luxury" },
|
||||
]}
|
||||
title="Why Choose Petal & Stem"
|
||||
description="We take care of every detail to ensure your floral experience is perfect."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Royal Roses",
|
||||
price: "$65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/furoshiki-packages-arrangement-still-life_23-2150642991.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Sun-Kissed Joy",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bouquet-standing-near-books-coffee_23-2147711718.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "White Peony Grace",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-mother-s-day-gift-bouquet-chrysanthemum-flowers-her-hands_169016-15440.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Spring Tulips",
|
||||
price: "$50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/furoshiki-package-flower-arrangement_23-2150274467.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Lavender Dream",
|
||||
price: "$55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-bouquet-lies-grass_1304-5585.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Orchid Elegance",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/birthday-flowers-with-empty-note_23-2149053811.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Arrangements"
|
||||
description="Discover our collection of premium hand-tied bouquets for all occasions."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Royal Roses", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/furoshiki-packages-arrangement-still-life_23-2150642991.jpg" },
|
||||
{ id: "p2", name: "Sun-Kissed Joy", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bouquet-standing-near-books-coffee_23-2147711718.jpg" },
|
||||
{ id: "p3", name: "White Peony Grace", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-mother-s-day-gift-bouquet-chrysanthemum-flowers-her-hands_169016-15440.jpg" },
|
||||
]}
|
||||
title="Our Signature Arrangements"
|
||||
description="Discover our collection of premium hand-tied bouquets for all occasions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Flowers Delivered",
|
||||
value: "150k+",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Happy Clients",
|
||||
value: "45k+",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Sustainable Partners",
|
||||
value: "30+",
|
||||
icon: Leaf,
|
||||
},
|
||||
]}
|
||||
title="Celebrating Success"
|
||||
description="Numbers behind our bloomed success."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", title: "Flowers Delivered", value: "150k+", icon: Award },
|
||||
{ id: "m2", title: "Happy Clients", value: "45k+", icon: Users },
|
||||
{ id: "m3", title: "Sustainable Partners", value: "30+", icon: Leaf },
|
||||
]}
|
||||
title="Celebrating Success"
|
||||
description="Numbers behind our bloomed success."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The arrangements I ordered were absolutely stunning and the recipient was moved to tears. Truly exceptional service!"
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-young-woman-with-gentle-smile-touches-face-stands-indoor-keeps-eyes-closed-receives-bouquet-flowers-from-colleagues-honor-her-promotion-models_273609-43299.jpg",
|
||||
alt: "Customer Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-cocktail-dress-gold-chain-bright-spring-pink-makeup-white-background-holds-bouquet-orange-dried-flowers-gift-march-8_343596-8221.jpg",
|
||||
alt: "Customer Mark",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-afro-haircut-holding-bouquet-yellow-flowers_273609-22032.jpg",
|
||||
alt: "Customer Elena",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-afro-haircut-holding-bouquet-white-flowers_273609-22072.jpg",
|
||||
alt: "Customer John",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-celebrating-mother-s-day_23-2151207241.jpg",
|
||||
alt: "Customer Lisa",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The arrangements I ordered were absolutely stunning and the recipient was moved to tears. Truly exceptional service!"
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/charming-young-woman-with-gentle-smile-touches-face-stands-indoor-keeps-eyes-closed-receives-bouquet-flowers-from-colleagues-honor-her-promotion-models_273609-43299.jpg", alt: "Customer Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-cocktail-dress-gold-chain-bright-spring-pink-makeup-white-background-holds-bouquet-orange-dried-flowers-gift-march-8_343596-8221.jpg", alt: "Customer Mark" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you deliver on Sundays?",
|
||||
content: "Yes, we offer Sunday delivery upon request.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I customize a bouquet?",
|
||||
content: "Absolutely, our florists are happy to accommodate custom orders.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How long do flowers last?",
|
||||
content: "Depending on care, our arrangements last up to 10-14 days.",
|
||||
},
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Have questions about our services?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you deliver on Sundays?", content: "Yes, we offer Sunday delivery upon request." },
|
||||
{ id: "f2", title: "Can I customize a bouquet?", content: "Absolutely, our florists are happy to accommodate custom orders." },
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Have questions about our services?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Reach Out"
|
||||
title="Need a Special Arrangement?"
|
||||
description="Contact our florist team today to plan your event or personal gift."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Reach Out"
|
||||
title="Need a Special Arrangement?"
|
||||
description="Contact our florist team today to plan your event or personal gift."
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-round-frame-made-with-gerbera-colorful-roses-white-backdrop_23-2147847619.jpg"
|
||||
logoText="Petal & Stem"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Delivery",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Weddings",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Petal & Stem"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-round-frame-made-with-gerbera-colorful-roses-white-backdrop_23-2147847619.jpg"
|
||||
logoText="Petal & Stem"
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Delivery", href: "#" }, { label: "Weddings", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "FAQ", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Petal & Stem"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user