Merge version_1 into main #1
212
src/app/page.tsx
212
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Subscriptions",
|
||||
id: "#subscriptions",
|
||||
},
|
||||
name: "Subscriptions", id: "subscriptions"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Botanybean"
|
||||
/>
|
||||
@@ -56,32 +48,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
title="Botanybean: Specialty Coffee at Your Door"
|
||||
description="Discover the art of Hungarian roasting. Sustainably sourced, carefully crafted beans delivered directly to your home."
|
||||
tag="New Wave Coffee"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-coffee-cup_23-2151083696.jpg",
|
||||
imageAlt: "specialty coffee beans macro shot",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-coffee-cup_23-2151083696.jpg", imageAlt: "specialty coffee beans macro shot"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-coffee-cup-with-roasted-beans_23-2151083745.jpg",
|
||||
imageAlt: "specialty coffee beans macro shot",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-enjoying-nice-hot-cup-coffee-smelling-flavour-with-closed-eyes-delighted-pleased-smile-w_1258-126429.jpg",
|
||||
imageAlt: "Girl enjoying nice hot cup of coffee smelling flavour with closed eyes and delighted pleased smile w",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-coffee_23-2149371279.jpg",
|
||||
imageAlt: "Still life of coffee",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-mugs-blue-textured-wallpaper_53876-167252.jpg",
|
||||
imageAlt: "Coffee mugs on a blue textured wallpaper",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-coffee-cup-with-roasted-beans_23-2151083745.jpg", imageAlt: "specialty coffee beans macro shot"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -108,47 +83,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Ethiopian Yirgacheffe",
|
||||
price: "4.900 Ft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-white-coffee-bag-with-label-shadow-overlay_9975-134357.jpg",
|
||||
imageAlt: "coffee bag studio shot specialty",
|
||||
},
|
||||
id: "p1", name: "Ethiopian Yirgacheffe", price: "4.900 Ft", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-white-coffee-bag-with-label-shadow-overlay_9975-134357.jpg", imageAlt: "coffee bag studio shot specialty"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Brazil Santos",
|
||||
price: "4.200 Ft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-disposable-coffee-cups-one-white-one-black_9975-135584.jpg",
|
||||
imageAlt: "coffee bag studio shot specialty",
|
||||
},
|
||||
id: "p2", name: "Brazil Santos", price: "4.200 Ft", imageSrc: "http://img.b2bpic.net/free-photo/two-disposable-coffee-cups-one-white-one-black_9975-135584.jpg", imageAlt: "coffee bag studio shot specialty"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Colombia Huila",
|
||||
price: "4.500 Ft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-paper-coffee-cup-with-blank-label-studio-shot_9975-134355.jpg",
|
||||
imageAlt: "coffee bag studio shot specialty",
|
||||
},
|
||||
id: "p3", name: "Colombia Huila", price: "4.500 Ft", imageSrc: "http://img.b2bpic.net/free-photo/brown-paper-coffee-cup-with-blank-label-studio-shot_9975-134355.jpg", imageAlt: "coffee bag studio shot specialty"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Costa Rica Tarrazu",
|
||||
price: "4.800 Ft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-with-wooden-boards-assortment_23-2149514273.jpg",
|
||||
imageAlt: "coffee bag studio shot specialty",
|
||||
},
|
||||
id: "p4", name: "Costa Rica Tarrazu", price: "4.800 Ft", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-with-wooden-boards-assortment_23-2149514273.jpg", imageAlt: "coffee bag studio shot specialty"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Kenya AA",
|
||||
price: "5.200 Ft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-white-takeaway-coffee-cup-with-lid-plain-background_9975-133009.jpg",
|
||||
imageAlt: "coffee bag studio shot specialty",
|
||||
},
|
||||
id: "p5", name: "Kenya AA", price: "5.200 Ft", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-white-takeaway-coffee-cup-with-lid-plain-background_9975-133009.jpg", imageAlt: "coffee bag studio shot specialty"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Guatemala Antigua",
|
||||
price: "4.600 Ft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-coffee-equipment_23-2149371277.jpg",
|
||||
imageAlt: "coffee bag studio shot specialty",
|
||||
},
|
||||
id: "p6", name: "Guatemala Antigua", price: "4.600 Ft", imageSrc: "http://img.b2bpic.net/free-photo/still-life-coffee-equipment_23-2149371277.jpg", imageAlt: "coffee bag studio shot specialty"},
|
||||
]}
|
||||
title="Our Coffee Selection"
|
||||
description="Explore our curated range of specialty beans, sourced from the finest estates worldwide and roasted in Hungary."
|
||||
@@ -162,36 +107,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "weekly",
|
||||
badge: "Popular",
|
||||
price: "4.500 Ft / week",
|
||||
subtitle: "For serious coffee lovers",
|
||||
buttons: [
|
||||
id: "weekly", badge: "Popular", price: "4.500 Ft / week", subtitle: "For serious coffee lovers", buttons: [
|
||||
{
|
||||
text: "Start Subscription",
|
||||
},
|
||||
text: "Start Subscription"},
|
||||
],
|
||||
features: [
|
||||
"Freshly roasted every week",
|
||||
"Choose your grind",
|
||||
"Free shipping",
|
||||
],
|
||||
"Freshly roasted every week", "Choose your grind", "Free shipping"],
|
||||
},
|
||||
{
|
||||
id: "monthly",
|
||||
badge: "Value",
|
||||
price: "18.000 Ft / month",
|
||||
subtitle: "Perfect for casual brewers",
|
||||
buttons: [
|
||||
id: "monthly", badge: "Value", price: "18.000 Ft / month", subtitle: "Perfect for casual brewers", buttons: [
|
||||
{
|
||||
text: "Start Subscription",
|
||||
},
|
||||
text: "Start Subscription"},
|
||||
],
|
||||
features: [
|
||||
"Curated selection monthly",
|
||||
"Choose your grind",
|
||||
"Save 10% on price",
|
||||
],
|
||||
"Curated selection monthly", "Choose your grind", "Save 10% on price"],
|
||||
},
|
||||
]}
|
||||
title="Coffee Subscriptions"
|
||||
@@ -206,26 +135,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Specialty Grade",
|
||||
description: "Beans rated 80+ SCA points.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-satisfied-man-showing-thumbsup-like-coffee-smiling-pleased-standing-turquoise-backgrou_1258-155389.jpg",
|
||||
},
|
||||
id: "m1", value: "100%", title: "Specialty Grade", description: "Beans rated 80+ SCA points.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-satisfied-man-showing-thumbsup-like-coffee-smiling-pleased-standing-turquoise-backgrou_1258-155389.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Hungarian Roasted",
|
||||
description: "Crafted locally with passion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-roasted-coffee-beans_23-2151083800.jpg",
|
||||
},
|
||||
id: "m2", value: "100%", title: "Hungarian Roasted", description: "Crafted locally with passion.", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-roasted-coffee-beans_23-2151083800.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Sustainable",
|
||||
description: "Eco-friendly packaging practices.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-wooden-table_23-2148173440.jpg",
|
||||
},
|
||||
id: "m3", value: "100%", title: "Sustainable", description: "Eco-friendly packaging practices.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-wooden-table_23-2148173440.jpg"},
|
||||
]}
|
||||
title="Our Quality Standards"
|
||||
description="Excellence in every cup through rigorous selection and passion."
|
||||
@@ -238,45 +152,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Excellent Quality",
|
||||
quote: "The best Hungarian specialty coffee I've ever tasted.",
|
||||
name: "Anna Kiss",
|
||||
role: "Barista",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-white-coffee-cups-pedestal_9975-135602.jpg",
|
||||
},
|
||||
id: "1", title: "Excellent Quality", quote: "The best Hungarian specialty coffee I've ever tasted.", name: "Anna Kiss", role: "Barista", imageSrc: "http://img.b2bpic.net/free-photo/three-white-coffee-cups-pedestal_9975-135602.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Fast delivery",
|
||||
quote: "My beans arrived super fresh. Highly recommended!",
|
||||
name: "László Nagy",
|
||||
role: "Coffee Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-bag-with-coffee-beans-around_1232-1358.jpg",
|
||||
},
|
||||
id: "2", title: "Fast delivery", quote: "My beans arrived super fresh. Highly recommended!", name: "László Nagy", role: "Coffee Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/coffee-bag-with-coffee-beans-around_1232-1358.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Sustainability focus",
|
||||
quote: "I love that their packaging is eco-conscious.",
|
||||
name: "Eszter Tóth",
|
||||
role: "Subscriber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-sugar-cubes-high-angle_23-2149600697.jpg",
|
||||
},
|
||||
id: "3", title: "Sustainability focus", quote: "I love that their packaging is eco-conscious.", name: "Eszter Tóth", role: "Subscriber", imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-sugar-cubes-high-angle_23-2149600697.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Great roast profile",
|
||||
quote: "Their light roast profile is perfectly balanced.",
|
||||
name: "Péter Szabó",
|
||||
role: "Home Brewer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-burlap-sack-with-roasted-coffee-beans_23-2151083685.jpg",
|
||||
},
|
||||
id: "4", title: "Great roast profile", quote: "Their light roast profile is perfectly balanced.", name: "Péter Szabó", role: "Home Brewer", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-burlap-sack-with-roasted-coffee-beans_23-2151083685.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Amazing beans!",
|
||||
quote: "The Ethiopian Yirgacheffe is life-changing.",
|
||||
name: "Judit Farkas",
|
||||
role: "Loyal Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-disposable-coffee-cup-with-lid-white-background_9975-135513.jpg",
|
||||
},
|
||||
id: "5", title: "Amazing beans!", quote: "The Ethiopian Yirgacheffe is life-changing.", name: "Judit Farkas", role: "Loyal Customer", imageSrc: "http://img.b2bpic.net/free-photo/black-disposable-coffee-cup-with-lid-white-background_9975-135513.jpg"},
|
||||
]}
|
||||
title="Loved by Coffee Enthusiasts"
|
||||
description="See what our community has to say about their daily brew."
|
||||
@@ -289,20 +173,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do you ship your coffee?",
|
||||
content: "We ship using carbon-neutral methods across Hungary.",
|
||||
},
|
||||
id: "f1", title: "How do you ship your coffee?", content: "We ship using carbon-neutral methods across Hungary."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I choose my grind?",
|
||||
content: "Yes, we offer whole bean, filter, and espresso grind.",
|
||||
},
|
||||
id: "f2", title: "Can I choose my grind?", content: "Yes, we offer whole bean, filter, and espresso grind."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What if I don't like the coffee?",
|
||||
content: "Reach out to us and we'll make it right.",
|
||||
},
|
||||
id: "f3", title: "What if I don't like the coffee?", content: "Reach out to us and we'll make it right."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crop-hands-pressing-coffee_23-2147775914.jpg"
|
||||
imageAlt="manual pour over coffee brewing"
|
||||
@@ -316,8 +191,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Stay Connected"
|
||||
title="Join Our Newsletter"
|
||||
description="Subscribe for 10% off your first order and coffee brewing tips."
|
||||
@@ -330,33 +204,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Subscriptions",
|
||||
href: "#subscriptions",
|
||||
},
|
||||
label: "Subscriptions", href: "#subscriptions"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user