Update src/app/page.tsx
This commit is contained in:
211
src/app/page.tsx
211
src/app/page.tsx
@@ -33,26 +33,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Coffee",
|
||||
id: "beans",
|
||||
},
|
||||
{
|
||||
name: "Methods",
|
||||
id: "methods",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Coffee", id: "beans" },
|
||||
{ name: "Methods", id: "methods" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Plearn Specialty Coffee"
|
||||
/>
|
||||
@@ -63,16 +48,10 @@ export default function LandingPage() {
|
||||
logoText="Plearn Specialty Coffee"
|
||||
description="Artisanal coffee crafted with intention. Discover unique origins, precise roasting profiles, and the perfect brew in every cup."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Coffee",
|
||||
href: "#beans",
|
||||
},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Explore Coffee", href: "#beans" },
|
||||
{ text: "Visit Us", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-shop-making-coffee-equipment_23-2148366541.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-shop-making-coffee-equipment_23-2148366541.jpg"
|
||||
imageAlt="specialty coffee pour over slow motion"
|
||||
/>
|
||||
</div>
|
||||
@@ -85,7 +64,7 @@ export default function LandingPage() {
|
||||
description="We believe coffee is more than just a morning ritual; it's a journey of flavor, culture, and community. We source our beans through direct trade, ensuring every farmer is supported while every roast captures the true essence of the origin."
|
||||
subdescription="Our roasting process is guided by science but driven by passion. Each small batch is roasted to highlight the inherent notes, from delicate florals to deep, rich chocolates."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-paper-bag-with-roasted-coffee-beans-lights-isolated-white-background_181624-60278.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-paper-bag-with-roasted-coffee-beans-lights-isolated-white-background_181624-60278.jpg"
|
||||
imageAlt="coffee beans origin plantation"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -98,28 +77,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "V60 Pour Over",
|
||||
description: "Crisp, clean, and full of nuance.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Droplets,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-pour_176420-14719.jpg",
|
||||
imageAlt: "v60 brewing process equipment",
|
||||
title: "V60 Pour Over", description: "Crisp, clean, and full of nuance.", bentoComponent: "reveal-icon", icon: Droplets
|
||||
},
|
||||
{
|
||||
title: "Precision Espresso",
|
||||
description: "Rich, intense, and syrupy body.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-making-coffee-equipment_23-2148366541.jpg?_wi=2",
|
||||
imageAlt: "v60 brewing process equipment",
|
||||
title: "Precision Espresso", description: "Rich, intense, and syrupy body.", bentoComponent: "reveal-icon", icon: Zap
|
||||
},
|
||||
{
|
||||
title: "Cold Brew",
|
||||
description: "Smooth, low-acidity, and refreshing.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Flame,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-paper-bag-with-roasted-coffee-beans-lights-isolated-white-background_181624-60278.jpg?_wi=2",
|
||||
imageAlt: "v60 brewing process equipment",
|
||||
title: "Cold Brew", description: "Smooth, low-acidity, and refreshing.", bentoComponent: "reveal-icon", icon: Flame
|
||||
},
|
||||
]}
|
||||
title="Precision Brewing Methods"
|
||||
@@ -132,43 +96,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "bean-1",
|
||||
name: "Ethiopian Yirgacheffe",
|
||||
price: "$22.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-coffee-beans_53876-41429.jpg",
|
||||
},
|
||||
id: "bean-1", name: "Ethiopian Yirgacheffe", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/assortment-coffee-beans_53876-41429.jpg"},
|
||||
{
|
||||
id: "bean-2",
|
||||
name: "Colombian Huila",
|
||||
price: "$19.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg",
|
||||
},
|
||||
id: "bean-2", name: "Colombian Huila", price: "$19.00", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg"},
|
||||
{
|
||||
id: "bean-3",
|
||||
name: "Sumatra Mandheling",
|
||||
price: "$20.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-beans-cup-cutting-board_23-2148759290.jpg",
|
||||
},
|
||||
{
|
||||
id: "bean-4",
|
||||
name: "Peruvian Organic",
|
||||
price: "$18.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-bag-beans-white-table_23-2151989767.jpg",
|
||||
},
|
||||
{
|
||||
id: "bean-5",
|
||||
name: "Brazilian Cerrado",
|
||||
price: "$17.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-shop-caffeine-concept_53876-14304.jpg",
|
||||
},
|
||||
{
|
||||
id: "bean-6",
|
||||
name: "Indonesian Blend",
|
||||
price: "$21.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-powder-wooden-spoons_114579-20014.jpg",
|
||||
},
|
||||
id: "bean-3", name: "Sumatra Mandheling", price: "$20.00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-beans-cup-cutting-board_23-2148759290.jpg"},
|
||||
]}
|
||||
title="Signature Beans Collection"
|
||||
description="Roasted to order and shipped to your door, from our local roastery to your kitchen."
|
||||
@@ -183,25 +118,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Origin Countries",
|
||||
description: "Ethically sourced relationships",
|
||||
icon: Globe,
|
||||
id: "m1", value: "15+", title: "Origin Countries", description: "Ethically sourced relationships", icon: Globe,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
title: "Cups Brewed Daily",
|
||||
description: "Shared moments of Plearn",
|
||||
icon: Coffee,
|
||||
id: "m2", value: "5k+", title: "Cups Brewed Daily", description: "Shared moments of Plearn", icon: Coffee,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24",
|
||||
title: "Hours Roast Fresh",
|
||||
description: "Optimal flavor extraction",
|
||||
icon: Clock,
|
||||
id: "m3", value: "24", title: "Hours Roast Fresh", description: "Optimal flavor extraction", icon: Clock,
|
||||
},
|
||||
]}
|
||||
title="Coffee in Numbers"
|
||||
@@ -216,40 +139,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Designer",
|
||||
testimonial: "The best coffee I've ever had in my life. The Yirgacheffe notes are incredible.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285289.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", role: "Designer", testimonial: "The best coffee I've ever had in my life. The Yirgacheffe notes are incredible.", imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285289.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael K.",
|
||||
role: "Tech Lead",
|
||||
testimonial: "Finally, a place that takes their roast profiles as seriously as I take my code.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-elegant-cozy-office-space_23-2149548679.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
role: "Teacher",
|
||||
testimonial: "My morning ritual is incomplete without Plearn's smooth cold brew.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-offering-two-cups-coffee-white_114579-76713.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
role: "Architect",
|
||||
testimonial: "Exceptional clarity in their pour-overs. It's truly a craft and an art form.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smelling-coffee-drinking-morning-cup-bed-waking-up_1258-204251.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anna P.",
|
||||
role: "Freelancer",
|
||||
testimonial: "Found my forever bean subscription here. Consistently perfect roast every single time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-blanket-drinking-coffee-while-admiring-sunset_23-2148647994.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael K.", role: "Tech Lead", testimonial: "Finally, a place that takes their roast profiles as seriously as I take my code.", imageSrc: "http://img.b2bpic.net/free-photo/people-working-elegant-cozy-office-space_23-2149548679.jpg"},
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Heartfelt feedback from those who start their day with Plearn."
|
||||
@@ -261,14 +153,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Sustainable Beans",
|
||||
"Roaster Guild",
|
||||
"Fair Trade Intl",
|
||||
"Craft Brew Society",
|
||||
"Artisan Lab",
|
||||
"Coffee Excellence",
|
||||
"Global Quality",
|
||||
]}
|
||||
"Sustainable Beans", "Roaster Guild", "Fair Trade Intl", "Craft Brew Society"]}
|
||||
title="Proud Partners"
|
||||
description="Collaborating with local roasters and ethical farms to elevate the craft."
|
||||
/>
|
||||
@@ -280,20 +165,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Where do your beans come from?",
|
||||
content: "We source primarily from small-scale farms in Ethiopia, Colombia, and Sumatra.",
|
||||
},
|
||||
id: "q1", title: "Where do your beans come from?", content: "We source primarily from small-scale farms in Ethiopia, Colombia, and Sumatra."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer subscriptions?",
|
||||
content: "Yes, subscribe and save 15% on monthly bean deliveries tailored to your taste profile.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is the coffee ethically traded?",
|
||||
content: "Absolutely. We pay well above fair trade prices to ensure sustainability and support local families.",
|
||||
},
|
||||
id: "q2", title: "Do you offer subscriptions?", content: "Yes, subscribe and save 15% on monthly bean deliveries tailored to your taste profile."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our sourcing and brewing process."
|
||||
@@ -305,8 +179,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
tag="Get in Touch"
|
||||
title="Join Our Coffee Community"
|
||||
description="Subscribe for weekly brewing tips, specialty release alerts, and exclusive event invitations."
|
||||
@@ -318,38 +191,8 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop Beans",
|
||||
href: "#beans",
|
||||
},
|
||||
{
|
||||
label: "Brewing Methods",
|
||||
href: "#methods",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Shop Beans", href: "#beans" },
|
||||
{ label: "Brewing Methods", href: "#methods" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user