Merge version_1 into main #2
234
src/app/page.tsx
234
src/app/page.tsx
@@ -30,124 +30,72 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Catalog",
|
||||
id: "catalog",
|
||||
},
|
||||
name: "Catalog", id: "catalog"},
|
||||
{
|
||||
name: "Guides",
|
||||
id: "blog",
|
||||
},
|
||||
name: "Guides", id: "blog"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Green Haven"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
}}
|
||||
text: "Shop Now"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Bring Nature Home"
|
||||
description="Curated indoor plants delivered with love, care guides, and the promise of a greener, happier space."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alexgreen",
|
||||
testimonial: "My monstera arrived in perfect condition! The care guide made it so easy to keep happy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beatiful-girl-smiling_1187-4953.jpg?_wi=1",
|
||||
},
|
||||
name: "Alex R.", handle: "@alexgreen", testimonial: "My monstera arrived in perfect condition! The care guide made it so easy to keep happy.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beatiful-girl-smiling_1187-4953.jpg"},
|
||||
{
|
||||
name: "Sam K.",
|
||||
handle: "@samplants",
|
||||
testimonial: "Excellent service and truly pet-friendly options that look amazing in my home.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selling-crops-from-his-garden_329181-16532.jpg",
|
||||
},
|
||||
name: "Sam K.", handle: "@samplants", testimonial: "Excellent service and truly pet-friendly options that look amazing in my home.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selling-crops-from-his-garden_329181-16532.jpg"},
|
||||
{
|
||||
name: "Jordan P.",
|
||||
handle: "@jp_leaf",
|
||||
testimonial: "Shipping was fast and the quality is unmatched. I won't buy plants anywhere else.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12311.jpg",
|
||||
},
|
||||
name: "Jordan P.", handle: "@jp_leaf", testimonial: "Shipping was fast and the quality is unmatched. I won't buy plants anywhere else.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12311.jpg"},
|
||||
{
|
||||
name: "Casey W.",
|
||||
handle: "@caseygrows",
|
||||
testimonial: "The plant finder quiz helped me choose the perfect low-light plant for my office.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-cutlery-restaurant_169016-21627.jpg",
|
||||
},
|
||||
name: "Casey W.", handle: "@caseygrows", testimonial: "The plant finder quiz helped me choose the perfect low-light plant for my office.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-cutlery-restaurant_169016-21627.jpg"},
|
||||
{
|
||||
name: "Morgan D.",
|
||||
handle: "@morgangrows",
|
||||
testimonial: "Top tier plants, absolutely stunning additions to my living room!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beatiful-girl-smiling_1187-4953.jpg?_wi=2",
|
||||
},
|
||||
name: "Morgan D.", handle: "@morgangrows", testimonial: "Top tier plants, absolutely stunning additions to my living room!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beatiful-girl-smiling_1187-4953.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Plants",
|
||||
href: "#catalog",
|
||||
},
|
||||
text: "Shop Plants", href: "#catalog"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/labels-plants-florist-shop_53876-133213.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/labels-plants-florist-shop_53876-133213.jpg"
|
||||
imageAlt="Lush indoor garden"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beatiful-girl-smiling_1187-4953.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beatiful-girl-smiling_1187-4953.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-man-selling-crops-from-his-garden_329181-16532.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-man-selling-crops-from-his-garden_329181-16532.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12311.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12311.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-cutlery-restaurant_169016-21627.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-cutlery-restaurant_169016-21627.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beatiful-girl-smiling_1187-4953.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beatiful-girl-smiling_1187-4953.jpg", alt: "Customer"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Sourcing",
|
||||
},
|
||||
type: "text", text: "Sustainable Sourcing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pet-Friendly Experts",
|
||||
},
|
||||
type: "text", text: "Pet-Friendly Experts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Local Delivery",
|
||||
},
|
||||
type: "text", text: "Fast Local Delivery"},
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Healthy Guarantee",
|
||||
},
|
||||
type: "text", text: "100% Healthy Guarantee"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Free Care Consultation",
|
||||
},
|
||||
type: "text", text: "Free Care Consultation"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,26 +105,14 @@ export default function LandingPage() {
|
||||
layout="section"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Monstera Deliciosa",
|
||||
price: "$45.00",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/calathea-ornata-sanderiana-orange-flowerpot_53876-146250.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Monstera Deliciosa", price: "$45.00", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/calathea-ornata-sanderiana-orange-flowerpot_53876-146250.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Fiddle Leaf Fig",
|
||||
price: "$65.00",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-palm-tree-species-with-green-foliage_23-2151486485.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "Fiddle Leaf Fig", price: "$65.00", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-palm-tree-species-with-green-foliage_23-2151486485.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Snake Plant",
|
||||
price: "$30.00",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holding-elegant-house-plant_23-2148488512.jpg",
|
||||
},
|
||||
id: "3", name: "Snake Plant", price: "$30.00", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holding-elegant-house-plant_23-2148488512.jpg"},
|
||||
]}
|
||||
searchPlaceholder="Search for your perfect plant..."
|
||||
/>
|
||||
@@ -189,49 +125,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Care Guides",
|
||||
description: "Every order includes tailored instructions.",
|
||||
icon: BookOpen,
|
||||
title: "Expert Care Guides", description: "Every order includes tailored instructions.", icon: BookOpen,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-transplanting-plants-new-pots_23-2149384672.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-transplanting-plants-new-pots_23-2149384672.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-transplanting-plants-new-pots_23-2149384672.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-transplanting-plants-new-pots_23-2149384672.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/labels-plants-florist-shop_53876-133213.jpg?_wi=2",
|
||||
imageAlt: "luxurious indoor plant collection living room",
|
||||
},
|
||||
{
|
||||
title: "Pet Safe Selection",
|
||||
description: "Non-toxic options for your furry friends.",
|
||||
icon: Leaf,
|
||||
title: "Pet Safe Selection", description: "Non-toxic options for your furry friends.", icon: Leaf,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/room-decor-with-potted-monstera-plant_23-2149428027.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/room-decor-with-potted-monstera-plant_23-2149428027.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/room-decor-with-potted-monstera-plant_23-2149428027.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/room-decor-with-potted-monstera-plant_23-2149428027.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/calathea-ornata-sanderiana-orange-flowerpot_53876-146250.jpg?_wi=2",
|
||||
imageAlt: "monstera deliciosa leaf on white background",
|
||||
},
|
||||
{
|
||||
title: "Secure Shipping",
|
||||
description: "Safe, reinforced packaging for healthy arrivals.",
|
||||
icon: ShieldCheck,
|
||||
title: "Secure Shipping", description: "Safe, reinforced packaging for healthy arrivals.", icon: ShieldCheck,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-transplanting-plants-new-pots_23-2149384672.jpg?_wi=3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-transplanting-plants-new-pots_23-2149384672.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-transplanting-plants-new-pots_23-2149384672.jpg?_wi=4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-transplanting-plants-new-pots_23-2149384672.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-palm-tree-species-with-green-foliage_23-2151486485.jpg?_wi=2",
|
||||
imageAlt: "fiddle leaf fig in modern pot",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Green Haven"
|
||||
@@ -248,35 +166,11 @@ export default function LandingPage() {
|
||||
description="Become a confident plant parent with our expert-led blog."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Care",
|
||||
title: "Light 101",
|
||||
excerpt: "Finding the right spot for your plant.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/extreme-closeup-overhead-shot-green-plant-pot-filled-with-soil_181624-2918.jpg",
|
||||
authorName: "Green Haven Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/beatiful-girl-smiling_1187-4953.jpg",
|
||||
date: "Oct 12, 2023",
|
||||
},
|
||||
id: "b1", category: "Care", title: "Light 101", excerpt: "Finding the right spot for your plant.", imageSrc: "http://img.b2bpic.net/free-photo/extreme-closeup-overhead-shot-green-plant-pot-filled-with-soil_181624-2918.jpg", authorName: "Green Haven Team", authorAvatar: "http://img.b2bpic.net/free-photo/beatiful-girl-smiling_1187-4953.jpg", date: "Oct 12, 2023"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Watering",
|
||||
title: "When to Water?",
|
||||
excerpt: "Mastering the finger test for soil moisture.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-using-trowel-indoor-plant_23-2148850822.jpg",
|
||||
authorName: "Green Haven Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/close-up-man-selling-crops-from-his-garden_329181-16532.jpg",
|
||||
date: "Oct 15, 2023",
|
||||
},
|
||||
id: "b2", category: "Watering", title: "When to Water?", excerpt: "Mastering the finger test for soil moisture.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-using-trowel-indoor-plant_23-2148850822.jpg", authorName: "Green Haven Team", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-man-selling-crops-from-his-garden_329181-16532.jpg", date: "Oct 15, 2023"},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Pro Tips",
|
||||
title: "Propagation Secrets",
|
||||
excerpt: "Creating more plants from your favorites.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-different-plants-with-copy-space_23-2148509879.jpg",
|
||||
authorName: "Green Haven Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12311.jpg",
|
||||
date: "Oct 20, 2023",
|
||||
},
|
||||
id: "b3", category: "Pro Tips", title: "Propagation Secrets", excerpt: "Creating more plants from your favorites.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-different-plants-with-copy-space_23-2148509879.jpg", authorName: "Green Haven Team", authorAvatar: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12311.jpg", date: "Oct 20, 2023"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -288,22 +182,14 @@ export default function LandingPage() {
|
||||
description="Have questions about your order or need advice?"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "How can we help?", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/room-interior-design-with-shelves-plants_23-2149155782.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -314,29 +200,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user