Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-15 12:12:29 +00:00

View File

@@ -19,368 +19,153 @@ export default function LandingPage() {
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Our Story",
id: "about",
},
{
name: "Collections",
id: "collections",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Amary"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "Our Story", id: "about" },
{ name: "Collections", id: "collections" },
{ name: "Contact", id: "contact" }
]}
brandName="Amary"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Flowers that speak before you do"
description="Handcrafted bouquets, fresh daily — designed with love, made to impress."
testimonials={[
{
name: "Sarah J.",
handle: "@sarahj",
testimonial: "The most exquisite bouquets I have ever received. Truly artisanal.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-selective-closeup-shot-pink-garden-roses-glass-vase_181624-2912.jpg",
},
{
name: "Marcus L.",
handle: "@marcusl",
testimonial: "Amary captures the exact emotion I wanted to convey. Perfect gift.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pitahaya-dragon-fruit-still-life-cinematic-dark-style_23-2151566279.jpg",
},
{
name: "Elena R.",
handle: "@elenar",
testimonial: "Sophisticated, fresh, and beautiful every single time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/bunch-beautiful-blooming-roses-vase_23-2150718873.jpg",
},
{
name: "David W.",
handle: "@davidw",
testimonial: "My go-to florist for every anniversary. Stunning work.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-luxurious-bouquet-orange-brown-roses-black-background_181624-24211.jpg",
},
{
name: "Chloe T.",
handle: "@chloet",
testimonial: "Elegant design and impeccable service. Simply the best.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-curly-hair-isolated_273609-48112.jpg",
},
]}
buttons={[
{
text: "Order Your Bouquet",
href: "#collections",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-composition-flowers-interior-room_169016-5470.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medium-shot-influencer-holding-flowers_23-2149172441.jpg",
alt: "Customer portrait",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-middle-age-businesswoman-with-long-brown-hair-holds-smartphone-while-sitting-outdoor-cafe_613910-6095.jpg",
alt: "Customer portrait",
},
{
src: "http://img.b2bpic.net/free-photo/cheerful-woman-posing-near-flowers_23-2147762190.jpg",
alt: "Customer portrait",
},
{
src: "http://img.b2bpic.net/free-photo/elegant-smiley-woman-outdoors-holding-bouquet-flowers-spring_23-2148826745.jpg",
alt: "Customer portrait",
},
{
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 portrait",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Flowers that speak before you do"
description="Handcrafted bouquets, fresh daily — designed with love, made to impress."
testimonials={[
{ name: "Sarah J.", handle: "@sarahj", testimonial: "The most exquisite bouquets I have ever received. Truly artisanal.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-selective-closeup-shot-pink-garden-roses-glass-vase_181624-2912.jpg" },
{ name: "Marcus L.", handle: "@marcusl", testimonial: "Amary captures the exact emotion I wanted to convey. Perfect gift.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pitahaya-dragon-fruit-still-life-cinematic-dark-style_23-2151566279.jpg" },
{ name: "Elena R.", handle: "@elenar", testimonial: "Sophisticated, fresh, and beautiful every single time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bunch-beautiful-blooming-roses-vase_23-2150718873.jpg" },
{ name: "David W.", handle: "@davidw", testimonial: "My go-to florist for every anniversary. Stunning work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-luxurious-bouquet-orange-brown-roses-black-background_181624-24211.jpg" },
{ name: "Chloe T.", handle: "@chloet", testimonial: "Elegant design and impeccable service. Simply the best.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-curly-hair-isolated_273609-48112.jpg" }
]}
buttons={[{ text: "Order Your Bouquet", href: "#collections" }]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-composition-flowers-interior-room_169016-5470.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/medium-shot-influencer-holding-flowers_23-2149172441.jpg", alt: "Customer portrait" },
{ src: "http://img.b2bpic.net/free-photo/portrait-middle-age-businesswoman-with-long-brown-hair-holds-smartphone-while-sitting-outdoor-cafe_613910-6095.jpg", alt: "Customer portrait" },
{ src: "http://img.b2bpic.net/free-photo/cheerful-woman-posing-near-flowers_23-2147762190.jpg", alt: "Customer portrait" },
{ src: "http://img.b2bpic.net/free-photo/elegant-smiley-woman-outdoors-holding-bouquet-flowers-spring_23-2148826745.jpg", alt: "Customer portrait" },
{ 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 portrait" }
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="Amary: Where Emotion Meets Artistry"
description={[
"We believe that every bouquet tells a story. At Amary, we combine premium, hand-selected florals with thoughtful design to create moments of genuine connection. Our neighborhood studio is dedicated to freshness, quality, and the art of the perfect gesture.",
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="Amary: Where Emotion Meets Artistry"
description={["We believe that every bouquet tells a story. At Amary, we combine premium, hand-selected florals with thoughtful design to create moments of genuine connection. Our neighborhood studio is dedicated to freshness, quality, and the art of the perfect gesture."]}
/>
</div>
<div id="collections" data-section="collections">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "The Morning Grace",
price: "$85",
variant: "Seasonal Bouquet",
imageSrc: "http://img.b2bpic.net/free-photo/pitahaya-dragon-fruit-still-life-cinematic-dark-style_23-2151566170.jpg",
},
{
id: "p2",
name: "Evening Elegance",
price: "$120",
variant: "Premium Arrangement",
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-eating-cake-modern-kitchen-home-clothes_1153-5891.jpg",
},
{
id: "p3",
name: "Pure Affection",
price: "$95",
variant: "Hand-tied",
imageSrc: "http://img.b2bpic.net/free-photo/white-alstrameria-plant-flower-close-up-glass-jar_127675-2910.jpg",
},
{
id: "p4",
name: "Sun-Kissed Petals",
price: "$75",
variant: "Bright Bouquet",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pink-orchid-curtain_23-2148229280.jpg",
},
{
id: "p5",
name: "Midnight Bloom",
price: "$135",
variant: "Exclusive",
imageSrc: "http://img.b2bpic.net/free-photo/crop-florist-showing-wrapped-bouquet_23-2147760951.jpg",
},
{
id: "p6",
name: "Timeless Whisper",
price: "$110",
variant: "Classic",
imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17390.jpg",
},
]}
title="Signature Floral Collections"
description="Artfully curated bouquets for every occasion and emotion."
/>
</div>
<div id="collections" data-section="collections">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "p1", name: "The Morning Grace", price: "$85", variant: "Seasonal Bouquet", imageSrc: "http://img.b2bpic.net/free-photo/pitahaya-dragon-fruit-still-life-cinematic-dark-style_23-2151566170.jpg" },
{ id: "p2", name: "Evening Elegance", price: "$120", variant: "Premium Arrangement", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-eating-cake-modern-kitchen-home-clothes_1153-5891.jpg" },
{ id: "p3", name: "Pure Affection", price: "$95", variant: "Hand-tied", imageSrc: "http://img.b2bpic.net/free-photo/white-alstrameria-plant-flower-close-up-glass-jar_127675-2910.jpg" },
{ id: "p4", name: "Sun-Kissed Petals", price: "$75", variant: "Bright Bouquet", imageSrc: "http://img.b2bpic.net/free-photo/close-up-pink-orchid-curtain_23-2148229280.jpg" },
{ id: "p5", name: "Midnight Bloom", price: "$135", variant: "Exclusive", imageSrc: "http://img.b2bpic.net/free-photo/crop-florist-showing-wrapped-bouquet_23-2147760951.jpg" },
{ id: "p6", name: "Timeless Whisper", price: "$110", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17390.jpg" }
]}
title="Signature Floral Collections"
description="Artfully curated bouquets for every occasion and emotion."
/>
</div>
<div id="process" data-section="process">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Select Your Style",
tags: [
"Curated",
],
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-studio-portrait-stylish-young-woman-with-long-brown-hair-expensive-red-suit-with-leather-red-bag-bunch-red-roses-she-is-smiling-camera-red-lips-red-background_132075-12367.jpg",
},
{
id: "f2",
title: "Artisan Crafting",
tags: [
"Handmade",
],
imageSrc: "http://img.b2bpic.net/free-photo/mixed-flower-composition-side-view_140725-9143.jpg",
},
{
id: "f3",
title: "Swift Delivery",
tags: [
"Reliable",
],
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-bouquet-pink-roses-other-flowers-with-green-leafs_181624-3255.jpg",
},
]}
title="Three Steps to Perfection"
description="Simple, transparent, and designed for your convenience."
/>
</div>
<div id="process" data-section="process">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: "f1", title: "Select Your Style", tags: ["Curated"], imageSrc: "http://img.b2bpic.net/free-photo/fashionable-studio-portrait-stylish-young-woman-with-long-brown-hair-expensive-red-suit-with-leather-red-bag-bunch-red-roses-she-is-smiling-camera-red-lips-red-background_132075-12367.jpg" },
{ id: "f2", title: "Artisan Crafting", tags: ["Handmade"], imageSrc: "http://img.b2bpic.net/free-photo/mixed-flower-composition-side-view_140725-9143.jpg" },
{ id: "f3", title: "Swift Delivery", tags: ["Reliable"], imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-bouquet-pink-roses-other-flowers-with-green-leafs_181624-3255.jpg" }
]}
title="Three Steps to Perfection"
description="Simple, transparent, and designed for your convenience."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "100%",
title: "Fresh Daily",
description: "Sourced every morning.",
imageSrc: "http://img.b2bpic.net/free-photo/big-basket-mixed-flowers-standing-table-with-christmas-cones_114579-1121.jpg",
},
{
id: "m2",
value: "500+",
title: "Happy Clients",
description: "Local residents served.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-beautiful-floral-bouquet_23-2148846519.jpg",
},
{
id: "m3",
value: "15",
title: "Designers",
description: "Artisan team members.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-plants-flowers_23-2151936151.jpg",
},
]}
title="Local Roots, Global Quality"
description="By the numbers: our dedication to fresh, artisanal floral design."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "100%", title: "Fresh Daily", description: "Sourced every morning.", imageSrc: "http://img.b2bpic.net/free-photo/big-basket-mixed-flowers-standing-table-with-christmas-cones_114579-1121.jpg" },
{ id: "m2", value: "500+", title: "Happy Clients", description: "Local residents served.", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-beautiful-floral-bouquet_23-2148846519.jpg" },
{ id: "m3", value: "15", title: "Designers", description: "Artisan team members.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-plants-flowers_23-2151936151.jpg" }
]}
title="Local Roots, Global Quality"
description="By the numbers: our dedication to fresh, artisanal floral design."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Emily C.",
date: "Jan 2024",
title: "The best floral experience",
quote: "Stunning arrangements and impeccable service.",
tag: "Gift",
avatarSrc: "http://img.b2bpic.net/free-photo/pretty-woman-flower-shop_23-2147762184.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-pink-summer-trendy-dress-posing-with-peony-flowers-bouquet_285396-552.jpg",
},
{
id: "t2",
name: "James P.",
date: "Feb 2024",
title: "Highly recommended",
quote: "Perfect for anniversaries and special moments.",
tag: "Anniversary",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-glad-woman-with-afro-hairstyle-laughs-sincerely-expresses-good-emotions-holds-white-tulips-likes-spring-flowers-enjoys-pleasant-aroma-isolated-blue-wall_273609-27727.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-florist-working-place_23-2147762217.jpg",
},
{
id: "t3",
name: "Lisa M.",
date: "March 2024",
title: "Absolutely beautiful",
quote: "So much passion in every design.",
tag: "Birthday",
avatarSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-holding-green-plastic-container-filled-with-pink-roses_23-2148049354.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-beautiful-floral-arrangement_23-2148846517.jpg",
},
{
id: "t4",
name: "Robert B.",
date: "April 2024",
title: "Top tier quality",
quote: "I am always impressed by the freshness.",
tag: "General",
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-celebrating-mother-s-day_23-2151207240.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/accurate-man-hands-with-crossed-palms-bunch-roses-cr-craft-paper_158595-3663.jpg",
},
{
id: "t5",
name: "Sofia L.",
date: "May 2024",
title: "Luxury quality",
quote: "Amary truly understands premium floral art.",
tag: "Celebration",
avatarSrc: "http://img.b2bpic.net/free-photo/spring-composition-with-bouquet-flowers-vase-closeup_169016-29759.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-with-dried-flowers_23-2149591573.jpg",
},
]}
title="Cherished Moments"
description="Hear from our clients about their experiences with Amary."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Emily C.", date: "Jan 2024", title: "The best floral experience", quote: "Stunning arrangements and impeccable service.", tag: "Gift", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-woman-flower-shop_23-2147762184.jpg", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-pink-summer-trendy-dress-posing-with-peony-flowers-bouquet_285396-552.jpg" },
{ id: "t2", name: "James P.", date: "Feb 2024", title: "Highly recommended", quote: "Perfect for anniversaries and special moments.", tag: "Anniversary", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-glad-woman-with-afro-hairstyle-laughs-sincerely-expresses-good-emotions-holds-white-tulips-likes-spring-flowers-enjoys-pleasant-aroma-isolated-blue-wall_273609-27727.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-florist-working-place_23-2147762217.jpg" },
{ id: "t3", name: "Lisa M.", date: "March 2024", title: "Absolutely beautiful", quote: "So much passion in every design.", tag: "Birthday", avatarSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-holding-green-plastic-container-filled-with-pink-roses_23-2148049354.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-beautiful-floral-arrangement_23-2148846517.jpg" },
{ id: "t4", name: "Robert B.", date: "April 2024", title: "Top tier quality", quote: "I am always impressed by the freshness.", tag: "General", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-celebrating-mother-s-day_23-2151207240.jpg", imageSrc: "http://img.b2bpic.net/free-photo/accurate-man-hands-with-crossed-palms-bunch-roses-cr-craft-paper_158595-3663.jpg" },
{ id: "t5", name: "Sofia L.", date: "May 2024", title: "Luxury quality", quote: "Amary truly understands premium floral art.", tag: "Celebration", avatarSrc: "http://img.b2bpic.net/free-photo/spring-composition-with-bouquet-flowers-vase-closeup_169016-29759.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-with-dried-flowers_23-2149591573.jpg" }
]}
title="Cherished Moments"
description="Hear from our clients about their experiences with Amary."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Lifestyle Magazine",
"Community Daily",
"Floral Monthly",
"Wedding Daily",
"Local Excellence",
"Design Partner",
"Premium Quality",
]}
title="As Featured In"
description="Trusted by local communities and lifestyle partners."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["Lifestyle Magazine", "Community Daily", "Floral Monthly", "Wedding Daily", "Local Excellence", "Design Partner", "Premium Quality"]}
title="As Featured In"
description="Trusted by local communities and lifestyle partners."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Stay Connected"
title="Ready for your arrangement?"
description="Sign up for seasonal updates and exclusive floral collections."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Stay Connected"
title="Ready for your arrangement?"
description="Sign up for seasonal updates and exclusive floral collections."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Amary"
columns={[
{
title: "Shop",
items: [
{
label: "All Bouquets",
href: "#collections",
},
{
label: "About Us",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Amary"
columns={[
{ title: "Shop", items: [{ label: "All Bouquets", href: "#collections" }, { label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}