Merge version_2 into main #2
218
src/app/page.tsx
218
src/app/page.tsx
@@ -31,74 +31,44 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "portfolio"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Florals & Co."
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Artistry in Every Bloom"
|
||||
description="Discover seasonal arrangements handcrafted with passion. From boutique bouquets to custom floral art."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "View Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "View Portfolio", href: "#portfolio"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pale-pink-flowers-water_23-2148256581.jpg?_wi=1",
|
||||
imageAlt: "Floral arrangement",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pale-pink-flowers-water_23-2148256581.jpg", imageAlt: "Floral arrangement"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-bouquet-pink-color-roses-with-pink-ranunculus-chrysanthemum-santini-flowers_140725-12104.jpg?_wi=1",
|
||||
imageAlt: "Floral detail",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/side-view-bouquet-pink-color-roses-with-pink-ranunculus-chrysanthemum-santini-flowers_140725-12104.jpg", imageAlt: "Floral detail"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-flower-shop_23-2149247528.jpg?_wi=1",
|
||||
imageAlt: "Wedding florals",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-flower-shop_23-2149247528.jpg", imageAlt: "Wedding florals"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-floral-art-background-template-botanical-watercolor-vector-floral-illustrations-buds-leaves-pastel-tonesframe-seamless-pattern-peony-wedding-invitation-greeting-card-poster_123827-29728.jpg?_wi=1",
|
||||
imageAlt: "Flower shop",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/abstract-floral-art-background-template-botanical-watercolor-vector-floral-illustrations-buds-leaves-pastel-tonesframe-seamless-pattern-peony-wedding-invitation-greeting-card-poster_123827-29728.jpg", imageAlt: "Flower shop"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-flower-shop_23-2149247528.jpg?_wi=2",
|
||||
imageAlt: "Botanical design",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-flower-shop_23-2149247528.jpg", imageAlt: "Botanical design"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/warm-colors-vase-with-flowers_23-2151843521.jpg?_wi=1",
|
||||
imageAlt: "Fresh blooms",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/warm-colors-vase-with-flowers_23-2151843521.jpg", imageAlt: "Fresh blooms"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -110,19 +80,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Active",
|
||||
value: "10+",
|
||||
},
|
||||
label: "Years Active", value: "10+"},
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Happy Clients",
|
||||
value: "5000+",
|
||||
},
|
||||
label: "Happy Clients", value: "5000+"},
|
||||
{
|
||||
icon: Sun,
|
||||
label: "Floral Designs",
|
||||
value: "1200+",
|
||||
},
|
||||
label: "Floral Designs", value: "1200+"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -136,41 +100,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Rose Elegance",
|
||||
price: "$65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-lovely-cheerful-brunette-young-lady-with-big-expensive-bouquet-red-roses-bunch-bright-air-balloons-isolate-white-smiling-camera_132075-12355.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Classic Rose Elegance", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-lovely-cheerful-brunette-young-lady-with-big-expensive-bouquet-red-roses-bunch-bright-air-balloons-isolate-white-smiling-camera_132075-12355.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Seasonal Meadow",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-daisies-pink-roses-promoted-by-woman_114579-2146.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "Seasonal Meadow", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/yellow-daisies-pink-roses-promoted-by-woman_114579-2146.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Orchid Sophistication",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/furoshiki-packages-arrangement-still-life_23-2150642989.jpg",
|
||||
},
|
||||
id: "3", name: "Orchid Sophistication", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/furoshiki-packages-arrangement-still-life_23-2150642989.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sunshine Joy",
|
||||
price: "$50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-sunflowers_23-2150392078.jpg",
|
||||
},
|
||||
id: "4", name: "Sunshine Joy", price: "$50", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-sunflowers_23-2150392078.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tulip Serenity",
|
||||
price: "$55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/florist-makes-beautiful-bouquet-studio_1157-28401.jpg",
|
||||
},
|
||||
id: "5", name: "Tulip Serenity", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/florist-makes-beautiful-bouquet-studio_1157-28401.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Lavender Mist",
|
||||
price: "$40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-feng-shui-arrangement_23-2149058815.jpg",
|
||||
},
|
||||
id: "6", name: "Lavender Mist", price: "$40", imageSrc: "http://img.b2bpic.net/free-photo/traditional-feng-shui-arrangement_23-2149058815.jpg"},
|
||||
]}
|
||||
title="Curated Collections"
|
||||
description="Choose from our signature arrangements, meticulously selected for every occasion."
|
||||
@@ -184,38 +124,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Wedding Installations",
|
||||
description: "Creating unforgettable atmospheres.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
title: "Wedding Installations", description: "Creating unforgettable atmospheres.", bentoComponent: "media-stack", items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/floral-wreath-with-carnations-daisies-with-copy-space_23-2148351466.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/floral-wreath-with-carnations-daisies-with-copy-space_23-2148351466.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-working-as-wedding-planner_23-2150328512.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-working-as-wedding-planner_23-2150328512.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-flowershop_23-2149247539.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-flowershop_23-2149247539.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pale-pink-flowers-water_23-2148256581.jpg?_wi=2",
|
||||
imageAlt: "elegant floral bouquet studio lighting",
|
||||
},
|
||||
{
|
||||
title: "Event Styling",
|
||||
description: "Elevating corporate and private events.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Star,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-bouquet-pink-color-roses-with-pink-ranunculus-chrysanthemum-santini-flowers_140725-12104.jpg?_wi=2",
|
||||
imageAlt: "floral bouquet detail soft petals",
|
||||
title: "Event Styling", description: "Elevating corporate and private events.", bentoComponent: "reveal-icon", icon: Star,
|
||||
},
|
||||
{
|
||||
title: "Floral Art",
|
||||
description: "Custom designs tailored to you.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Palette,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-flower-shop_23-2149247528.jpg?_wi=3",
|
||||
imageAlt: "wedding floral centerpiece elegant",
|
||||
title: "Floral Art", description: "Custom designs tailored to you.", bentoComponent: "reveal-icon", icon: Palette,
|
||||
},
|
||||
]}
|
||||
title="Portfolio Gallery"
|
||||
@@ -229,60 +151,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anna Smith",
|
||||
date: "Oct 2023",
|
||||
title: "Wedding Bride",
|
||||
quote: "The flowers were absolutely stunning!",
|
||||
tag: "Event",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/bride-nature_1328-4871.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-floral-art-background-template-botanical-watercolor-vector-floral-illustrations-buds-leaves-pastel-tonesframe-seamless-pattern-peony-wedding-invitation-greeting-card-poster_123827-29728.jpg?_wi=2",
|
||||
imageAlt: "minimalist floral composition beige background",
|
||||
},
|
||||
id: "1", name: "Anna Smith", date: "Oct 2023", title: "Wedding Bride", quote: "The flowers were absolutely stunning!", tag: "Event", avatarSrc: "http://img.b2bpic.net/free-photo/bride-nature_1328-4871.jpg", imageSrc: "http://img.b2bpic.net/free-photo/abstract-floral-art-background-template-botanical-watercolor-vector-floral-illustrations-buds-leaves-pastel-tonesframe-seamless-pattern-peony-wedding-invitation-greeting-card-poster_123827-29728.jpg", imageAlt: "minimalist floral composition beige background"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Jones",
|
||||
date: "Nov 2023",
|
||||
title: "Regular Client",
|
||||
quote: "Best floral shop in town.",
|
||||
tag: "Gift",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-flower-shop_23-2149247528.jpg?_wi=4",
|
||||
imageAlt: "spring bouquet fresh flowers detail",
|
||||
},
|
||||
id: "2", name: "Mark Jones", date: "Nov 2023", title: "Regular Client", quote: "Best floral shop in town.", tag: "Gift", avatarSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-flower-shop_23-2149247528.jpg", imageAlt: "spring bouquet fresh flowers detail"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Lee",
|
||||
date: "Dec 2023",
|
||||
title: "Event Organizer",
|
||||
quote: "Creative and timely service.",
|
||||
tag: "Event",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-standing-kitchen_107420-12358.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/warm-colors-vase-with-flowers_23-2151843521.jpg?_wi=2",
|
||||
imageAlt: "floral arrangement detail studio light",
|
||||
},
|
||||
id: "3", name: "Sarah Lee", date: "Dec 2023", title: "Event Organizer", quote: "Creative and timely service.", tag: "Event", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-standing-kitchen_107420-12358.jpg", imageSrc: "http://img.b2bpic.net/free-photo/warm-colors-vase-with-flowers_23-2151843521.jpg", imageAlt: "floral arrangement detail studio light"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
date: "Jan 2024",
|
||||
title: "Gift Sender",
|
||||
quote: "The bouquet brought so much joy.",
|
||||
tag: "Gift",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-spring_1398-2014.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-lovely-cheerful-brunette-young-lady-with-big-expensive-bouquet-red-roses-bunch-bright-air-balloons-isolate-white-smiling-camera_132075-12355.jpg?_wi=2",
|
||||
imageAlt: "luxury rose bouquet white wrap",
|
||||
},
|
||||
id: "4", name: "David Kim", date: "Jan 2024", title: "Gift Sender", quote: "The bouquet brought so much joy.", tag: "Gift", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-spring_1398-2014.jpg", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-lovely-cheerful-brunette-young-lady-with-big-expensive-bouquet-red-roses-bunch-bright-air-balloons-isolate-white-smiling-camera_132075-12355.jpg", imageAlt: "luxury rose bouquet white wrap"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Ross",
|
||||
date: "Feb 2024",
|
||||
title: "Interior Designer",
|
||||
quote: "Stunning quality every time.",
|
||||
tag: "Decor",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/bride-nature_1328-4871.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-daisies-pink-roses-promoted-by-woman_114579-2146.jpg?_wi=2",
|
||||
imageAlt: "seasonal wildflower arrangement ceramic vase",
|
||||
},
|
||||
id: "5", name: "Elena Ross", date: "Feb 2024", title: "Interior Designer", quote: "Stunning quality every time.", tag: "Decor", avatarSrc: "http://img.b2bpic.net/free-photo/bride-nature_1328-4871.jpg", imageSrc: "http://img.b2bpic.net/free-photo/yellow-daisies-pink-roses-promoted-by-woman_114579-2146.jpg", imageAlt: "seasonal wildflower arrangement ceramic vase"},
|
||||
]}
|
||||
title="Voices of Our Community"
|
||||
description="Stories from customers who shared their special moments with us."
|
||||
@@ -293,8 +170,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Talk"
|
||||
title="Start Your Floral Design"
|
||||
description="Have a custom vision? Get in touch today for a consultation."
|
||||
@@ -309,37 +185,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
label: "Portfolio", href: "#portfolio"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Location",
|
||||
href: "#",
|
||||
},
|
||||
label: "Location", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user