Merge version_2 into main #1
275
src/app/page.tsx
275
src/app/page.tsx
@@ -31,30 +31,19 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "story",
|
||||
},
|
||||
name: "Our Story", id: "story"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "shop",
|
||||
},
|
||||
name: "Shop", id: "shop"},
|
||||
{
|
||||
name: "Subscribe",
|
||||
id: "subscribe",
|
||||
},
|
||||
name: "Subscribe", id: "subscribe"},
|
||||
{
|
||||
name: "Find Us",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Find Us", id: "contact"},
|
||||
]}
|
||||
brandName="Brew Monkeys"
|
||||
button={{
|
||||
text: "Cart 🛒",
|
||||
}}
|
||||
text: "Cart 🛒"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -64,73 +53,39 @@ export default function LandingPage() {
|
||||
description="Three generations of craft in every cup."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahcoffee",
|
||||
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: "Sarah J.", handle: "@sarahcoffee", 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.",
|
||||
handle: "@mikemornings",
|
||||
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: "Mike R.", handle: "@mikemornings", 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.",
|
||||
handle: "@emmamusic",
|
||||
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: "Emma L.", handle: "@emmamusic", 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.",
|
||||
handle: "@davidt",
|
||||
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: "David T.", handle: "@davidt", 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.",
|
||||
handle: "@lindab",
|
||||
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",
|
||||
},
|
||||
name: "Linda B.", handle: "@lindab", 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={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#shop",
|
||||
},
|
||||
text: "Shop Now", href: "#shop"},
|
||||
{
|
||||
text: "Start Subscription",
|
||||
href: "#subscribe",
|
||||
},
|
||||
text: "Start Subscription", href: "#subscribe"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cup-with-milk-foam-christmas-tree-cinnamon-held-woman-s-arms_1304-3355.jpg"
|
||||
avatars={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -142,20 +97,11 @@ export default function LandingPage() {
|
||||
description="Our three core pillars define everything we roast and serve."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Ethically Sourced",
|
||||
content: "Direct trade relationships with family farms ensuring fair wages.",
|
||||
},
|
||||
id: "p1", title: "Ethically Sourced", content: "Direct trade relationships with family farms ensuring fair wages."},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Small-Batch Roasted",
|
||||
content: "Roasted weekly in micro-lots to ensure peak flavor profiles.",
|
||||
},
|
||||
id: "p2", title: "Small-Batch Roasted", content: "Roasted weekly in micro-lots to ensure peak flavor profiles."},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Fresh to Your Door",
|
||||
content: "Shipped within 24 hours of roasting to guarantee maximum freshness.",
|
||||
},
|
||||
id: "p3", 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"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -170,59 +116,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "coffee-1",
|
||||
brand: "Brew Monkeys",
|
||||
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-1", brand: "Brew Monkeys", 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",
|
||||
brand: "Brew Monkeys",
|
||||
name: "Morning Jungle Blend",
|
||||
price: "$19",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-bag_187299-47700.jpg",
|
||||
},
|
||||
id: "coffee-2", brand: "Brew Monkeys", 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",
|
||||
brand: "Brew Monkeys",
|
||||
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-3", brand: "Brew Monkeys", 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",
|
||||
brand: "Brew Monkeys",
|
||||
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-4", brand: "Brew Monkeys", 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",
|
||||
brand: "Brew Monkeys",
|
||||
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-5", brand: "Brew Monkeys", 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",
|
||||
brand: "Brew Monkeys",
|
||||
name: "Community Batch",
|
||||
price: "$20",
|
||||
rating: 4,
|
||||
reviewCount: "112",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bag-coffee-sitting-shelf_23-2151965914.jpg",
|
||||
},
|
||||
id: "coffee-6", brand: "Brew Monkeys", 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"
|
||||
description="Hand-selected beans for the perfect morning ritual."
|
||||
@@ -234,26 +144,18 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
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={[
|
||||
{
|
||||
text: "Read Our Full Story",
|
||||
href: "#",
|
||||
},
|
||||
text: "Read Our Full Story", href: "#"},
|
||||
]}
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "1987 Start",
|
||||
description: "The humble beginnings in a small garage.",
|
||||
},
|
||||
title: "2025 Start", description: "The humble beginnings in a small garage."},
|
||||
{
|
||||
title: "Direct Trade",
|
||||
description: "Ethical partnerships since the very beginning.",
|
||||
},
|
||||
title: "Direct Trade", description: "Ethical partnerships since the very beginning."},
|
||||
{
|
||||
title: "3 Generations",
|
||||
description: "Family passion passed down for decades.",
|
||||
},
|
||||
title: "3 Generations", 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"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -267,51 +169,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Popular",
|
||||
price: "$18/mo",
|
||||
subtitle: "Curious",
|
||||
features: [
|
||||
"1 bag per month",
|
||||
"Standard shipping",
|
||||
"Standard roasts",
|
||||
],
|
||||
id: "p1", badge: "Popular", price: "$18/mo", subtitle: "Curious", features: [
|
||||
"1 bag per month", "Standard shipping", "Standard roasts"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
},
|
||||
text: "Select Plan"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Best Value",
|
||||
price: "$34/mo",
|
||||
subtitle: "Devoted",
|
||||
features: [
|
||||
"2 bags per month",
|
||||
"Free shipping",
|
||||
"Member discounts",
|
||||
],
|
||||
id: "p2", badge: "Best Value", price: "$34/mo", subtitle: "Devoted", features: [
|
||||
"2 bags per month", "Free shipping", "Member discounts"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
},
|
||||
text: "Select Plan"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Pro",
|
||||
price: "$60/mo",
|
||||
subtitle: "Obsessed",
|
||||
features: [
|
||||
"4 bags per month",
|
||||
"Priority shipping",
|
||||
"Exclusive roasts",
|
||||
],
|
||||
id: "p3", badge: "Pro", price: "$60/mo", subtitle: "Obsessed", features: [
|
||||
"4 bags per month", "Priority shipping", "Exclusive roasts"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
},
|
||||
text: "Select Plan"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -325,14 +203,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"The Daily Grind",
|
||||
"Coffee Monthly",
|
||||
"Morning Brews",
|
||||
"Roasters Journal",
|
||||
"Bean & Leaf",
|
||||
"Local Foodie",
|
||||
"The Caffeine Fix",
|
||||
]}
|
||||
"The Daily Grind", "Coffee Monthly", "Morning Brews", "Roasters Journal", "Bean & Leaf", "Local Foodie", "The Caffeine Fix"]}
|
||||
title="Join the Troop"
|
||||
description="Our community loves every single batch."
|
||||
/>
|
||||
@@ -342,8 +213,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Keep in touch"
|
||||
title="Join the Troop"
|
||||
description="Get 10% off your first order by joining our newsletter."
|
||||
@@ -357,49 +227,34 @@ export default function LandingPage() {
|
||||
logoText="Brew Monkeys"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Roasts",
|
||||
href: "#",
|
||||
},
|
||||
label: "All Roasts", href: "#"},
|
||||
{
|
||||
label: "Subscriptions",
|
||||
href: "#",
|
||||
},
|
||||
label: "Subscriptions", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
label: "Our Story", href: "#"},
|
||||
{
|
||||
label: "Find Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "Find Us", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="Family owned since 1987"
|
||||
copyrightText="Family owned since 2025"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user