Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 4afdfa3713 |
273
src/app/page.tsx
273
src/app/page.tsx
@@ -31,30 +31,19 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Our Story",
|
name: "Our Story", id: "story"},
|
||||||
id: "story",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Shop",
|
name: "Shop", id: "shop"},
|
||||||
id: "shop",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Subscribe",
|
name: "Subscribe", id: "subscribe"},
|
||||||
id: "subscribe",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Find Us",
|
name: "Find Us", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Brew Monkeys"
|
brandName="Brew Monkeys"
|
||||||
button={{
|
button={{
|
||||||
text: "Cart 🛒",
|
text: "Cart 🛒"}}
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -64,73 +53,39 @@ export default function LandingPage() {
|
|||||||
description="Three generations of craft in every cup."
|
description="Three generations of craft in every cup."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
name: "Sarah J.",
|
name: "Sarah J.", handle: "@sarahcoffee", testimonial: "The best roast in town, hands down.", rating: 5,
|
||||||
handle: "@sarahcoffee",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-modern-woman-starts-her-day-with-morning-mug-tea-girl-drinking-coffee_1258-193485.jpg"},
|
||||||
testimonial: "The best roast in town, hands down.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-modern-woman-starts-her-day-with-morning-mug-tea-girl-drinking-coffee_1258-193485.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Mike R.",
|
name: "Mike R.", handle: "@mikemornings", testimonial: "My morning ritual is finally complete.", rating: 5,
|
||||||
handle: "@mikemornings",
|
imageSrc: "http://img.b2bpic.net/free-photo/full-view-woman-luffing-with-coffee_197531-33871.jpg"},
|
||||||
testimonial: "My morning ritual is finally complete.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/full-view-woman-luffing-with-coffee_197531-33871.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Emma L.",
|
name: "Emma L.", handle: "@emmamusic", testimonial: "Ethical and absolutely delicious.", rating: 5,
|
||||||
handle: "@emmamusic",
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-woman-holding-mobile-phone-near-ear-takeaway-coffee-cup-another-hand-looking-camera-isolated-blue-background_141793-136007.jpg"},
|
||||||
testimonial: "Ethical and absolutely delicious.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-woman-holding-mobile-phone-near-ear-takeaway-coffee-cup-another-hand-looking-camera-isolated-blue-background_141793-136007.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "David T.",
|
name: "David T.", handle: "@davidt", testimonial: "The subscription is a total game changer.", rating: 5,
|
||||||
handle: "@davidt",
|
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285289.jpg"},
|
||||||
testimonial: "The subscription is a total game changer.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285289.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Linda B.",
|
name: "Linda B.", handle: "@lindab", testimonial: "Taste the tradition in every sip.", rating: 5,
|
||||||
handle: "@lindab",
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-cheerful-man-using-tablet-computer_171337-14589.jpg"},
|
||||||
testimonial: "Taste the tradition in every sip.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-cheerful-man-using-tablet-computer_171337-14589.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Shop Now",
|
text: "Shop Now", href: "#shop"},
|
||||||
href: "#shop",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Start Subscription",
|
text: "Start Subscription", href: "#subscribe"},
|
||||||
href: "#subscribe",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/cup-with-milk-foam-christmas-tree-cinnamon-held-woman-s-arms_1304-3355.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/cup-with-milk-foam-christmas-tree-cinnamon-held-woman-s-arms_1304-3355.jpg"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-with-cup-coffee-hand-sits-kitchen-smiles-camera_1258-201675.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-woman-with-cup-coffee-hand-sits-kitchen-smiles-camera_1258-201675.jpg", alt: "Portrait of woman with cup of coffee in hand sits in kitchen and smiles at camera"},
|
||||||
alt: "Portrait of woman with cup of coffee in hand sits in kitchen and smiles at camera",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-young-woman-sitting-her-room-looking-camera-holding-cup-tea_1258-255233.jpg",
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-young-woman-sitting-her-room-looking-camera-holding-cup-tea_1258-255233.jpg", alt: "Close up portrait of blond young woman sitting in her room looking at camera holding cup of tea"},
|
||||||
alt: "Close up portrait of blond young woman sitting in her room looking at camera holding cup of tea",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/cosy-moments-happy-young-woman-sits-kitchen-drinks-coffee-has-tender-smile-her-face_1258-201224.jpg",
|
src: "http://img.b2bpic.net/free-photo/cosy-moments-happy-young-woman-sits-kitchen-drinks-coffee-has-tender-smile-her-face_1258-201224.jpg", alt: "Cosy moments happy young woman sits in kitchen and drinks coffee has tender smile on her face"},
|
||||||
alt: "Cosy moments happy young woman sits in kitchen and drinks coffee has tender smile on her face",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/close-up-indoor-photo-smiling-happy-woman-with-dark-hair-looking-window-while-drinking-coffee_291650-134.jpg",
|
src: "http://img.b2bpic.net/free-photo/close-up-indoor-photo-smiling-happy-woman-with-dark-hair-looking-window-while-drinking-coffee_291650-134.jpg", alt: "Close up indoor photo of smiling happy woman with dark hair looking at window while drinking coffee."},
|
||||||
alt: "Close up indoor photo of smiling happy woman with dark hair looking at window while drinking coffee.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/close-up-view-brunette-hair-woman-drinking-coffee-hand-listening-music_197531-32495.jpg",
|
src: "http://img.b2bpic.net/free-photo/close-up-view-brunette-hair-woman-drinking-coffee-hand-listening-music_197531-32495.jpg", alt: "Close up view of brunette hair woman drinking coffee in hand listening music"},
|
||||||
alt: "Close up view of brunette hair woman drinking coffee in hand listening music",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -142,20 +97,11 @@ export default function LandingPage() {
|
|||||||
description="Our three core pillars define everything we roast and serve."
|
description="Our three core pillars define everything we roast and serve."
|
||||||
accordionItems={[
|
accordionItems={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", title: "Ethically Sourced", content: "Direct trade relationships with family farms ensuring fair wages."},
|
||||||
title: "Ethically Sourced",
|
|
||||||
content: "Direct trade relationships with family farms ensuring fair wages.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", title: "Small-Batch Roasted", content: "Roasted weekly in micro-lots to ensure peak flavor profiles."},
|
||||||
title: "Small-Batch Roasted",
|
|
||||||
content: "Roasted weekly in micro-lots to ensure peak flavor profiles.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", title: "Fresh to Your Door", content: "Shipped within 24 hours of roasting to guarantee maximum freshness."},
|
||||||
title: "Fresh to Your Door",
|
|
||||||
content: "Shipped within 24 hours of roasting to guarantee maximum freshness.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/sackcloth-full-coffee-beans-coffee-beans-surface_176474-495.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/sackcloth-full-coffee-beans-coffee-beans-surface_176474-495.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -170,59 +116,23 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "coffee-1",
|
id: "coffee-1", brand: "Brew Monkeys", name: "Grandpa's Garage Roast", price: "$18", rating: 5,
|
||||||
brand: "Brew Monkeys",
|
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/two-big-hermetic-packages-with-blank-labels-near-transparent-glass-with-raw-sampled-coffee-beans_346278-410.jpg"},
|
||||||
name: "Grandpa's Garage Roast",
|
|
||||||
price: "$18",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "120",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/two-big-hermetic-packages-with-blank-labels-near-transparent-glass-with-raw-sampled-coffee-beans_346278-410.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "coffee-2",
|
id: "coffee-2", brand: "Brew Monkeys", name: "Morning Jungle Blend", price: "$19", rating: 5,
|
||||||
brand: "Brew Monkeys",
|
reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/coffee-bag_187299-47700.jpg"},
|
||||||
name: "Morning Jungle Blend",
|
|
||||||
price: "$19",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "98",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-bag_187299-47700.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "coffee-3",
|
id: "coffee-3", brand: "Brew Monkeys", name: "Highlands Reserve", price: "$22", rating: 4,
|
||||||
brand: "Brew Monkeys",
|
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/side-view-coffee-beans-iron-vase_140725-9066.jpg"},
|
||||||
name: "Highlands Reserve",
|
|
||||||
price: "$22",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "85",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-coffee-beans-iron-vase_140725-9066.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "coffee-4",
|
id: "coffee-4", brand: "Brew Monkeys", name: "Sunset Decaf", price: "$17", rating: 5,
|
||||||
brand: "Brew Monkeys",
|
reviewCount: "54", imageSrc: "http://img.b2bpic.net/free-photo/clean-white-paper-bags-with-coffee-cup-table_9975-134629.jpg"},
|
||||||
name: "Sunset Decaf",
|
|
||||||
price: "$17",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "54",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/clean-white-paper-bags-with-coffee-cup-table_9975-134629.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "coffee-5",
|
id: "coffee-5", brand: "Brew Monkeys", name: "Roaster's Secret", price: "$25", rating: 5,
|
||||||
brand: "Brew Monkeys",
|
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/roasted-coffee-bean-pictures-concept_53876-16489.jpg"},
|
||||||
name: "Roaster's Secret",
|
|
||||||
price: "$25",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "42",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/roasted-coffee-bean-pictures-concept_53876-16489.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "coffee-6",
|
id: "coffee-6", brand: "Brew Monkeys", name: "Community Batch", price: "$20", rating: 4,
|
||||||
brand: "Brew Monkeys",
|
reviewCount: "112", imageSrc: "http://img.b2bpic.net/free-photo/bag-coffee-sitting-shelf_23-2151965914.jpg"},
|
||||||
name: "Community Batch",
|
|
||||||
price: "$20",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "112",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/bag-coffee-sitting-shelf_23-2151965914.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Featured Roasts"
|
title="Featured Roasts"
|
||||||
description="Hand-selected beans for the perfect morning ritual."
|
description="Hand-selected beans for the perfect morning ritual."
|
||||||
@@ -234,26 +144,18 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Our Family Tradition"
|
title="Our Family Tradition"
|
||||||
description="What started in Grandpa Joe's garage in 1987 is now three generations of family dedicated to the perfect roast. We take pride in maintaining that small-town quality even as we grow."
|
description="What started in Grandpa Joe's garage in 2025 is now three generations of family dedicated to the perfect roast. We take pride in maintaining that small-town quality even as we grow."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Read Our Full Story",
|
text: "Read Our Full Story", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
bulletPoints={[
|
bulletPoints={[
|
||||||
{
|
{
|
||||||
title: "1987 Start",
|
title: "2025 Start", description: "The humble beginnings in a small garage."},
|
||||||
description: "The humble beginnings in a small garage.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Direct Trade",
|
title: "Direct Trade", description: "Ethical partnerships since the very beginning."},
|
||||||
description: "Ethical partnerships since the very beginning.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "3 Generations",
|
title: "3 Generations", description: "Family passion passed down for decades."},
|
||||||
description: "Family passion passed down for decades.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/friendly-positive-family-spending-morning-kitchen-they-are-cooking-breakfast_613910-3188.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/friendly-positive-family-spending-morning-kitchen-they-are-cooking-breakfast_613910-3188.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -267,51 +169,27 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", badge: "Popular", price: "$18/mo", subtitle: "Curious", features: [
|
||||||
badge: "Popular",
|
"1 bag per month", "Standard shipping", "Standard roasts"],
|
||||||
price: "$18/mo",
|
|
||||||
subtitle: "Curious",
|
|
||||||
features: [
|
|
||||||
"1 bag per month",
|
|
||||||
"Standard shipping",
|
|
||||||
"Standard roasts",
|
|
||||||
],
|
|
||||||
buttons: [
|
buttons: [
|
||||||
{
|
{
|
||||||
text: "Select Plan",
|
text: "Select Plan"},
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", badge: "Best Value", price: "$34/mo", subtitle: "Devoted", features: [
|
||||||
badge: "Best Value",
|
"2 bags per month", "Free shipping", "Member discounts"],
|
||||||
price: "$34/mo",
|
|
||||||
subtitle: "Devoted",
|
|
||||||
features: [
|
|
||||||
"2 bags per month",
|
|
||||||
"Free shipping",
|
|
||||||
"Member discounts",
|
|
||||||
],
|
|
||||||
buttons: [
|
buttons: [
|
||||||
{
|
{
|
||||||
text: "Select Plan",
|
text: "Select Plan"},
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", badge: "Pro", price: "$60/mo", subtitle: "Obsessed", features: [
|
||||||
badge: "Pro",
|
"4 bags per month", "Priority shipping", "Exclusive roasts"],
|
||||||
price: "$60/mo",
|
|
||||||
subtitle: "Obsessed",
|
|
||||||
features: [
|
|
||||||
"4 bags per month",
|
|
||||||
"Priority shipping",
|
|
||||||
"Exclusive roasts",
|
|
||||||
],
|
|
||||||
buttons: [
|
buttons: [
|
||||||
{
|
{
|
||||||
text: "Select Plan",
|
text: "Select Plan"},
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -325,14 +203,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={[
|
||||||
"The Daily Grind",
|
"The Daily Grind", "Coffee Monthly", "Morning Brews", "Roasters Journal", "Bean & Leaf", "Local Foodie", "The Caffeine Fix"]}
|
||||||
"Coffee Monthly",
|
|
||||||
"Morning Brews",
|
|
||||||
"Roasters Journal",
|
|
||||||
"Bean & Leaf",
|
|
||||||
"Local Foodie",
|
|
||||||
"The Caffeine Fix",
|
|
||||||
]}
|
|
||||||
title="Join the Troop"
|
title="Join the Troop"
|
||||||
description="Our community loves every single batch."
|
description="Our community loves every single batch."
|
||||||
/>
|
/>
|
||||||
@@ -342,8 +213,7 @@ export default function LandingPage() {
|
|||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
tag="Keep in touch"
|
tag="Keep in touch"
|
||||||
title="Join the Troop"
|
title="Join the Troop"
|
||||||
description="Get 10% off your first order by joining our newsletter."
|
description="Get 10% off your first order by joining our newsletter."
|
||||||
@@ -357,46 +227,31 @@ export default function LandingPage() {
|
|||||||
logoText="Brew Monkeys"
|
logoText="Brew Monkeys"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Shop",
|
title: "Shop", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "All Roasts",
|
label: "All Roasts", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Subscriptions",
|
label: "Subscriptions", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Our Story",
|
label: "Our Story", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Find Us",
|
label: "Find Us", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Support",
|
title: "Support", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Contact",
|
label: "Contact", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "FAQ",
|
label: "FAQ", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
copyrightText="Family owned since 1987"
|
copyrightText="Family owned since 2025"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user