Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
270
src/app/page.tsx
270
src/app/page.tsx
@@ -31,94 +31,42 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Explore",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Categories",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Explore", id: "about" },
|
||||
{ name: "Categories", id: "features" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="FloraWorld"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Explore the World of Flowers"
|
||||
description="Discover over 400,000 types of flowering plants. From forest trails to desert blooms, deepen your connection with nature's most beautiful creations."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Exploring",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Start Exploring", href: "#about" },
|
||||
{ text: "Learn More", href: "#features" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-pink-fresh-flower_23-2148060024.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-pink-fresh-flower_23-2148060024.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-macro-flower_1404-303.jpg",
|
||||
alt: "Close up macro flower",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-macro-flower_1404-341.jpg",
|
||||
alt: "Close up macro flower",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/yellow-pistils-fresh-flower_23-2148060229.jpg",
|
||||
alt: "Yellow pistils of fresh flower",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-flower-rainy-wet-spring_1122-1570.jpg",
|
||||
alt: "closeup flower rainy wet spring",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-girl-yellow-flower_23-2147636744.jpg",
|
||||
alt: "Close-up of girl next to a yellow flower",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-macro-flower_1404-303.jpg", alt: "Close up macro flower" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-macro-flower_1404-341.jpg", alt: "Close up macro flower" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/yellow-pistils-fresh-flower_23-2148060229.jpg", alt: "Yellow pistils of fresh flower" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-flower-rainy-wet-spring_1122-1570.jpg", alt: "closeup flower rainy wet spring" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-girl-yellow-flower_23-2147636744.jpg", alt: "Close-up of girl next to a yellow flower" },
|
||||
]}
|
||||
avatarText="Join 10,000+ botany lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Botanical research",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Floral conservation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pollinator protection",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nature education",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Garden therapy",
|
||||
},
|
||||
{ type: "text", text: "Botanical research" },
|
||||
{ type: "text", text: "Floral conservation" },
|
||||
{ type: "text", text: "Pollinator protection" },
|
||||
{ type: "text", text: "Nature education" },
|
||||
{ type: "text", text: "Garden therapy" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -130,20 +78,11 @@ export default function LandingPage() {
|
||||
title="Why Flowers Matter"
|
||||
description="Flowers are essential for ecological balance, providing food for pollinators and beauty for the planet. Understanding them helps in cultivation and conservation."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Pollination Support",
|
||||
description: "Flowers attract bees and butterflies, ensuring the survival of many plant species.",
|
||||
},
|
||||
{
|
||||
title: "Medicinal Values",
|
||||
description: "Many flowering plants have traditional medicinal properties used for generations.",
|
||||
},
|
||||
{
|
||||
title: "Mental Health",
|
||||
description: "Studies show that fresh flowers reduce stress and significantly improve mood.",
|
||||
},
|
||||
{ title: "Pollination Support", description: "Flowers attract bees and butterflies, ensuring the survival of many plant species." },
|
||||
{ title: "Medicinal Values", description: "Many flowering plants have traditional medicinal properties used for generations." },
|
||||
{ title: "Mental Health", description: "Studies show that fresh flowers reduce stress and significantly improve mood." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-shovel-gardening-fork-peat-pot-potted-plant-moss-spray-bottle-white-background_23-2148044436.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-shovel-gardening-fork-peat-pot-potted-plant-moss-spray-bottle-white-background_23-2148044436.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -154,30 +93,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Garden Blooms",
|
||||
description: "Classic flowers like roses and tulips that grace our homes.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sun,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-blooming-flower-drawing-design-vector_53876-57116.jpg",
|
||||
imageAlt: "sunflower icon vector style",
|
||||
},
|
||||
{
|
||||
title: "Wildflowers",
|
||||
description: "Nature's free spirits, including daisies and bluebells.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-pink-fresh-flower_23-2148060024.jpg?_wi=2",
|
||||
imageAlt: "sunflower icon vector style",
|
||||
},
|
||||
{
|
||||
title: "Tropical Wonders",
|
||||
description: "Exotic species like hibiscus and orchids thriving in warm climates.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Flame,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-shovel-gardening-fork-peat-pot-potted-plant-moss-spray-bottle-white-background_23-2148044436.jpg?_wi=2",
|
||||
imageAlt: "sunflower icon vector style",
|
||||
},
|
||||
{ title: "Garden Blooms", description: "Classic flowers like roses and tulips that grace our homes.", bentoComponent: "reveal-icon", icon: Sun },
|
||||
{ title: "Wildflowers", description: "Nature's free spirits, including daisies and bluebells.", bentoComponent: "reveal-icon", icon: Leaf },
|
||||
{ title: "Tropical Wonders", description: "Exotic species like hibiscus and orchids thriving in warm climates.", bentoComponent: "reveal-icon", icon: Flame },
|
||||
]}
|
||||
title="Flower Categories"
|
||||
description="Explore the diverse world of flowering plants by environment and type."
|
||||
@@ -190,21 +108,9 @@ export default function LandingPage() {
|
||||
title="Flora by the Numbers"
|
||||
tag="Global Statistics"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "400,000+",
|
||||
description: "Known flowering plant species",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "100%",
|
||||
description: "Vital for global pollination",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
description: "Constantly supporting ecosystems",
|
||||
},
|
||||
{ id: "1", value: "400,000+", description: "Known flowering plant species" },
|
||||
{ id: "2", value: "100%", description: "Vital for global pollination" },
|
||||
{ id: "3", value: "24/7", description: "Constantly supporting ecosystems" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -217,46 +123,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Gardener",
|
||||
company: "Home Grower",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-female-sitting-cliff-by-beautiful-sea-daytime_181624-22454.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Hobbyist",
|
||||
company: "Nature Enthusiast",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-person-decorating-their-front-door_23-2150562540.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily P.",
|
||||
role: "Teacher",
|
||||
company: "Primary School",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-closeup-shot-purple-petaled-flower_181624-10226.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "John K.",
|
||||
role: "Florist",
|
||||
company: "City Blooms",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-posing-with-folded-arms-having-many-flowers-colleague-holding-pot-with-pink-chrysanthemums-glass-roof_158595-7127.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alice M.",
|
||||
role: "Student",
|
||||
company: "Botany Club",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-gardener-cutting-rose-with-secateurs_23-2148165338.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Gardener", company: "Home Grower", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-female-sitting-cliff-by-beautiful-sea-daytime_181624-22454.jpg" },
|
||||
{ id: "2", name: "Mark D.", role: "Hobbyist", company: "Nature Enthusiast", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-person-decorating-their-front-door_23-2150562540.jpg" },
|
||||
{ id: "3", name: "Emily P.", role: "Teacher", company: "Primary School", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-closeup-shot-purple-petaled-flower_181624-10226.jpg" },
|
||||
{ id: "4", name: "John K.", role: "Florist", company: "City Blooms", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-posing-with-folded-arms-having-many-flowers-colleague-holding-pot-with-pink-chrysanthemums-glass-roof_158595-7127.jpg" },
|
||||
{ id: "5", name: "Alice M.", role: "Student", company: "Botany Club", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-gardener-cutting-rose-with-secateurs_23-2148165338.jpg" },
|
||||
]}
|
||||
title="What People Say"
|
||||
description="Community stories about the impact of nature in daily life."
|
||||
@@ -268,21 +139,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Which flowers grow best indoors?",
|
||||
content: "Many tropical flowers, including orchids and jasmine, thrive in indoor environments with proper lighting.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How does soil type affect growth?",
|
||||
content: "Loamy soil is ideal for roses, while sandy soil favors sunflowers and lavender. Matching soil to flower is key.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do flowers really improve mental health?",
|
||||
content: "Yes, surrounding yourself with fresh flowers has been proven to lower stress levels and enhance overall mood.",
|
||||
},
|
||||
{ id: "1", title: "Which flowers grow best indoors?", content: "Many tropical flowers, including orchids and jasmine, thrive in indoor environments with proper lighting." },
|
||||
{ id: "2", title: "How does soil type affect growth?", content: "Loamy soil is ideal for roses, while sandy soil favors sunflowers and lavender. Matching soil to flower is key." },
|
||||
{ id: "3", title: "Do flowers really improve mental health?", content: "Yes, surrounding yourself with fresh flowers has been proven to lower stress levels and enhance overall mood." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about starting your flower cultivation journey."
|
||||
@@ -293,61 +152,18 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to deepen your connection with nature? Start your cultivation journey today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Categories",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "Categories", href: "#features" }, { label: "FAQ", href: "#faq" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 FloraWorld Guide."
|
||||
bottomRightText="Planting seeds of knowledge."
|
||||
|
||||
Reference in New Issue
Block a user