Update src/app/page.tsx
This commit is contained in:
226
src/app/page.tsx
226
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Verdant Brew"
|
||||
/>
|
||||
@@ -56,41 +48,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Awaken Your Senses with Verdant Brew"
|
||||
description="Experience the pure, vibrant essence of artisan-grown green tea, hand-harvested from the mist-covered mountains for a truly transcendent sip."
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Discover Collection", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-green-leaves-assortment_23-2148831252.jpg",
|
||||
imageAlt: "Fresh green tea leaves macro photography",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-green-leaves-assortment_23-2148831252.jpg", imageAlt: "Fresh green tea leaves macro photography"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-matcha-green-tea-cup-saucer-white-table_23-2148066995.jpg",
|
||||
imageAlt: "Steaming cup of matcha",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-matcha-green-tea-cup-saucer-white-table_23-2148066995.jpg", imageAlt: "Steaming cup of matcha"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-matcha-tea-cup-coaster_23-2148378882.jpg",
|
||||
imageAlt: "Peaceful tea garden",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-matcha-tea-cup-coaster_23-2148378882.jpg", imageAlt: "Peaceful tea garden"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-green-matcha-latte-white-cup_74190-912.jpg",
|
||||
imageAlt: "Ceremonial tea preparation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-green-matcha-latte-white-cup_74190-912.jpg", imageAlt: "Ceremonial tea preparation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-transparent-mug-herbal-tea-with-teapot-table-garden_23-2148091873.jpg",
|
||||
imageAlt: "Close up of tea leaves",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-transparent-mug-herbal-tea-with-teapot-table-garden_23-2148091873.jpg", imageAlt: "Close up of tea leaves"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-green-leaf_23-2148211919.jpg",
|
||||
imageAlt: "Serene nature landscape",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-green-leaf_23-2148211919.jpg", imageAlt: "Serene nature landscape"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,8 +78,7 @@ export default function LandingPage() {
|
||||
title="A Legacy of Purity and Peace"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
},
|
||||
text: "Our Story"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -114,29 +90,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Organic Harvest",
|
||||
description: "100% pesticide-free, sustainably grown leaves.",
|
||||
icon: Leaf,
|
||||
title: "Organic Harvest", description: "100% pesticide-free, sustainably grown leaves.", icon: Leaf,
|
||||
},
|
||||
{
|
||||
title: "Artisan Crafted",
|
||||
description: "Small-batch processing for maximum flavor.",
|
||||
icon: Award,
|
||||
title: "Artisan Crafted", description: "Small-batch processing for maximum flavor.", icon: Award,
|
||||
},
|
||||
{
|
||||
title: "Ancient Traditions",
|
||||
description: "Authentic methods passed down through generations.",
|
||||
icon: Coffee,
|
||||
title: "Ancient Traditions", description: "Authentic methods passed down through generations.", icon: Coffee,
|
||||
},
|
||||
{
|
||||
title: "Sustainable Roots",
|
||||
description: "Ethical farming that respects the land.",
|
||||
icon: Leaf,
|
||||
title: "Sustainable Roots", description: "Ethical farming that respects the land.", icon: Leaf,
|
||||
},
|
||||
{
|
||||
title: "Pure Quality",
|
||||
description: "Lab-tested for purity and potency.",
|
||||
icon: ShieldCheck,
|
||||
title: "Pure Quality", description: "Lab-tested for purity and potency.", icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
title="Why Verdant Brew?"
|
||||
@@ -146,46 +112,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Jade Mist Sencha",
|
||||
price: "$24.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-type-dried-tea-leaves-wooden-table_23-2147975461.jpg",
|
||||
},
|
||||
id: "p1", name: "Jade Mist Sencha", price: "$24.00", imageSrc: "http://img.b2bpic.net/free-photo/different-type-dried-tea-leaves-wooden-table_23-2147975461.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Ceremonial Matcha",
|
||||
price: "$38.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-set-japanese-tea_23-2148296755.jpg",
|
||||
},
|
||||
id: "p2", name: "Ceremonial Matcha", price: "$38.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-set-japanese-tea_23-2148296755.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Golden Leaf Gyokuro",
|
||||
price: "$45.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-cup-with-leaves_23-2148173470.jpg",
|
||||
},
|
||||
id: "p3", name: "Golden Leaf Gyokuro", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-cup-with-leaves_23-2148173470.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Morning Forest Kukicha",
|
||||
price: "$22.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fornt-view-young-barista-holding-plate-with-dried-tea_140725-14572.jpg",
|
||||
},
|
||||
id: "p4", name: "Morning Forest Kukicha", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/fornt-view-young-barista-holding-plate-with-dried-tea_140725-14572.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Hojicha Roasted",
|
||||
price: "$19.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silver-aluminum-jar-with-screw-top-lid_187299-47401.jpg",
|
||||
},
|
||||
id: "p5", name: "Hojicha Roasted", price: "$19.00", imageSrc: "http://img.b2bpic.net/free-photo/silver-aluminum-jar-with-screw-top-lid_187299-47401.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Highlands Genmaicha",
|
||||
price: "$21.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-feng-shui-composition_23-2149058726.jpg",
|
||||
},
|
||||
id: "p6", name: "Highlands Genmaicha", price: "$21.00", imageSrc: "http://img.b2bpic.net/free-photo/creative-feng-shui-composition_23-2149058726.jpg"},
|
||||
]}
|
||||
title="Our Signature Collection"
|
||||
description="Discover our hand-picked selection of premium teas, each crafted to provide a unique sensory journey."
|
||||
@@ -200,30 +143,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Varieties Sourced",
|
||||
},
|
||||
id: "m1", value: "150+", description: "Varieties Sourced"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20K+",
|
||||
description: "Happy Tea Drinkers",
|
||||
},
|
||||
id: "m2", value: "20K+", description: "Happy Tea Drinkers"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Organic Certified",
|
||||
},
|
||||
id: "m3", value: "98%", description: "Organic Certified"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "12",
|
||||
description: "Sustainable Farms",
|
||||
},
|
||||
id: "m4", value: "12", description: "Sustainable Farms"},
|
||||
{
|
||||
id: "m5",
|
||||
value: "5K",
|
||||
description: "Cups Brewed Daily",
|
||||
},
|
||||
id: "m5", value: "5K", description: "Cups Brewed Daily"},
|
||||
]}
|
||||
title="Our Global Impact"
|
||||
description="Driving change through the power of authentic tea."
|
||||
@@ -235,30 +163,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-dress-cafe_273609-4264.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-dress-cafe_273609-4264.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Kenji Sato",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/festive-woman-talking-video-call-conference-with-family_482257-19495.jpg",
|
||||
},
|
||||
id: "2", name: "Kenji Sato", imageSrc: "http://img.b2bpic.net/free-photo/festive-woman-talking-video-call-conference-with-family_482257-19495.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rossi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-coffee-her-window_23-2148574050.jpg",
|
||||
},
|
||||
id: "3", name: "Elena Rossi", imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-coffee-her-window_23-2148574050.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Wang",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-caucasian-girl-with-pixie-haircut-holding-cup-looking-side-isolated-white-background-with-copy-space_141793-31625.jpg",
|
||||
},
|
||||
id: "4", name: "David Wang", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-caucasian-girl-with-pixie-haircut-holding-cup-looking-side-isolated-white-background-with-copy-space_141793-31625.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Claire Dupont",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-holding-cup-sitting-sofa_176420-1914.jpg",
|
||||
},
|
||||
id: "5", name: "Claire Dupont", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-holding-cup-sitting-sofa_176420-1914.jpg"},
|
||||
]}
|
||||
cardTitle="Loved by Tea Connoisseurs"
|
||||
cardAnimation="slide-up"
|
||||
@@ -272,30 +185,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How is it stored?",
|
||||
content: "Keep in an airtight container away from light, moisture, and heat.",
|
||||
},
|
||||
id: "q1", title: "How is it stored?", content: "Keep in an airtight container away from light, moisture, and heat."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is it caffeinated?",
|
||||
content: "Yes, all green teas contain natural caffeine, though levels vary by variety.",
|
||||
},
|
||||
id: "q2", title: "Is it caffeinated?", content: "Yes, all green teas contain natural caffeine, though levels vary by variety."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you ship worldwide?",
|
||||
content: "Absolutely, we deliver our curated tea selection to tea lovers around the globe.",
|
||||
},
|
||||
id: "q3", title: "Do you ship worldwide?", content: "Absolutely, we deliver our curated tea selection to tea lovers around the globe."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "What are your ethical standards?",
|
||||
content: "We work directly with small family farms to ensure fair pay and environmental stewardship.",
|
||||
},
|
||||
id: "q4", title: "What are your ethical standards?", content: "We work directly with small family farms to ensure fair pay and environmental stewardship."},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Can I return products?",
|
||||
content: "We offer a 30-day satisfaction guarantee on all unopened items.",
|
||||
},
|
||||
id: "q5", title: "Can I return products?", content: "We offer a 30-day satisfaction guarantee on all unopened items."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -310,23 +208,15 @@ export default function LandingPage() {
|
||||
description="Have questions about our blends? We are here to help."
|
||||
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,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-tea-pot-white-table_23-2148267832.jpg"
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your tea preferences...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your tea preferences...", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
/>
|
||||
@@ -337,37 +227,23 @@ export default function LandingPage() {
|
||||
logoText="Verdant Brew"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Teas",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Teas", href: "#products"},
|
||||
{
|
||||
label: "Ceremonial Kits",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Ceremonial Kits", href: "#products"},
|
||||
{
|
||||
label: "Gift Sets",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Gift Sets", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Sustainability", href: "#features"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user