Merge version_1 into main #1
304
src/app/page.tsx
304
src/app/page.tsx
@@ -32,65 +32,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Explore",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Types",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Care",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Explore", id: "hero" },
|
||||
{ name: "Types", id: "products" },
|
||||
{ name: "Care", id: "features" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
brandName="BloomGuide"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Discover Flowers: Types, Colors, and Care"
|
||||
description="Explore a comprehensive guide to flower varieties worldwide. Learn characteristics, growing conditions, and seasonal blooms to inspire your garden."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Flowers",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Browse Flowers", href: "#products" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-blooming-pink-gerbera-daisy_53876-71245.jpg",
|
||||
imageAlt: "Macro flower photography",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-spring-landscape_23-2151917249.jpg",
|
||||
imageAlt: "Summer flower field",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/botanical-herbs-paper_23-2151888380.jpg",
|
||||
imageAlt: "Exotic flower species",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-meadow-with-flowers_1161-174.jpg",
|
||||
imageAlt: "Wildflowers field",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-flowers-blue-water_23-2148256514.jpg",
|
||||
imageAlt: "Orchid close up",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-sunflower-summer-field_84443-84315.jpg",
|
||||
imageAlt: "Sunflowers field",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-blooming-pink-gerbera-daisy_53876-71245.jpg", imageAlt: "Macro flower photography" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-spring-landscape_23-2151917249.jpg", imageAlt: "Summer flower field" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/botanical-herbs-paper_23-2151888380.jpg", imageAlt: "Exotic flower species" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/colorful-meadow-with-flowers_1161-174.jpg", imageAlt: "Wildflowers field" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/yellow-flowers-blue-water_23-2148256514.jpg", imageAlt: "Orchid close up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bright-sunflower-summer-field_84443-84315.jpg", imageAlt: "Sunflowers field" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,18 +66,9 @@ export default function LandingPage() {
|
||||
title="Your Botanical Resource"
|
||||
description="We are dedicated to providing accessible, high-quality information for garden enthusiasts, students, and professionals. Our guide helps you identify and care for flowers with confidence."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Care Guides",
|
||||
description: "Specific instructions for healthy growth.",
|
||||
},
|
||||
{
|
||||
title: "Comprehensive Database",
|
||||
description: "Detailed profiles on hundreds of species.",
|
||||
},
|
||||
{
|
||||
title: "Visual Identification",
|
||||
description: "High-quality references for quick recognition.",
|
||||
},
|
||||
{ title: "Expert Care Guides", description: "Specific instructions for healthy growth." },
|
||||
{ title: "Comprehensive Database", description: "Detailed profiles on hundreds of species." },
|
||||
{ title: "Visual Identification", description: "High-quality references for quick recognition." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17366.jpg"
|
||||
imageAlt="Botanical researcher examining flowers"
|
||||
@@ -129,23 +84,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Care Essentials",
|
||||
description: "Learn the fundamentals of proper watering, fertilization, and sunlight requirements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-picture-gardener-s-hands-planting-plant_1150-26635.jpg",
|
||||
imageAlt: "Gardening tools and flower care",
|
||||
},
|
||||
title: "Care Essentials", description: "Learn the fundamentals of proper watering, fertilization, and sunlight requirements.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-picture-gardener-s-hands-planting-plant_1150-26635.jpg", imageAlt: "Gardening tools and flower care"},
|
||||
{
|
||||
title: "Seasonal Planning",
|
||||
description: "Understand blooming cycles and seasonal availability to keep your garden vibrant year-round.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-flowers-buds-with-leaves-white-table_23-2148043865.jpg",
|
||||
imageAlt: "Seasonal flower growth calendar",
|
||||
},
|
||||
title: "Seasonal Planning", description: "Understand blooming cycles and seasonal availability to keep your garden vibrant year-round.", imageSrc: "http://img.b2bpic.net/free-photo/bright-flowers-buds-with-leaves-white-table_23-2148043865.jpg", imageAlt: "Seasonal flower growth calendar"},
|
||||
{
|
||||
title: "Soil Optimization",
|
||||
description: "Identify the perfect soil conditions to maximize plant health and growth potential.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12289.jpg",
|
||||
imageAlt: "Healthy garden soil types",
|
||||
},
|
||||
title: "Soil Optimization", description: "Identify the perfect soil conditions to maximize plant health and growth potential.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12289.jpg", imageAlt: "Healthy garden soil types"},
|
||||
]}
|
||||
title="Gardening Success Guide"
|
||||
description="Master the essentials of flower cultivation with our structured gardening insights."
|
||||
@@ -159,48 +102,12 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Tulips",
|
||||
price: "Spring Bloom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bouquet-pretty-tulips_23-2147756917.jpg",
|
||||
imageAlt: "Colorful tulips",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Garden Roses",
|
||||
price: "Perennial Favorite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-pink-roses_23-2148380911.jpg",
|
||||
imageAlt: "Romantic roses",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Daisies",
|
||||
price: "Low Maintenance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chamomiles-near-donut-paper-sheet_23-2147742452.jpg",
|
||||
imageAlt: "Fresh daisies",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Lilies",
|
||||
price: "Elegant Fragrance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-natural-blurry-flowers_23-2149454552.jpg",
|
||||
imageAlt: "Elegant lilies",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Sunflowers",
|
||||
price: "Sun Loving",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bee-hovering-sunflower-close-up-sunflower-selective-focus-blurred-background_1391-369.jpg",
|
||||
imageAlt: "Vibrant sunflowers",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Lavender",
|
||||
price: "Aromatic Herb",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-bumblebees-feeding-salvia-lavanduloides-flowers_181624-40796.jpg",
|
||||
imageAlt: "Aromatic lavender",
|
||||
},
|
||||
{ id: "p1", name: "Tulips", price: "Spring Bloom", imageSrc: "http://img.b2bpic.net/free-photo/bouquet-pretty-tulips_23-2147756917.jpg", imageAlt: "Colorful tulips" },
|
||||
{ id: "p2", name: "Garden Roses", price: "Perennial Favorite", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-pink-roses_23-2148380911.jpg", imageAlt: "Romantic roses" },
|
||||
{ id: "p3", name: "Daisies", price: "Low Maintenance", imageSrc: "http://img.b2bpic.net/free-photo/chamomiles-near-donut-paper-sheet_23-2147742452.jpg", imageAlt: "Fresh daisies" },
|
||||
{ id: "p4", name: "Lilies", price: "Elegant Fragrance", imageSrc: "http://img.b2bpic.net/free-photo/view-natural-blurry-flowers_23-2149454552.jpg", imageAlt: "Elegant lilies" },
|
||||
{ id: "p5", name: "Sunflowers", price: "Sun Loving", imageSrc: "http://img.b2bpic.net/free-photo/bee-hovering-sunflower-close-up-sunflower-selective-focus-blurred-background_1391-369.jpg", imageAlt: "Vibrant sunflowers" },
|
||||
{ id: "p6", name: "Lavender", price: "Aromatic Herb", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-bumblebees-feeding-salvia-lavanduloides-flowers_181624-40796.jpg", imageAlt: "Aromatic lavender" }
|
||||
]}
|
||||
title="Flower Varieties Collection"
|
||||
description="Explore our curated list of flower types, each with unique characteristics and care needs."
|
||||
@@ -213,60 +120,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Hobbyist Gardener",
|
||||
company: "Home Garden Club",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-blonde-young-woman-holding-flower-bouquet-hand-showing-thumb-up-sign_23-2148049422.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John Doe",
|
||||
role: "Landscaper",
|
||||
company: "Green Space Pros",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-gardener-wearing-gardening-hat-holding-flower-flowerpot-showing-peace-gesture-isolated-green-wall_141793-91430.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Chen",
|
||||
role: "Botany Student",
|
||||
company: "University Labs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-pruning-plants-vegetable-garden_23-2148165298.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Smith",
|
||||
role: "Florist",
|
||||
company: "The Flower Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-man-wearing-jumpsuit-hat-holding-potted-plants_141793-47501.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anna Garcia",
|
||||
role: "Event Planner",
|
||||
company: "Botanical Events",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/work-garden-is-pleasure-me_329181-2343.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", role: "Hobbyist Gardener", company: "Home Garden Club", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-blonde-young-woman-holding-flower-bouquet-hand-showing-thumb-up-sign_23-2148049422.jpg" },
|
||||
{ id: "t2", name: "John Doe", role: "Landscaper", company: "Green Space Pros", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-gardener-wearing-gardening-hat-holding-flower-flowerpot-showing-peace-gesture-isolated-green-wall_141793-91430.jpg" },
|
||||
{ id: "t3", name: "Emily Chen", role: "Botany Student", company: "University Labs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-pruning-plants-vegetable-garden_23-2148165298.jpg" },
|
||||
{ id: "t4", name: "David Smith", role: "Florist", company: "The Flower Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-man-wearing-jumpsuit-hat-holding-potted-plants_141793-47501.jpg" },
|
||||
{ id: "t5", name: "Anna Garcia", role: "Event Planner", company: "Botanical Events", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/work-garden-is-pleasure-me_329181-2343.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Flower Profiles",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Active Gardeners",
|
||||
},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "User Satisfaction",
|
||||
},
|
||||
{ value: "500+", label: "Flower Profiles" },
|
||||
{ value: "10k+", label: "Active Gardeners" },
|
||||
{ value: "4.9/5", label: "User Satisfaction" }
|
||||
]}
|
||||
title="Trusted by Gardeners"
|
||||
description="Hear what our community says about their botanical resource experience."
|
||||
@@ -277,26 +140,10 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How often should I water flowers?",
|
||||
content: "Watering frequency depends on the flower species, soil type, and climate. Generally, checking the top inch of soil is best.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Which flowers grow best in shade?",
|
||||
content: "Hostas, Begonias, and Impatiens are excellent choices for shaded areas.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are there perennial flower options?",
|
||||
content: "Yes, species like Peonies, Daylilies, and Lavender are common perennials that return each year.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "What's the best soil for a container garden?",
|
||||
content: "Use a well-draining potting mix to ensure proper drainage and root health.",
|
||||
},
|
||||
{ id: "q1", title: "How often should I water flowers?", content: "Watering frequency depends on the flower species, soil type, and climate. Generally, checking the top inch of soil is best." },
|
||||
{ id: "q2", title: "Which flowers grow best in shade?", content: "Hostas, Begonias, and Impatiens are excellent choices for shaded areas." },
|
||||
{ id: "q3", title: "Are there perennial flower options?", content: "Yes, species like Peonies, Daylilies, and Lavender are common perennials that return each year." },
|
||||
{ id: "q4", title: "What's the best soil for a container garden?", content: "Use a well-draining potting mix to ensure proper drainage and root health." }
|
||||
]}
|
||||
sideTitle="Common Flower Questions"
|
||||
sideDescription="Find quick answers to common flower care and identification questions."
|
||||
@@ -311,27 +158,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Species Listed",
|
||||
description: "Covering every major variety.",
|
||||
icon: Feather,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12",
|
||||
title: "Hardiness Zones",
|
||||
description: "Across all global climates.",
|
||||
icon: MapPin,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Identification Accuracy",
|
||||
description: "Trusted professional verification.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{ id: "m1", value: "150+", title: "Species Listed", description: "Covering every major variety.", icon: Feather },
|
||||
{ id: "m2", value: "12", title: "Hardiness Zones", description: "Across all global climates.", icon: MapPin },
|
||||
{ id: "m3", value: "98%", title: "Identification Accuracy", description: "Trusted professional verification.", icon: CheckCircle }
|
||||
]}
|
||||
title="Flower Diversity Data"
|
||||
description="Quick insights into our expanding flower collection."
|
||||
@@ -341,9 +170,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Stay Updated"
|
||||
title="Join Our Newsletter"
|
||||
description="Get weekly botanical tips, flower highlights, and seasonal planting advice sent directly to your inbox."
|
||||
@@ -357,50 +184,23 @@ export default function LandingPage() {
|
||||
logoText="BloomGuide"
|
||||
columns={[
|
||||
{
|
||||
title: "Guide",
|
||||
items: [
|
||||
{
|
||||
label: "Flower Types",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Care Advice",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
title: "Guide", items: [
|
||||
{ label: "Flower Types", href: "#products" },
|
||||
{ label: "Care Advice", href: "#features" },
|
||||
{ label: "FAQ", href: "#faq" }
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
{
|
||||
label: "Newsletter",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Community", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Testimonials", href: "#testimonials" },
|
||||
{ label: "Newsletter", href: "#contact" }
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Use", href: "#" }
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user