From 3e75f6ebc8543b0c80e6db53d754f70ce365c098 Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 26 Apr 2026 18:28:51 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 250 ++++++++++------------------------------------- 1 file changed, 52 insertions(+), 198 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 16b7374..2ee0c9d 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,26 +34,17 @@ export default function LandingPage() { @@ -63,36 +54,22 @@ export default function LandingPage() { description="The Coffee Bar Collective sources the finest beans globally, roasted daily to fuel your creativity and community connection." buttons={[ { - text: "Visit Us", - href: "#contact", - }, + text: "Visit Us", href: "#contact"}, { - text: "Browse Beans", - href: "#products", - }, + text: "Browse Beans", href: "#products"}, ]} - imageSrc="http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-delicious-coffee-cup_23-2148865585.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-delicious-coffee-cup_23-2148865585.jpg" avatars={[ { - src: "http://img.b2bpic.net/free-photo/low-angle-barista-pouring-coffee_23-2148523073.jpg", - alt: "Barista pouring", - }, + src: "http://img.b2bpic.net/free-photo/low-angle-barista-pouring-coffee_23-2148523073.jpg", alt: "Barista pouring"}, { - src: "http://img.b2bpic.net/free-photo/male-barista-preparing-coffee_23-2148824432.jpg", - alt: "Barista prepping", - }, + src: "http://img.b2bpic.net/free-photo/male-barista-preparing-coffee_23-2148824432.jpg", alt: "Barista prepping"}, { - src: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk_23-2148865575.jpg", - alt: "Hand pouring milk", - }, + src: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk_23-2148865575.jpg", alt: "Hand pouring milk"}, { - src: "http://img.b2bpic.net/free-photo/close-up-hands-preparing-coffee-with-milk_23-2148865586.jpg", - alt: "Hands prep", - }, + src: "http://img.b2bpic.net/free-photo/close-up-hands-preparing-coffee-with-milk_23-2148865586.jpg", alt: "Hands prep"}, { - src: "http://img.b2bpic.net/free-photo/machine-making-coffee_23-2148892815.jpg", - alt: "Coffee machine", - }, + src: "http://img.b2bpic.net/free-photo/machine-making-coffee_23-2148892815.jpg", alt: "Coffee machine"}, ]} avatarText="Join our 10,000+ daily enthusiasts" /> @@ -105,19 +82,13 @@ export default function LandingPage() { description="Founded by a group of passionate baristas, we aim to transform the coffee experience into a daily ritual of discovery." metrics={[ { - value: "12", - title: "Global Origins", - }, + value: "12", title: "Global Origins"}, { - value: "50+", - title: "Roast Profiles", - }, + value: "50+", title: "Roast Profiles"}, { - value: "10k", - title: "Cups Served", - }, + value: "10k", title: "Cups Served"}, ]} - imageSrc="http://img.b2bpic.net/free-photo/close-up-hands-with-coffee-beans_23-2148551565.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/close-up-hands-with-coffee-beans_23-2148551565.jpg" mediaAnimation="slide-up" metricsAnimation="blur-reveal" /> @@ -131,47 +102,17 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "p1", - name: "Ethiopian Yirgacheffe", - price: "$18.00", - variant: "Light Roast", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-barista-straining-coffee_23-2148824464.jpg?_wi=1", - }, + id: "p1", name: "Ethiopian Yirgacheffe", price: "$18.00", variant: "Light Roast", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-barista-straining-coffee_23-2148824464.jpg"}, { - id: "p2", - name: "Colombia Huila", - price: "$16.00", - variant: "Medium Roast", - imageSrc: "http://img.b2bpic.net/free-photo/coffee-maker-machine_23-2148937219.jpg", - }, + id: "p2", name: "Colombia Huila", price: "$16.00", variant: "Medium Roast", imageSrc: "http://img.b2bpic.net/free-photo/coffee-maker-machine_23-2148937219.jpg"}, { - id: "p3", - name: "Brazil Santos", - price: "$15.00", - variant: "Dark Roast", - imageSrc: "http://img.b2bpic.net/free-photo/male-barista-putting-coffee-filter_23-2148824412.jpg", - }, + id: "p3", name: "Brazil Santos", price: "$15.00", variant: "Dark Roast", imageSrc: "http://img.b2bpic.net/free-photo/male-barista-putting-coffee-filter_23-2148824412.jpg"}, { - id: "p4", - name: "Sumatra Mandheling", - price: "$19.00", - variant: "Bold Roast", - imageSrc: "http://img.b2bpic.net/free-photo/man-orange-coat-holding-cup-coffee_23-2148448908.jpg", - }, + id: "p4", name: "Sumatra Mandheling", price: "$19.00", variant: "Bold Roast", imageSrc: "http://img.b2bpic.net/free-photo/man-orange-coat-holding-cup-coffee_23-2148448908.jpg"}, { - id: "p5", - name: "Guatemala Antigua", - price: "$17.00", - variant: "Balanced Roast", - imageSrc: "http://img.b2bpic.net/free-photo/assortment-with-coffee-machine_23-2148551571.jpg", - }, + id: "p5", name: "Guatemala Antigua", price: "$17.00", variant: "Balanced Roast", imageSrc: "http://img.b2bpic.net/free-photo/assortment-with-coffee-machine_23-2148551571.jpg"}, { - id: "p6", - name: "Kenya AA", - price: "$20.00", - variant: "Bright Roast", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-with-reusable-thermos_23-2149149961.jpg", - }, + id: "p6", name: "Kenya AA", price: "$20.00", variant: "Bright Roast", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-with-reusable-thermos_23-2149149961.jpg"}, ]} title="Our Signature Blends" description="Carefully curated beans for every palate." @@ -185,49 +126,31 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Ethical Sourcing", - description: "Direct trade ensures farmers get their due.", - icon: CheckCircle, + title: "Ethical Sourcing", description: "Direct trade ensures farmers get their due.", icon: CheckCircle, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-filter-coffee-brewing-kit-kettle-cafe-barista-preparing-filter-counter_1258-133337.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-filter-coffee-brewing-kit-kettle-cafe-barista-preparing-filter-counter_1258-133337.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/low-angle-male-barista-putting-coffee-filter_23-2148824413.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/low-angle-male-barista-putting-coffee-filter_23-2148824413.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-delicious-coffee-cup_23-2148865585.jpg?_wi=2", - imageAlt: "specialty coffee drip brewing setup", }, { - title: "Precision Roasting", - description: "Small batches for maximum flavor.", - icon: Sparkles, + title: "Precision Roasting", description: "Small batches for maximum flavor.", icon: Sparkles, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937220.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937220.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-person-making-drip-coffee_53876-20644.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-person-making-drip-coffee_53876-20644.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-with-coffee-beans_23-2148551565.jpg?_wi=2", - imageAlt: "specialty coffee drip brewing setup", }, { - title: "Community Focus", - description: "A space for gatherings and innovation.", - icon: Shield, + title: "Community Focus", description: "A space for gatherings and innovation.", icon: Shield, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-aeropress_176420-14737.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-aeropress_176420-14737.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/male-barista-pouring-boiling-water-coffee-filter_23-2148824409.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/male-barista-pouring-boiling-water-coffee-filter_23-2148824409.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-barista-straining-coffee_23-2148824464.jpg?_wi=2", - imageAlt: "specialty coffee drip brewing setup", }, ]} title="Why Collective Coffee?" @@ -242,26 +165,11 @@ export default function LandingPage() { useInvertedBackground={false} metrics={[ { - id: "m1", - value: "100%", - title: "Organic Certified", - description: "Clean coffee only.", - imageSrc: "http://img.b2bpic.net/free-photo/man-making-drip-fresh-coffee-vintage-coffee-shop_1150-14509.jpg", - }, + id: "m1", value: "100%", title: "Organic Certified", description: "Clean coffee only.", imageSrc: "http://img.b2bpic.net/free-photo/man-making-drip-fresh-coffee-vintage-coffee-shop_1150-14509.jpg"}, { - id: "m2", - value: "5k+", - title: "Local Supporters", - description: "Building the neighborhood.", - imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-pour_176420-14715.jpg", - }, + id: "m2", value: "5k+", title: "Local Supporters", description: "Building the neighborhood.", imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-pour_176420-14715.jpg"}, { - id: "m3", - value: "24/7", - title: "Knowledge Access", - description: "Coffee education for all.", - imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-pour_176420-14730.jpg", - }, + id: "m3", value: "24/7", title: "Knowledge Access", description: "Coffee education for all.", imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-pour_176420-14730.jpg"}, ]} title="Community Impact" description="The numbers behind our mission." @@ -275,40 +183,15 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "t1", - name: "Jane Doe", - handle: "@jane_coffee", - testimonial: "The best roast in the city, hands down.", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-woman-sitting-couch-home-with-cup-tea_1098-18657.jpg", - }, + id: "t1", name: "Jane Doe", handle: "@jane_coffee", testimonial: "The best roast in the city, hands down.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-woman-sitting-couch-home-with-cup-tea_1098-18657.jpg"}, { - id: "t2", - name: "John Smith", - handle: "@jsmith", - testimonial: "A cornerstone of my morning routine.", - imageSrc: "http://img.b2bpic.net/free-photo/man-apron-posing-with-coffee-machine-component_23-2148366661.jpg", - }, + id: "t2", name: "John Smith", handle: "@jsmith", testimonial: "A cornerstone of my morning routine.", imageSrc: "http://img.b2bpic.net/free-photo/man-apron-posing-with-coffee-machine-component_23-2148366661.jpg"}, { - id: "t3", - name: "Alice Wang", - handle: "@awang", - testimonial: "Exceptional service and friendly staff.", - imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-sitting-desk-medium-shot_23-2149308472.jpg", - }, + id: "t3", name: "Alice Wang", handle: "@awang", testimonial: "Exceptional service and friendly staff.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-sitting-desk-medium-shot_23-2149308472.jpg"}, { - id: "t4", - name: "Bob Brown", - handle: "@bbrown", - testimonial: "I love the community vibe here.", - imageSrc: "http://img.b2bpic.net/free-photo/cafe-leisure-lifestyle-concept-portrait-handsome-young-man-sits-chair-with-glass-coffee-drinks-his-beverage-smiling_1258-314462.jpg", - }, + id: "t4", name: "Bob Brown", handle: "@bbrown", testimonial: "I love the community vibe here.", imageSrc: "http://img.b2bpic.net/free-photo/cafe-leisure-lifestyle-concept-portrait-handsome-young-man-sits-chair-with-glass-coffee-drinks-his-beverage-smiling_1258-314462.jpg"}, { - id: "t5", - name: "Charlie Day", - handle: "@cday", - testimonial: "Their beans are incredibly fresh.", - imageSrc: "http://img.b2bpic.net/free-photo/this-drink-can-helping-me-survive-all-day_329181-1284.jpg", - }, + id: "t5", name: "Charlie Day", handle: "@cday", testimonial: "Their beans are incredibly fresh.", imageSrc: "http://img.b2bpic.net/free-photo/this-drink-can-helping-me-survive-all-day_329181-1284.jpg"}, ]} title="Loved by Our Community" description="What our daily visitors are saying." @@ -320,14 +203,7 @@ export default function LandingPage() { textboxLayout="split" useInvertedBackground={false} names={[ - "BeanSource", - "RoastMasters", - "BrewGlobal", - "FlavorOrigin", - "SustainableCups", - "LocalRoasts", - "CoffeeInnovate", - ]} + "BeanSource", "RoastMasters", "BrewGlobal", "FlavorOrigin", "SustainableCups", "LocalRoasts", "CoffeeInnovate"]} title="Our Partners" description="Working with the best in the industry." /> @@ -339,20 +215,11 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "f1", - title: "Do you offer subscription?", - content: "Yes, we offer weekly, bi-weekly, and monthly subscriptions.", - }, + id: "f1", title: "Do you offer subscription?", content: "Yes, we offer weekly, bi-weekly, and monthly subscriptions."}, { - id: "f2", - title: "Are your beans Fair Trade?", - content: "We only partner with growers who meet high ethical standards.", - }, + id: "f2", title: "Are your beans Fair Trade?", content: "We only partner with growers who meet high ethical standards."}, { - id: "f3", - title: "Can I pick up in-store?", - content: "Absolutely, just select 'In-store Pickup' at checkout.", - }, + id: "f3", title: "Can I pick up in-store?", content: "Absolutely, just select 'In-store Pickup' at checkout."}, ]} title="Common Questions" description="Everything you need to know about our beans." @@ -364,16 +231,13 @@ export default function LandingPage() { @@ -382,29 +246,19 @@ export default function LandingPage() {