Merge version_1 into main #2
250
src/app/page.tsx
250
src/app/page.tsx
@@ -34,26 +34,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Offerings",
|
||||
id: "products",
|
||||
},
|
||||
name: "Offerings", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="CBC"
|
||||
button={{
|
||||
text: "Order Online",
|
||||
}}
|
||||
text: "Order Online"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -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() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in touch"
|
||||
title="Ready for your next cup?"
|
||||
description="Join the collective and start your coffee journey today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -382,29 +246,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Collective",
|
||||
items: [
|
||||
title: "Collective", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user