Merge version_1 into main #1
238
src/app/page.tsx
238
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Roastery",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Beans",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Community",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{ name: "Roastery", id: "#about" },
|
||||
{ name: "Beans", id: "#products" },
|
||||
{ name: "Experience", id: "#features" },
|
||||
{ name: "Community", id: "#testimonials" }
|
||||
]}
|
||||
brandName="Terrible Love"
|
||||
/>
|
||||
@@ -54,17 +42,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Terrible Love Coffee"
|
||||
description="Coffee Crafted in Three Dimensions. Explore our roastery, discover single origins, and experience specialty coffee like never before. Every bean tells a story."
|
||||
buttons={[
|
||||
{
|
||||
text: "Enter the Roastery",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Enter the Roastery", href: "#about" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-coffee-beans-grinder_53876-165382.jpg"
|
||||
imageAlt="Coffee beans falling"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -78,18 +59,9 @@ export default function LandingPage() {
|
||||
title="The Roastery Craft"
|
||||
description="We believe in the beauty of the roast. Our roastery is a space of precision and passion, where we transform raw green beans into complex, aromatic experiences. Join us in the three-dimensional journey from farm to cup."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Precision Roasting",
|
||||
description: "Micro-batch roasting that highlights inherent origin characteristics.",
|
||||
},
|
||||
{
|
||||
title: "Ethical Sourcing",
|
||||
description: "Long-term relationships with farmers ensuring fair trade and quality.",
|
||||
},
|
||||
{
|
||||
title: "Immersive Discovery",
|
||||
description: "A sensory journey that connects you to the origins of your coffee.",
|
||||
},
|
||||
{ title: "Precision Roasting", description: "Micro-batch roasting that highlights inherent origin characteristics." },
|
||||
{ title: "Ethical Sourcing", description: "Long-term relationships with farmers ensuring fair trade and quality." },
|
||||
{ title: "Immersive Discovery", description: "A sensory journey that connects you to the origins of your coffee." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-coffee-beans-container_23-2148523093.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -103,21 +75,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Sensory Exploration",
|
||||
description: "Interactive notes on every brew profile.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-roasted-coffee-beans_23-2151083809.jpg",
|
||||
},
|
||||
{
|
||||
title: "Virtual Roasting Tours",
|
||||
description: "Step into our process through 3D visual storytelling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-with-coffee-beans-coffee-beans-that-are-dried_1150-5756.jpg",
|
||||
},
|
||||
{
|
||||
title: "Traceable Origins",
|
||||
description: "Know the altitude, soil, and producer of your beans.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-brown-coffee-seeds-boys-hands_179666-890.jpg",
|
||||
},
|
||||
{ title: "Sensory Exploration", description: "Interactive notes on every brew profile.", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-roasted-coffee-beans_23-2151083809.jpg" },
|
||||
{ title: "Virtual Roasting Tours", description: "Step into our process through 3D visual storytelling.", imageSrc: "http://img.b2bpic.net/free-photo/hands-with-coffee-beans-coffee-beans-that-are-dried_1150-5756.jpg" },
|
||||
{ title: "Traceable Origins", description: "Know the altitude, soil, and producer of your beans.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-brown-coffee-seeds-boys-hands_179666-890.jpg" }
|
||||
]}
|
||||
title="Experience the Difference"
|
||||
description="We blend technology and craftsmanship to bring you closer to the source."
|
||||
@@ -126,46 +86,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ethiopian Yirgacheffe",
|
||||
price: "$22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-with-foam-table_23-2149514321.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Colombian Huila",
|
||||
price: "$20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-colored-coffee-bag-displayed-wooden-table-coffee-shop_23-2151965917.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sumatran Mandheling",
|
||||
price: "$24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-coffee-beans-cup_23-2148759288.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kenyan AA",
|
||||
price: "$26",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clean-white-paper-bags-with-coffee-cup-table_9975-134629.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Costa Rican Tarrazu",
|
||||
price: "$23",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-bottle-arrangement_23-2149600691.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Brazilian Cerrado",
|
||||
price: "$21",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-black-can-with-coffee-beans-wooden-surface_181624-22719.jpg",
|
||||
},
|
||||
{ id: "1", name: "Ethiopian Yirgacheffe", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-with-foam-table_23-2149514321.jpg" },
|
||||
{ id: "2", name: "Colombian Huila", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/gold-colored-coffee-bag-displayed-wooden-table-coffee-shop_23-2151965917.jpg" },
|
||||
{ id: "3", name: "Sumatran Mandheling", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/front-view-coffee-beans-cup_23-2148759288.jpg" },
|
||||
{ id: "4", name: "Kenyan AA", price: "$26", imageSrc: "http://img.b2bpic.net/free-photo/clean-white-paper-bags-with-coffee-cup-table_9975-134629.jpg" },
|
||||
{ id: "5", name: "Costa Rican Tarrazu", price: "$23", imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-bottle-arrangement_23-2149600691.jpg" },
|
||||
{ id: "6", name: "Brazilian Cerrado", price: "$21", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-black-can-with-coffee-beans-wooden-surface_181624-22719.jpg" }
|
||||
]}
|
||||
title="Single Origin Collection"
|
||||
description="Discover our limited release beans, curated for discerning palates."
|
||||
@@ -178,27 +109,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15",
|
||||
title: "Origin Countries",
|
||||
description: "Supporting diverse farming communities globally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/earth-day-environment-eco-concept-isolated-white-background_185193-110630.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200+",
|
||||
title: "Direct Farmers",
|
||||
description: "Building sustainable partnerships for quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artificial-leaves-paper-cut-style-green-rose_23-2148301096.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Ethically Sourced",
|
||||
description: "Transparency from farm to your cup.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-environment-project-scene_23-2148895998.jpg",
|
||||
},
|
||||
{ id: "m1", value: "15", title: "Origin Countries", description: "Supporting diverse farming communities globally.", imageSrc: "http://img.b2bpic.net/free-photo/earth-day-environment-eco-concept-isolated-white-background_185193-110630.jpg" },
|
||||
{ id: "m2", value: "200+", title: "Direct Farmers", description: "Building sustainable partnerships for quality.", imageSrc: "http://img.b2bpic.net/free-photo/artificial-leaves-paper-cut-style-green-rose_23-2148301096.jpg" },
|
||||
{ id: "m3", value: "100%", title: "Ethically Sourced", description: "Transparency from farm to your cup.", imageSrc: "http://img.b2bpic.net/free-photo/3d-environment-project-scene_23-2148895998.jpg" }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Transparency and ethics define every roast we touch."
|
||||
@@ -211,41 +124,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
handle: "@coffeeaddict",
|
||||
testimonial: "The immersive roasting journey is like nothing else I've experienced.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204698.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jamie L.",
|
||||
handle: "@brewinglife",
|
||||
testimonial: "Truly the best ethically sourced beans I've ever tasted.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-attractive-positive-woman-having-coffee_1262-881.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah K.",
|
||||
handle: "@dailybrew",
|
||||
testimonial: "Terrible Love brings coffee culture to life online.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215054.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark D.",
|
||||
handle: "@beanenthusiast",
|
||||
testimonial: "I appreciate the transparency about where my beans come from.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outside-portrait-charming-pretty-lady-with-brown-hair-wearing-white-sweater-scarf-drinking-coffee-street-lights_291650-1375.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily V.",
|
||||
handle: "@roastfinder",
|
||||
testimonial: "An incredible experience from discovery to the first sip.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-woman-holding-mug-looking-camera_1262-15222.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alex R.", handle: "@coffeeaddict", testimonial: "The immersive roasting journey is like nothing else I've experienced.", imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204698.jpg" },
|
||||
{ id: "2", name: "Jamie L.", handle: "@brewinglife", testimonial: "Truly the best ethically sourced beans I've ever tasted.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-attractive-positive-woman-having-coffee_1262-881.jpg" },
|
||||
{ id: "3", name: "Sarah K.", handle: "@dailybrew", testimonial: "Terrible Love brings coffee culture to life online.", imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215054.jpg" },
|
||||
{ id: "4", name: "Mark D.", handle: "@beanenthusiast", testimonial: "I appreciate the transparency about where my beans come from.", imageSrc: "http://img.b2bpic.net/free-photo/outside-portrait-charming-pretty-lady-with-brown-hair-wearing-white-sweater-scarf-drinking-coffee-street-lights_291650-1375.jpg" },
|
||||
{ id: "5", name: "Emily V.", handle: "@roastfinder", testimonial: "An incredible experience from discovery to the first sip.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-woman-holding-mug-looking-camera_1262-15222.jpg" }
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="Join our growing family of specialty coffee lovers."
|
||||
@@ -256,21 +139,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do you source beans?",
|
||||
content: "We work directly with small-scale farmers prioritizing ethical standards.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How often do you roast?",
|
||||
content: "We roast in micro-batches every Tuesday to ensure maximum freshness.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I subscribe?",
|
||||
content: "Yes, join our coffee club for regular deliveries to your doorstep.",
|
||||
},
|
||||
{ id: "f1", title: "How do you source beans?", content: "We work directly with small-scale farmers prioritizing ethical standards." },
|
||||
{ id: "f2", title: "How often do you roast?", content: "We roast in micro-batches every Tuesday to ensure maximum freshness." },
|
||||
{ id: "f3", title: "Can I subscribe?", content: "Yes, join our coffee club for regular deliveries to your doorstep." }
|
||||
]}
|
||||
sideTitle="Questions? Brew away."
|
||||
faqsAnimation="slide-up"
|
||||
@@ -280,16 +151,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
text="Have a question about our roastery or need help choosing the perfect origin? We're here to talk coffee anytime."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@terriblelove.coffee",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@terriblelove.coffee" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -298,44 +162,14 @@ export default function LandingPage() {
|
||||
logoText="Terrible Love"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Origins",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Subscriptions",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Shop", items: [{ label: "Origins", href: "#products" }, { label: "Subscriptions", href: "#" }]
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
{
|
||||
label: "Our Roastery",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Impact",
|
||||
href: "#metrics",
|
||||
},
|
||||
],
|
||||
title: "Community", items: [{ label: "Our Roastery", href: "#about" }, { label: "Impact", href: "#metrics" }]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Legal", items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Terrible Love Coffee."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user