Merge version_1 into main #2
329
src/app/page.tsx
329
src/app/page.tsx
@@ -30,96 +30,41 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "story",
|
||||
},
|
||||
{
|
||||
name: "Shop Coffee",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Subscriptions",
|
||||
id: "subscription",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "story" },
|
||||
{ name: "Shop Coffee", id: "products" },
|
||||
{ name: "Subscriptions", id: "subscription" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Brew Monkey"
|
||||
button={{
|
||||
text: "Cart 🛒",
|
||||
}}
|
||||
button={{ text: "Cart 🛒" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Family Roasted. Soul Warming."
|
||||
description="Three generations of craft in every cup."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Start Subscription",
|
||||
href: "#subscription",
|
||||
},
|
||||
{ text: "Shop Now", href: "#products" },
|
||||
{ text: "Start Subscription", href: "#subscription" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-with-beautiful-cup-female-hands_169016-6260.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-with-beautiful-cup-female-hands_169016-6260.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-relaxing-winter-with-cozy-clothing_23-2149188021.jpg",
|
||||
alt: "Person relaxing on winter with cozy clothing",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-holding-cup-tea-while-enjoying-winter-holidays_23-2148802736.jpg",
|
||||
alt: "Woman holding a cup of tea while enjoying the winter holidays",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cup-coffee-female-hands-thread-yarn_169016-52136.jpg",
|
||||
alt: "A cup of coffee in female hands and a thread of yarn",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crop-woman-with-hot-beverage_23-2147911465.jpg",
|
||||
alt: "Crop woman with hot beverage",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fresh-cup-coffee-woman-palms_140725-4628.jpg",
|
||||
alt: "Fresh cup of coffee in woman palms",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-relaxing-winter-with-cozy-clothing_23-2149188021.jpg", alt: "Person relaxing on winter with cozy clothing" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-holding-cup-tea-while-enjoying-winter-holidays_23-2148802736.jpg", alt: "Woman holding a cup of tea while enjoying the winter holidays" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cup-coffee-female-hands-thread-yarn_169016-52136.jpg", alt: "A cup of coffee in female hands and a thread of yarn" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/crop-woman-with-hot-beverage_23-2147911465.jpg", alt: "Crop woman with hot beverage" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fresh-cup-coffee-woman-palms_140725-4628.jpg", alt: "Fresh cup of coffee in woman palms" },
|
||||
]}
|
||||
avatarText="Join 2,400+ coffee lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Small Batch",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethically Sourced",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Three Generations",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Freshly Roasted",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Owned",
|
||||
},
|
||||
{ type: "text", text: "Small Batch" },
|
||||
{ type: "text", text: "Ethically Sourced" },
|
||||
{ type: "text", text: "Three Generations" },
|
||||
{ type: "text", text: "Freshly Roasted" },
|
||||
{ type: "text", text: "Family Owned" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,20 +76,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Ethically Sourced",
|
||||
description: "Direct trade from family farms ensures fair pay and better beans.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-roasted-beans-female-barista-preparing-coffee_23-2148824467.jpg?_wi=1",
|
||||
},
|
||||
title: "Ethically Sourced", description: "Direct trade from family farms ensures fair pay and better beans.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-roasted-beans-female-barista-preparing-coffee_23-2148824467.jpg"},
|
||||
{
|
||||
title: "Small-Batch Roasted",
|
||||
description: "Roasted weekly in micro-lots for maximum freshness and flavor profile.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-white-aromatic-mug-caffeine_1232-4547.jpg?_wi=1",
|
||||
},
|
||||
title: "Small-Batch Roasted", description: "Roasted weekly in micro-lots for maximum freshness and flavor profile.", imageSrc: "http://img.b2bpic.net/free-photo/hot-white-aromatic-mug-caffeine_1232-4547.jpg"},
|
||||
{
|
||||
title: "Fresh to Your Door",
|
||||
description: "Roasted and shipped within 24 hours so you never miss a beat.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-cardboard-box-book_114579-6399.jpg?_wi=1",
|
||||
},
|
||||
title: "Fresh to Your Door", description: "Roasted and shipped within 24 hours so you never miss a beat.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-cardboard-box-book_114579-6399.jpg"},
|
||||
]}
|
||||
title="From Our Family to Yours"
|
||||
description="We are obsessed with every step of the journey, from farm to mug."
|
||||
@@ -153,46 +89,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Grandpa Joe's Blend",
|
||||
price: "$18.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-coffee-beans-clay-plate-wooden-table_181624-7153.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Morning Monkey Dark",
|
||||
price: "$20.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scattered-coffee-beans-near-cup-box-sugar-sackcloth_23-2148180193.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Sunrise Medium Roast",
|
||||
price: "$19.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-coffee-beans_23-2148937253.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Roaster's Choice Reserve",
|
||||
price: "$22.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-pinecones-book-burlap_114579-73604.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Espresso Monkey",
|
||||
price: "$19.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clean-white-paper-bags-with-coffee-cup-table_9975-134629.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Decaf Delight",
|
||||
price: "$18.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sack-tasty-roasted-coffee-beans_23-2148255011.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Grandpa Joe's Blend", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-coffee-beans-clay-plate-wooden-table_181624-7153.jpg" },
|
||||
{ id: "p2", name: "Morning Monkey Dark", price: "$20.00", imageSrc: "http://img.b2bpic.net/free-photo/scattered-coffee-beans-near-cup-box-sugar-sackcloth_23-2148180193.jpg" },
|
||||
{ id: "p3", name: "Sunrise Medium Roast", price: "$19.00", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-coffee-beans_23-2148937253.jpg" },
|
||||
{ id: "p4", name: "Roaster's Choice Reserve", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-pinecones-book-burlap_114579-73604.jpg" },
|
||||
{ id: "p5", name: "Espresso Monkey", price: "$19.50", imageSrc: "http://img.b2bpic.net/free-photo/clean-white-paper-bags-with-coffee-cup-table_9975-134629.jpg" },
|
||||
{ id: "p6", name: "Decaf Delight", price: "$18.50", imageSrc: "http://img.b2bpic.net/free-photo/sack-tasty-roasted-coffee-beans_23-2148255011.jpg" },
|
||||
]}
|
||||
title="Featured Roasts"
|
||||
description="Discover your next morning ritual with our current small-batch favorites."
|
||||
@@ -204,12 +111,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Three Generations of Craft"
|
||||
description="What started in Grandpa Joe's garage in 1987 is now three generations of family obsessed with the perfect roast. We believe that an everyday ritual should be something special, and we've spent decades perfecting the process to prove it."
|
||||
buttons={[
|
||||
{
|
||||
text: "Read Our Full Story",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Read Our Full Story", href: "#" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-shop-partners-working-together_23-2148366562.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -221,54 +123,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "tier1",
|
||||
badge: "Curious",
|
||||
price: "$18/mo",
|
||||
subtitle: "Perfect for one coffee a day.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Build Your Plan",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"1 Bag per Month",
|
||||
"Free Shipping",
|
||||
"Member Perks",
|
||||
],
|
||||
id: "tier1", badge: "Curious", price: "$18/mo", subtitle: "Perfect for one coffee a day.", buttons: [{ text: "Build Your Plan" }],
|
||||
features: ["1 Bag per Month", "Free Shipping", "Member Perks"]
|
||||
},
|
||||
{
|
||||
id: "tier2",
|
||||
badge: "Devoted",
|
||||
price: "$34/mo",
|
||||
subtitle: "For the daily coffee drinker.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Build Your Plan",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"2 Bags per Month",
|
||||
"15% Off",
|
||||
"Exclusive Roasts",
|
||||
"Skip Anytime",
|
||||
],
|
||||
id: "tier2", badge: "Devoted", price: "$34/mo", subtitle: "For the daily coffee drinker.", buttons: [{ text: "Build Your Plan" }],
|
||||
features: ["2 Bags per Month", "15% Off", "Exclusive Roasts", "Skip Anytime"]
|
||||
},
|
||||
{
|
||||
id: "tier3",
|
||||
badge: "Obsessed",
|
||||
price: "$60/mo",
|
||||
subtitle: "Maximum savings and variety.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Build Your Plan",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"4 Bags per Month",
|
||||
"20% Off",
|
||||
"Priority Roasting",
|
||||
"Exclusive Roasts",
|
||||
],
|
||||
id: "tier3", badge: "Obsessed", price: "$60/mo", subtitle: "Maximum savings and variety.", buttons: [{ text: "Build Your Plan" }],
|
||||
features: ["4 Bags per Month", "20% Off", "Priority Roasting", "Exclusive Roasts"]
|
||||
},
|
||||
]}
|
||||
title="Never Run Out of the Good Stuff"
|
||||
@@ -281,61 +145,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
date: "2023-10-15",
|
||||
title: "Coffee Lover",
|
||||
quote: "The freshest beans I've ever had. My morning routine changed forever.",
|
||||
tag: "Subscriber",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-drinking-cup-coffee_23-2148395414.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-beautiful-cup-female-hands_169016-6260.jpg?_wi=2",
|
||||
imageAlt: "happy customer morning coffee portrait",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
date: "2023-11-02",
|
||||
title: "Barista",
|
||||
quote: "I appreciate the transparency and the craft behind every roast.",
|
||||
tag: "Coffee Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/coziness-home-concept-young-woman-enjoys-her-morning-cup-coffee-drinks-fresh-tea-smiles_1258-200058.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-roasted-beans-female-barista-preparing-coffee_23-2148824467.jpg?_wi=2",
|
||||
imageAlt: "happy customer morning coffee portrait",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
date: "2023-11-20",
|
||||
title: "Teacher",
|
||||
quote: "Grandpa Joe's blend is the only thing that gets me through grading papers.",
|
||||
tag: "Customer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/modern-woman-drinking-coffee_23-2148020561.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-white-aromatic-mug-caffeine_1232-4547.jpg?_wi=2",
|
||||
imageAlt: "happy customer morning coffee portrait",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
date: "2023-12-05",
|
||||
title: "Designer",
|
||||
quote: "Sustainable, delicious, and consistent every single time.",
|
||||
tag: "Subscriber",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/crop-woman-pouring-drink-near-books-snacks_23-2147888736.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-cardboard-box-book_114579-6399.jpg?_wi=2",
|
||||
imageAlt: "happy customer morning coffee portrait",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Wang",
|
||||
date: "2024-01-10",
|
||||
title: "Writer",
|
||||
quote: "The subscription saved my life—I never run out now!",
|
||||
tag: "Coffee Addict",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-mid-adult-barista-cleaning-drinking-glass-after-working-hours-pub_637285-2964.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-coffee-beans-clay-plate-wooden-table_181624-7153.jpg?_wi=2",
|
||||
imageAlt: "happy customer morning coffee portrait",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", date: "2023-10-15", title: "Coffee Lover", quote: "The freshest beans I've ever had. My morning routine changed forever.", tag: "Subscriber", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-drinking-cup-coffee_23-2148395414.jpg", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-beautiful-cup-female-hands_169016-6260.jpg", imageAlt: "happy customer morning coffee portrait" },
|
||||
{ id: "2", name: "James Chen", date: "2023-11-02", title: "Barista", quote: "I appreciate the transparency and the craft behind every roast.", tag: "Coffee Pro", avatarSrc: "http://img.b2bpic.net/free-photo/coziness-home-concept-young-woman-enjoys-her-morning-cup-coffee-drinks-fresh-tea-smiles_1258-200058.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-roasted-beans-female-barista-preparing-coffee_23-2148824467.jpg", imageAlt: "happy customer morning coffee portrait" },
|
||||
{ id: "3", name: "Emily Rodriguez", date: "2023-11-20", title: "Teacher", quote: "Grandpa Joe's blend is the only thing that gets me through grading papers.", tag: "Customer", avatarSrc: "http://img.b2bpic.net/free-photo/modern-woman-drinking-coffee_23-2148020561.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hot-white-aromatic-mug-caffeine_1232-4547.jpg", imageAlt: "happy customer morning coffee portrait" },
|
||||
{ id: "4", name: "David Kim", date: "2023-12-05", title: "Designer", quote: "Sustainable, delicious, and consistent every single time.", tag: "Subscriber", avatarSrc: "http://img.b2bpic.net/free-photo/crop-woman-pouring-drink-near-books-snacks_23-2147888736.jpg", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-cardboard-box-book_114579-6399.jpg", imageAlt: "happy customer morning coffee portrait" },
|
||||
{ id: "5", name: "Lisa Wang", date: "2024-01-10", title: "Writer", quote: "The subscription saved my life—I never run out now!", tag: "Coffee Addict", avatarSrc: "http://img.b2bpic.net/free-photo/happy-mid-adult-barista-cleaning-drinking-glass-after-working-hours-pub_637285-2964.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-coffee-beans-clay-plate-wooden-table_181624-7153.jpg", imageAlt: "happy customer morning coffee portrait" },
|
||||
]}
|
||||
title="Loved by the Troop"
|
||||
description="See why 2,400+ morning routines are powered by Brew Monkey."
|
||||
@@ -344,10 +158,9 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Contact"
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Join the Troop"
|
||||
description="Sign up for updates, exclusive releases, and 10% off your first order."
|
||||
mediaAnimation="slide-up"
|
||||
@@ -360,57 +173,9 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Brew Monkey"
|
||||
columns={[
|
||||
{
|
||||
title: "Coffee",
|
||||
items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Subscriptions",
|
||||
href: "#subscription",
|
||||
},
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#story",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Shipping Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#story",
|
||||
},
|
||||
{
|
||||
label: "Find Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Coffee", items: [{ label: "Shop All", href: "#products" }, { label: "Subscriptions", href: "#subscription" }, { label: "Our Story", href: "#story" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Shipping Policy", href: "#" }, { label: "Returns", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#story" }, { label: "Find Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 1987-2024 Brew Monkey Coffee Co."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user