Merge version_1_1782168472088 into main #2
@@ -7,34 +7,13 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
|
||||
|
||||
export default function Layout() {
|
||||
const navItems = [
|
||||
{
|
||||
"name": "About",
|
||||
"href": "#about"
|
||||
},
|
||||
{
|
||||
"name": "Coffee",
|
||||
"href": "#menu"
|
||||
},
|
||||
{
|
||||
"name": "Story",
|
||||
"href": "#story"
|
||||
},
|
||||
{
|
||||
"name": "Visit",
|
||||
"href": "#contact"
|
||||
},
|
||||
{
|
||||
"name": "Hero",
|
||||
"href": "#hero"
|
||||
},
|
||||
{
|
||||
"name": "Features",
|
||||
"href": "#features"
|
||||
},
|
||||
{
|
||||
"name": "Testimonials",
|
||||
"href": "#testimonials"
|
||||
}
|
||||
{ name: "About", href: "#about" },
|
||||
{ name: "Coffee", href: "#menu" },
|
||||
{ name: "Story", href: "#story" },
|
||||
{ name: "Visit", href: "#contact" },
|
||||
{ name: "Hero", href: "#hero" },
|
||||
{ name: "Features", href: "#features" },
|
||||
{ name: "Testimonials", href: "#testimonials" }
|
||||
];
|
||||
|
||||
return (
|
||||
@@ -43,10 +22,9 @@ export default function Layout() {
|
||||
<SectionErrorBoundary name="navbar">
|
||||
<NavbarFloatingLogo
|
||||
logo="Bean & Brew"
|
||||
logoImageSrc="https://storage.googleapis.com/webild/default/no-image.jpg?id=0k8fbv"
|
||||
ctaButton={{
|
||||
text: "Order Online",
|
||||
href: "#order",
|
||||
}}
|
||||
text: "Order Online", href: "#order"}}
|
||||
navItems={navItems} />
|
||||
</SectionErrorBoundary>
|
||||
<main className="flex-grow">
|
||||
@@ -57,62 +35,32 @@ export default function Layout() {
|
||||
brand="Bean & Brew"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
title: "Social", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Twitter", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyright="© 2024 Bean & Brew. All rights reserved."
|
||||
links={[
|
||||
{
|
||||
label: "Accessibility",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Policy",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Accessibility", href: "#" },
|
||||
{ label: "Policy", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</StyleProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -19,14 +19,10 @@ export default function HomePage() {
|
||||
title="Experience the Art of Coffee"
|
||||
description="Crafted from ethically sourced, premium beans to create the perfect morning ritual."
|
||||
primaryButton={{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
}}
|
||||
text: "View Menu", href: "#menu"}}
|
||||
secondaryButton={{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104748.jpg?_wi=1"
|
||||
text: "Visit Us", href: "#contact"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104748.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
@@ -39,22 +35,13 @@ export default function HomePage() {
|
||||
description="We believe in transparency from farm to cup. Our roasting process honors the natural profile of every harvest."
|
||||
items={[
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "Single Origin",
|
||||
description: "Hand-selected from small-lot farmers.",
|
||||
},
|
||||
icon: "Coffee", title: "Single Origin", description: "Hand-selected from small-lot farmers."},
|
||||
{
|
||||
icon: Flame,
|
||||
title: "Small Batch Roast",
|
||||
description: "Roasted daily for maximum freshness.",
|
||||
},
|
||||
icon: "Flame", title: "Small Batch Roast", description: "Roasted daily for maximum freshness."},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Artisanal Method",
|
||||
description: "Expert baristas perfect every pour.",
|
||||
},
|
||||
icon: "Award", title: "Artisanal Method", description: "Expert baristas perfect every pour."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-hands-holding-coffee-beans-flat-lay-grungy-grey-background_176474-64299.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-hands-holding-coffee-beans-flat-lay-grungy-grey-background_176474-64299.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
@@ -67,79 +54,34 @@ export default function HomePage() {
|
||||
description="Excellence is not an act, but a habit of meticulous preparation."
|
||||
features={[
|
||||
{
|
||||
title: "Bean Sourcing",
|
||||
description: "Sustainable partnerships globally.",
|
||||
bentoComponent: "info-card-marquee",
|
||||
infoCards: [
|
||||
title: "Bean Sourcing", description: "Sustainable partnerships globally.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Origins",
|
||||
value: "12+",
|
||||
},
|
||||
icon: "Globe", label: "Origins", value: "12+"},
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Organic",
|
||||
value: "100%",
|
||||
},
|
||||
icon: "Leaf", label: "Organic", value: "100%"},
|
||||
{
|
||||
icon: Truck,
|
||||
label: "Ethical",
|
||||
value: "Direct",
|
||||
},
|
||||
icon: "Truck", label: "Ethical", value: "Direct"},
|
||||
],
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=0k8fbv",
|
||||
imageAlt: "minimalist coffee bean logo design",
|
||||
},
|
||||
{
|
||||
title: "Coffee Quality",
|
||||
description: "Strict quality control protocols.",
|
||||
bentoComponent: "checklist-timeline",
|
||||
heading: "QC Protocols",
|
||||
subheading: "Standards met",
|
||||
checklistItems: [
|
||||
title: "Coffee Quality", description: "Strict quality control protocols.", bentoComponent: "checklist-timeline", heading: "QC Protocols", subheading: "Standards met", checklistItems: [
|
||||
{
|
||||
label: "Cupping",
|
||||
detail: "Certified judges",
|
||||
},
|
||||
label: "Cupping", detail: "Certified judges"},
|
||||
{
|
||||
label: "Roasting",
|
||||
detail: "Temperature locked",
|
||||
},
|
||||
label: "Roasting", detail: "Temperature locked"},
|
||||
{
|
||||
label: "Brewing",
|
||||
detail: "Ratio perfect",
|
||||
},
|
||||
label: "Brewing", detail: "Ratio perfect"},
|
||||
],
|
||||
completedLabel: "Approved",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104748.jpg?_wi=2",
|
||||
imageAlt: "minimalist coffee bean logo design",
|
||||
},
|
||||
completedLabel: "Approved"},
|
||||
{
|
||||
title: "Our Baristas",
|
||||
description: "Expertise in every pour.",
|
||||
bentoComponent: "tilted-stack-cards",
|
||||
stackCards: [
|
||||
title: "Our Baristas", description: "Expertise in every pour.", bentoComponent: "tilted-stack-cards", stackCards: [
|
||||
{
|
||||
icon: Award,
|
||||
title: "Certified",
|
||||
subtitle: "Level 1",
|
||||
detail: "Q-Grader",
|
||||
},
|
||||
icon: "Award", title: "Certified", subtitle: "Level 1", detail: "Q-Grader"},
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "Master",
|
||||
subtitle: "Level 2",
|
||||
detail: "Trainer",
|
||||
},
|
||||
icon: "Coffee", title: "Master", subtitle: "Level 2", detail: "Trainer"},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Pro",
|
||||
subtitle: "Level 3",
|
||||
detail: "Champion",
|
||||
},
|
||||
icon: "Star", title: "Pro", subtitle: "Level 3", detail: "Champion"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hands-holding-coffee-beans-flat-lay-grungy-grey-background_176474-64299.jpg?_wi=2",
|
||||
imageAlt: "minimalist coffee bean logo design",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -153,41 +95,13 @@ export default function HomePage() {
|
||||
title="Curated Experiences"
|
||||
description="Discover our signature roasts and paired artisan pastries."
|
||||
items={[
|
||||
{
|
||||
title: "Signature Espresso",
|
||||
description: "Full-bodied chocolate notes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-milk-coffee-with-wooden-background_23-2148251668.jpg",
|
||||
},
|
||||
{
|
||||
title: "Flaky Croissant",
|
||||
description: "French butter perfection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pastry-black-board-with-cloth_114579-88111.jpg",
|
||||
},
|
||||
{
|
||||
title: "Cold Brew",
|
||||
description: "Steeped for 24 hours.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-cafe-food-old-background_1339-66.jpg",
|
||||
},
|
||||
{
|
||||
title: "Origin Beans",
|
||||
description: "Home brewing perfection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-dried-food-market-place_23-2148648929.jpg",
|
||||
},
|
||||
{
|
||||
title: "Matcha Latte",
|
||||
description: "Premium ceremonial grade.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-oatmeal-bowl-with-raspberries-wooden-tray_23-2147916199.jpg",
|
||||
},
|
||||
{
|
||||
title: "Brewing Tools",
|
||||
description: "Professional quality kits.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/making-drip-coffee-vintage-coffee-shop_1150-14513.jpg",
|
||||
},
|
||||
{
|
||||
title: "Blueberry Muffin",
|
||||
description: "Baked fresh every dawn.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-muffin-with-blueberries_23-2148718775.jpg",
|
||||
},
|
||||
{ title: "Signature Espresso", description: "Full-bodied chocolate notes.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-milk-coffee-with-wooden-background_23-2148251668.jpg" },
|
||||
{ title: "Flaky Croissant", description: "French butter perfection.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pastry-black-board-with-cloth_114579-88111.jpg" },
|
||||
{ title: "Cold Brew", description: "Steeped for 24 hours.", imageSrc: "http://img.b2bpic.net/free-photo/black-cafe-food-old-background_1339-66.jpg" },
|
||||
{ title: "Origin Beans", description: "Home brewing perfection.", imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-dried-food-market-place_23-2148648929.jpg" },
|
||||
{ title: "Matcha Latte", description: "Premium ceremonial grade.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-oatmeal-bowl-with-raspberries-wooden-tray_23-2147916199.jpg" },
|
||||
{ title: "Brewing Tools", description: "Professional quality kits.", imageSrc: "http://img.b2bpic.net/free-photo/making-drip-coffee-vintage-coffee-shop_1150-14513.jpg" },
|
||||
{ title: "Blueberry Muffin", description: "Baked fresh every dawn.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-muffin-with-blueberries_23-2148718775.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
@@ -201,40 +115,20 @@ export default function HomePage() {
|
||||
description="Hear what our loyal morning commuters are saying about their daily brew."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice M.",
|
||||
role: "Designer",
|
||||
company: "Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-asian-woman-entrepreneur-recommending-cafe-showing-okay-ok-sign-approval_1258-199352.jpg",
|
||||
},
|
||||
name: "Alice M.", role: "Designer", company: "Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-asian-woman-entrepreneur-recommending-cafe-showing-okay-ok-sign-approval_1258-199352.jpg"},
|
||||
{
|
||||
name: "David L.",
|
||||
role: "Developer",
|
||||
company: "Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-hot-chocolate-cafe_23-2149944060.jpg",
|
||||
},
|
||||
name: "David L.", role: "Developer", company: "Tech", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-hot-chocolate-cafe_23-2149944060.jpg"},
|
||||
{
|
||||
name: "Sarah P.",
|
||||
role: "Artist",
|
||||
company: "Galerie",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-standing-kitchen_23-2147805614.jpg",
|
||||
},
|
||||
name: "Sarah P.", role: "Artist", company: "Galerie", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-standing-kitchen_23-2147805614.jpg"},
|
||||
{
|
||||
name: "Mark R.",
|
||||
role: "Writer",
|
||||
company: "Journal",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-fashionable-bearded-male-with-stylish-haircut-drinks-glass-cappuccino-sitting-cafe-outdoors_613910-6671.jpg",
|
||||
},
|
||||
name: "Mark R.", role: "Writer", company: "Journal", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-fashionable-bearded-male-with-stylish-haircut-drinks-glass-cappuccino-sitting-cafe-outdoors_613910-6671.jpg"},
|
||||
{
|
||||
name: "Emily V.",
|
||||
role: "Architect",
|
||||
company: "Designs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-young-asian-woman-barista-apron-looking-amazed-clap-hands-smiling-standing_1258-199220.jpg",
|
||||
},
|
||||
name: "Emily V.", role: "Architect", company: "Designs", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-young-asian-woman-barista-apron-looking-amazed-clap-hands-smiling-standing_1258-199220.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
@@ -247,14 +141,7 @@ export default function HomePage() {
|
||||
title="Awarded Quality"
|
||||
description="Proudly featured in industry journals and community guides."
|
||||
names={[
|
||||
"Food Journal",
|
||||
"Organic Union",
|
||||
"Coffee Weekly",
|
||||
"Artisan Daily",
|
||||
"City Choice",
|
||||
"Fair Trade Int",
|
||||
"Design World",
|
||||
]}
|
||||
"Food Journal", "Organic Union", "Coffee Weekly", "Artisan Daily", "City Choice", "Fair Trade Int", "Design World"]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
@@ -267,29 +154,17 @@ export default function HomePage() {
|
||||
description="Got questions about our roasts or beans?"
|
||||
items={[
|
||||
{
|
||||
question: "Do you offer subscriptions?",
|
||||
answer: "Yes, we ship fresh beans directly to your door monthly.",
|
||||
},
|
||||
question: "Do you offer subscriptions?", answer: "Yes, we ship fresh beans directly to your door monthly."},
|
||||
{
|
||||
question: "Are your beans organic?",
|
||||
answer: "We prioritize organic farming for 100% of our supply.",
|
||||
},
|
||||
question: "Are your beans organic?", answer: "We prioritize organic farming for 100% of our supply."},
|
||||
{
|
||||
question: "Where is your cafe located?",
|
||||
answer: "Visit our shop in the downtown artisanal district.",
|
||||
},
|
||||
question: "Where is your cafe located?", answer: "Visit our shop in the downtown artisanal district."},
|
||||
{
|
||||
question: "Can I buy brewing gear?",
|
||||
answer: "Yes, we curate professional tools in-shop and online.",
|
||||
},
|
||||
question: "Can I buy brewing gear?", answer: "Yes, we curate professional tools in-shop and online."},
|
||||
{
|
||||
question: "Do you have dairy alternatives?",
|
||||
answer: "We offer oat, almond, and soy milk at no extra charge.",
|
||||
},
|
||||
question: "Do you have dairy alternatives?", answer: "We offer oat, almond, and soy milk at no extra charge."},
|
||||
{
|
||||
question: "What's the best way to brew?",
|
||||
answer: "We recommend a pour-over for our lighter roasts.",
|
||||
},
|
||||
question: "What's the best way to brew?", answer: "We recommend a pour-over for our lighter roasts."},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
@@ -301,16 +176,12 @@ export default function HomePage() {
|
||||
tag="Join Us"
|
||||
text="Start your morning ritual with us today. Visit our store or order online for home brewing."
|
||||
primaryButton={{
|
||||
text: "Order Pickup",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Order Pickup", href: "#"}}
|
||||
secondaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@beanbrew.com",
|
||||
}}
|
||||
text: "Contact Us", href: "mailto:hello@beanbrew.com"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user