bender/6f5ed115-69e6-4c47-a4fd-a373fe348056
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-02 14:38:20 +00:00
parent 982f48a37b
commit 6580a7bb44
1 changed files with 59 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

255
src/app/page.tsx
View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Products",
id: "products",
},
name: "Products", id: "products"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Plantiva"
/>
@@ -55,16 +47,13 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Bring Nature Into Your Living Space"
description="Plantiva provides curated, high-quality houseplants delivered straight to your door. Transform your home into a vibrant, oxygen-rich sanctuary."
tag="New Season Arrival"
buttons={[
{
text: "Shop Plants",
href: "#products",
},
text: "Shop Your First Plant", href: "#products"},
]}
imageSrc="http://img.b2bpic.net/free-photo/modern-architecture-blends-with-nature-s-vibrant-colors-generated-by-ai_188544-30782.jpg"
imageAlt="Collection of houseplants in a bright modern home."
@@ -72,52 +61,32 @@ export default function LandingPage() {
tagIcon={Sparkles}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/flower-vase-modern-interior_23-2151928938.jpg",
alt: "Flower vase in modern interior",
},
src: "http://img.b2bpic.net/free-photo/flower-vase-modern-interior_23-2151928938.jpg", alt: "Flower vase in modern interior"},
{
src: "http://img.b2bpic.net/free-photo/high-angle-pool-plants_23-2149684499.jpg",
alt: "High angle pool and plants",
},
src: "http://img.b2bpic.net/free-photo/high-angle-pool-plants_23-2149684499.jpg", alt: "High angle pool and plants"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-modern-plants-deco_23-2149198591.jpg",
alt: "Beautiful and modern plants deco",
},
src: "http://img.b2bpic.net/free-photo/beautiful-modern-plants-deco_23-2149198591.jpg", alt: "Beautiful and modern plants deco"},
{
src: "http://img.b2bpic.net/free-photo/plants-pots-blurred-background-yard-blurred-background_169016-19894.jpg",
alt: "Plants in pots on a blurred background in the yard",
},
src: "http://img.b2bpic.net/free-photo/plants-pots-blurred-background-yard-blurred-background_169016-19894.jpg", alt: "Plants in pots on a blurred background in the yard"},
{
src: "http://img.b2bpic.net/free-photo/home-sweet-home-message-lightbox_23-2149150473.jpg",
alt: "Home sweet home message on lightbox",
},
src: "http://img.b2bpic.net/free-photo/home-sweet-home-message-lightbox_23-2149150473.jpg", alt: "Home sweet home message on lightbox"},
]}
avatarText="Trusted by 5,000+ plant lovers"
marqueeItems={[
{
type: "text-icon",
text: "Free Shipping on $50+",
icon: Truck,
type: "text-icon", text: "Free Shipping on $50+", icon: Truck,
},
{
type: "text-icon",
text: "30-Day Health Guarantee",
icon: ShieldCheck,
type: "text-icon", text: "30-Day Health Guarantee", icon: ShieldCheck,
},
{
type: "text-icon",
text: "Eco-Friendly Packaging",
icon: Leaf,
type: "text-icon", text: "Eco-Friendly Packaging", icon: Leaf,
},
{
type: "text-icon",
text: "Care Guides Included",
icon: BookOpen,
type: "text-icon", text: "Care Guides Included", icon: BookOpen,
},
{
type: "text-icon",
text: "Sustainable Sourcing",
icon: Globe,
type: "text-icon", text: "Sustainable Sourcing", icon: Globe,
},
]}
/>
@@ -130,23 +99,14 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Leaf,
title: "Plants Delivered",
value: "15,000+",
},
id: "m1", icon: Leaf,
title: "Plants Delivered", value: "15,000+"},
{
id: "m2",
icon: Users,
title: "Happy Plant Parents",
value: "8,000+",
},
id: "m2", icon: Users,
title: "Happy Plant Parents", value: "8,000+"},
{
id: "m3",
icon: Award,
title: "Species Varieties",
value: "200+",
},
id: "m3", icon: Award,
title: "Species Varieties", value: "200+"},
]}
title="Growing Together"
description="Our community is dedicated to sharing the joys of indoor gardening and sustainability."
@@ -160,38 +120,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Premium Quality",
author: "Selection",
description: "Hand-selected plants vetted for health and vitality.",
tags: [
"Premium",
"Handpicked",
],
imageSrc: "http://img.b2bpic.net/free-photo/minimal-tropical-leaf-assortment_23-2148955693.jpg",
},
id: "f1", title: "Premium Quality", author: "Selection", description: "Hand-selected plants vetted for health and vitality.", tags: [
"Premium", "Handpicked"],
imageSrc: "http://img.b2bpic.net/free-photo/minimal-tropical-leaf-assortment_23-2148955693.jpg"},
{
id: "f2",
title: "Eco-Friendly Care",
author: "Sustainability",
description: "Sustainable fertilizers and plastic-free packaging options.",
tags: [
"Sustainable",
"Green",
],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-gardening-tools-plants_23-2148175877.jpg",
},
id: "f2", title: "Eco-Friendly Care", author: "Sustainability", description: "Sustainable fertilizers and plastic-free packaging options.", tags: [
"Sustainable", "Green"],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-gardening-tools-plants_23-2148175877.jpg"},
{
id: "f3",
title: "Safe Delivery",
author: "Logistics",
description: "Expert shipping methods designed to protect sensitive leaves.",
tags: [
"Shipping",
"Secure",
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-putting-plant-paper-bag_23-2148851403.jpg",
},
id: "f3", title: "Safe Delivery", author: "Logistics", description: "Expert shipping methods designed to protect sensitive leaves.", tags: [
"Shipping", "Secure"],
imageSrc: "http://img.b2bpic.net/free-photo/woman-putting-plant-paper-bag_23-2148851403.jpg"},
]}
title="Why Choose Plantiva?"
description="We ensure your green friends arrive healthy, thriving, and ready to spruce up your home."
@@ -206,47 +145,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Classic Snake Plant",
price: "$29",
variant: "Easy-care",
imageSrc: "http://img.b2bpic.net/free-photo/houseplant-brass-plant-pot_53876-126199.jpg",
},
id: "p1", name: "Classic Snake Plant", price: "$29", variant: "Easy-care", imageSrc: "http://img.b2bpic.net/free-photo/houseplant-brass-plant-pot_53876-126199.jpg"},
{
id: "p2",
name: "Fiddle Leaf Fig",
price: "$85",
variant: "Popular",
imageSrc: "http://img.b2bpic.net/free-photo/houseplant-white-pot_53876-64706.jpg",
},
id: "p2", name: "Fiddle Leaf Fig", price: "$85", variant: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/houseplant-white-pot_53876-64706.jpg"},
{
id: "p3",
name: "Mini Succulent Mix",
price: "$15",
variant: "Desktop",
imageSrc: "http://img.b2bpic.net/free-photo/succulent-cactus-plants_658428-42.jpg",
},
id: "p3", name: "Mini Succulent Mix", price: "$15", variant: "Desktop", imageSrc: "http://img.b2bpic.net/free-photo/succulent-cactus-plants_658428-42.jpg"},
{
id: "p4",
name: "Golden Pothos",
price: "$22",
variant: "Hanging",
imageSrc: "http://img.b2bpic.net/free-photo/angel-vine-plant-light-gray-background_53876-110292.jpg",
},
id: "p4", name: "Golden Pothos", price: "$22", variant: "Hanging", imageSrc: "http://img.b2bpic.net/free-photo/angel-vine-plant-light-gray-background_53876-110292.jpg"},
{
id: "p5",
name: "Peace Lily",
price: "$35",
variant: "Flowering",
imageSrc: "http://img.b2bpic.net/free-photo/houseplant-concrete-flowerpot-window-sill-inside-room_181624-13027.jpg",
},
id: "p5", name: "Peace Lily", price: "$35", variant: "Flowering", imageSrc: "http://img.b2bpic.net/free-photo/houseplant-concrete-flowerpot-window-sill-inside-room_181624-13027.jpg"},
{
id: "p6",
name: "Aloe Vera",
price: "$18",
variant: "Succulent",
imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148020334.jpg",
},
id: "p6", name: "Aloe Vera", price: "$18", variant: "Succulent", imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148020334.jpg"},
]}
title="Shop Our Collection"
description="Browse our hand-picked variety of indoor plants for every skill level and home aesthetic."
@@ -258,30 +167,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/man-florist-working-green-house_1303-30273.jpg",
},
id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/man-florist-working-green-house_1303-30273.jpg"},
{
id: "t2",
name: "Michael L.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-caring-plants-steam-aroma-oil-diffuser-table-home-steam-from-humidifier-humidification-air-apartment-period-selfisolation-due-coronavirus-pandemic_657921-1385.jpg",
},
id: "t2", name: "Michael L.", imageSrc: "http://img.b2bpic.net/free-photo/woman-caring-plants-steam-aroma-oil-diffuser-table-home-steam-from-humidifier-humidification-air-apartment-period-selfisolation-due-coronavirus-pandemic_657921-1385.jpg"},
{
id: "t3",
name: "Emily D.",
imageSrc: "http://img.b2bpic.net/free-photo/blank-black-slate-with-potted-plants-desk_23-2147929459.jpg",
},
id: "t3", name: "Emily D.", imageSrc: "http://img.b2bpic.net/free-photo/blank-black-slate-with-potted-plants-desk_23-2147929459.jpg"},
{
id: "t4",
name: "David W.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-pot-plant_23-2148826765.jpg",
},
id: "t4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-pot-plant_23-2148826765.jpg"},
{
id: "t5",
name: "Jessica M.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12325.jpg",
},
id: "t5", name: "Jessica M.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12325.jpg"},
]}
cardTitle="What Our Community Says"
cardTag="Reviews"
@@ -294,20 +188,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How do I choose the right plant?",
content: "Our product variants highlight skill level, so beginners can easily find easy-care plants.",
},
id: "q1", title: "How do I choose the right plant?", content: "Our product variants highlight skill level, so beginners can easily find easy-care plants."},
{
id: "q2",
title: "What happens if a plant arrives damaged?",
content: "We offer a 30-day health guarantee and will replace any plant that doesn't survive shipping.",
},
id: "q2", title: "What happens if a plant arrives damaged?", content: "We offer a 30-day health guarantee and will replace any plant that doesn't survive shipping."},
{
id: "q3",
title: "Do you offer care instructions?",
content: "Yes, every plant comes with a comprehensive digital care card tailored to your specific variety.",
},
id: "q3", title: "Do you offer care instructions?", content: "Yes, every plant comes with a comprehensive digital care card tailored to your specific variety."},
]}
sideTitle="Common Questions"
faqsAnimation="slide-up"
@@ -318,8 +203,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "rotated-rays-static-grid",
}}
variant: "rotated-rays-static-grid"}}
tag="Let's Talk"
title="Need Plant Care Tips?"
description="Subscribe for expert gardening advice and exclusive early access to our seasonal plant drops."
@@ -333,54 +217,33 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{
label: "New Arrivals",
href: "#",
},
label: "New Arrivals", href: "#"},
{
label: "All Plants",
href: "#products",
},
label: "All Plants", href: "#products"},
{
label: "Accessories",
href: "#",
},
label: "Accessories", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "Care Guides",
href: "#",
},
label: "Care Guides", href: "#"},
{
label: "Shipping Info",
href: "#",
},
label: "Shipping Info", href: "#"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "Our Mission",
href: "#",
},
label: "Our Mission", href: "#"},
{
label: "Sustainability",
href: "#",
},
label: "Sustainability", href: "#"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
]}
@@ -391,4 +254,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}