Merge version_1_1776442062470 into main #1

Merged
bender merged 2 commits from version_1_1776442062470 into main 2026-04-17 16:13:41 +00:00

View File

@@ -8,310 +8,153 @@ import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGaller
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
import NavbarCentered from '@/components/ui/NavbarCentered';
import TestimonialMetricsCards from '@/components/sections/testimonial/TestimonialMetricsCards';
import { Coffee, Award, Armchair } from 'lucide-react';
export default function App() {
return (
<>
<div id="nav" data-section="nav">
<NavbarCentered
logo="Brew & Bean"
navItems={[
{
name: "About",
href: "#about",
},
{
name: "Menu",
href: "#features",
},
{
name: "Contact",
href: "#contact",
},
]}
ctaButton={{
text: "Order Online",
href: "#contact",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarCentered
logo="Brew & Bean"
navItems={[
{ name: "About", href: "#about" },
{ name: "Menu", href: "#features" },
{ name: "Contact", href: "#contact" },
]}
ctaButton={{ text: "Order Online", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
tag="Since 1995"
title="Experience Artisanal Perfection"
description="Crafting premium coffee experiences in the heart of the city with every single cup we serve."
primaryButton={{
text: "Discover Menu",
href: "#features",
}}
secondaryButton={{
text: "Visit Us",
href: "#contact",
}}
items={[
{
imageSrc: "https://pixabay.com/get/gea5f046daeaa888a9511f54cb721789add1673654e95a03adb281d7c8f0df2730fabf5810a197029f9aa04b93e09ab291f215ab9544b2fec06b86a303c721dbc_1280.jpg",
},
{
imageSrc: "https://pixabay.com/get/g4cbdc210b593da75dbea4537a88f75ca471ed424f1e2d9186e1004832df06aa0f14f715a841875cedb1cb363313fc3286ca9164c88871cc6951c31f8f6cce4c6_1280.jpg",
},
{
imageSrc: "https://pixabay.com/get/g0c21328dee1b77862aedff850fc04f80a233a98da06b6f4fd179e4255d789d1432e886ec392bb60f7423c8a5e4cb076fcb16b97eeb183ab37c200519a721daa1_1280.jpg",
},
{
imageSrc: "https://pixabay.com/get/g40ca2be57bbb4a959871de64fb3f96d7f95333116f4a1cb0a73ccefc32863c8f2b980df51c556b9a591e1b85519c5c3b9312aee9fb255bd30324ecfd16c2a46f_1280.jpg",
},
{
imageSrc: "https://pixabay.com/get/g3937ad8c8c1eb5af467d825d669679e2ece42ffa23ab6ef64ea4623e3756704fb9bbb8733ae1ec172e56c484990f704bd889304a3b99f53689d2600f20398dff_1280.jpg",
},
{
imageSrc: "https://pixabay.com/get/gdbd0cdcc2b7c631723ecad93d9781acaa38bfc57cca3f429f6eaf12aca42cf6f9264d77997a7f597fc3ce24af652d0d96b5cbe4667e1f35d7a5a2b85c7617efa_1280.jpg",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
tag="Since 1995"
title="Experience Artisanal Perfection"
description="Crafting premium coffee experiences in the heart of the city with every single cup we serve."
primaryButton={{ text: "Discover Menu", href: "#features" }}
secondaryButton={{ text: "Visit Us", href: "#contact" }}
items={[
{ imageSrc: "https://pixabay.com/get/gea5f046daeaa888a9511f54cb721789add1673654e95a03adb281d7c8f0df2730fabf5810a197029f9aa04b93e09ab291f215ab9544b2fec06b86a303c721dbc_1280.jpg" },
{ imageSrc: "https://pixabay.com/get/g4cbdc210b593da75dbea4537a88f75ca471ed424f1e2d9186e1004832df06aa0f14f715a841875cedb1cb363313fc3286ca9164c88871cc6951c31f8f6cce4c6_1280.jpg" },
{ imageSrc: "https://pixabay.com/get/g0c21328dee1b77862aedff850fc04f80a233a98da06b6f4fd179e4255d789d1432e886ec392bb60f7423c8a5e4cb076fcb16b97eeb183ab37c200519a721daa1_1280.jpg" },
{ imageSrc: "https://pixabay.com/get/g40ca2be57bbb4a959871de64fb3f96d7f95333116f4a1cb0a73ccefc32863c8f2b980df51c556b9a591e1b85519c5c3b9312aee9fb255bd30324ecfd16c2a46f_1280.jpg" },
{ imageSrc: "https://pixabay.com/get/g3937ad8c8c1eb5af467d825d669679e2ece42ffa23ab6ef64ea4623e3756704fb9bbb8733ae1ec172e56c484990f704bd889304a3b99f53689d2600f20398dff_1280.jpg" },
{ imageSrc: "https://pixabay.com/get/gdbd0cdcc2b7c631723ecad93d9781acaa38bfc57cca3f429f6eaf12aca42cf6f9264d77997a7f597fc3ce24af652d0d96b5cbe4667e1f35d7a5a2b85c7617efa_1280.jpg" },
]}
/>
</div>
<div id="about" data-section="about">
<AboutTextSplit
title="Our Passion for Brewing"
descriptions={[
"We believe in the art of the perfect brew, sourcing only the finest beans from sustainable farms across the globe.",
"Our baristas are masters of their craft, bringing passion and precision to every cup we pull.",
"Welcome to our home where the atmosphere is as warm as the coffee in your hands.",
]}
/>
</div>
<div id="about" data-section="about">
<AboutTextSplit
title="Our Passion for Brewing"
descriptions={[
"We believe in the art of the perfect brew, sourcing only the finest beans from sustainable farms across the globe.", "Our baristas are masters of their craft, bringing passion and precision to every cup we pull.", "Welcome to our home where the atmosphere is as warm as the coffee in your hands."]}
/>
</div>
<div id="features" data-section="features">
<FeaturesMediaCarousel
tag="Our Favorites"
title="Menu Highlights"
description="Discover the signature blends and curated pastries that keep our community energized every morning."
items={[
{
title: "Single Origin Beans",
description: "Ethically sourced from high-altitude plantations, these beans offer unique floral and citrus notes.",
buttonIcon: "Coffee",
imageSrc: "https://pixabay.com/get/g8145574a746c88a5596fd120a064e6173e8232d0bf2f629e83574b771c6871fa6d0d5b6ffdc3e08d2e947cef8f07177d14747bd2b3bdc5922289b25e25a28384_1280.jpg",
},
{
title: "Artisanal Latte Art",
description: "Watch our baristas transform everyday lattes into beautiful masterpieces, served at the perfect temperature.",
buttonIcon: "Award",
imageSrc: "https://pixabay.com/get/g8d46302c575dc570c051f1759896a9002916feee196cc948cd59fb54669b9b4a8470b69e8ef2a02e604e1a1f0dbaeb5691fa4eb96ba4800a2a2b79c5007de646_1280.jpg",
},
{
title: "Cozy Seating Areas",
description: "Whether you are working or catching up with friends, our seating is designed for ultimate comfort.",
buttonIcon: "Armchair",
imageSrc: "https://pixabay.com/get/g181eec50b221b77536953bd97ce5c2647e192055233d5a824f83e9a1a43498bf4509fde7859a7d12d7737496e5b9130ff9644524b2cc58ed01746442ccd32023_1280.jpg",
},
]}
/>
</div>
<div id="features" data-section="features">
<FeaturesMediaCarousel
tag="Our Favorites"
title="Menu Highlights"
description="Discover the signature blends and curated pastries that keep our community energized every morning."
items={[
{ title: "Single Origin Beans", description: "Ethically sourced from high-altitude plantations, these beans offer unique floral and citrus notes.", buttonIcon: Coffee, imageSrc: "https://pixabay.com/get/g8145574a746c88a5596fd120a064e6173e8232d0bf2f629e83574b771c6871fa6d0d5b6ffdc3e08d2e947cef8f07177d14747bd2b3bdc5922289b25e25a28384_1280.jpg" },
{ title: "Artisanal Latte Art", description: "Watch our baristas transform everyday lattes into beautiful masterpieces, served at the perfect temperature.", buttonIcon: Award, imageSrc: "https://pixabay.com/get/g8d46302c575dc570c051f1759896a9002916feee196cc948cd59fb54669b9b4a8470b69e8ef2a02e604e1a1f0dbaeb5691fa4eb96ba4800a2a2b79c5007de646_1280.jpg" },
{ title: "Cozy Seating Areas", description: "Whether you are working or catching up with friends, our seating is designed for ultimate comfort.", buttonIcon: Armchair, imageSrc: "https://pixabay.com/get/g181eec50b221b77536953bd97ce5c2647e192055233d5a824f83e9a1a43498bf4509fde7859a7d12d7737496e5b9130ff9644524b2cc58ed01746442ccd32023_1280.jpg" },
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricsSimpleCards
tag="By the numbers"
title="A Community Hub"
description="See why locals trust us for their daily grind."
metrics={[
{
value: "25k+",
description: "Cups Brewed Daily",
},
{
value: "50+",
description: "Local Suppliers",
},
{
value: "100%",
description: "Sustainably Sourced",
},
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricsSimpleCards
tag="By the numbers"
title="A Community Hub"
description="See why locals trust us for their daily grind."
metrics={[
{ value: "25k+", description: "Cups Brewed Daily" },
{ value: "50+", description: "Local Suppliers" },
{ value: "100%", description: "Sustainably Sourced" },
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialMetricsCards
tag="Voices of the Community"
title="What Our Neighbors Say"
description="Authentic experiences from the people who keep our shop vibrant every day."
testimonials={[
{
name: "Elena Rodriguez",
role: "Creative Director",
company: "DesignCo",
rating: 5,
imageSrc: "https://pixabay.com/get/g168ae1fb45a6744d432dd2b8898b122fb65cd98079ab4f12aabeffea85eeddcf57029d5ba555b816dbf776a2926182554538bc20f89027f3325fe6b746e9639b_1280.jpg",
},
{
name: "Mark Stevens",
role: "Engineer",
company: "TechSystems",
rating: 5,
imageSrc: "https://pixabay.com/get/gc8e6506e8fb0b304865880240e5c77e7270c28cbc57aa24e12100fb42a45c9b2be6095cbbe477db252707cac00e6d58c52a7f2ea0099b5a9a4fadb7580f7b18e_1280.jpg",
},
{
name: "Sarah Jenkins",
role: "Teacher",
company: "City Schools",
rating: 5,
imageSrc: "https://pixabay.com/get/g6a7d792d13d84b1888937759514591f6ce65d6c9edf0e06cb4b9dc61823712129e416c520edfae7e62f509a39bcc706da7e42bd5ff0c2ff6941ebffd22dc9f5e_1280.jpg",
},
{
name: "David Wu",
role: "Writer",
company: "Freelance",
rating: 5,
imageSrc: "https://pixabay.com/get/ga1ef8202c958524049a8629fe4e2407564456407494df6d381c70e41541fef0547a488bb14b2920f80d426686981f8d5b0c7c2e770d936b8543864ba04b0bba0_1280.jpg",
},
{
name: "Jessica Lee",
role: "Architect",
company: "UrbanDesign",
rating: 5,
imageSrc: "https://pixabay.com/get/g0d4d801a879e2efb1ca607a6a9772e92e26f5a85e9b4ae5b50a7acb283d828562ded232aaf112f30c37288ce7c52d606_1280.jpg",
},
]}
metrics={[
{
value: "4.9",
label: "Avg. Rating",
},
{
value: "1.2k",
label: "Happy Clients",
},
{
value: "5y",
label: "Community",
},
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialMetricsCards
tag="Voices of the Community"
title="What Our Neighbors Say"
description="Authentic experiences from the people who keep our shop vibrant every day."
testimonials={[
{ name: "Elena Rodriguez", role: "Creative Director", company: "DesignCo", rating: 5, imageSrc: "https://pixabay.com/get/g168ae1fb45a6744d432dd2b8898b122fb65cd98079ab4f12aabeffea85eeddcf57029d5ba555b816dbf776a2926182554538bc20f89027f3325fe6b746e9639b_1280.jpg" },
{ name: "Mark Stevens", role: "Engineer", company: "TechSystems", rating: 5, imageSrc: "https://pixabay.com/get/gc8e6506e8fb0b304865880240e5c77e7270c28cbc57aa24e12100fb42a45c9b2be6095cbbe477db252707cac00e6d58c52a7f2ea0099b5a9a4fadb7580f7b18e_1280.jpg" },
{ name: "Sarah Jenkins", role: "Teacher", company: "City Schools", rating: 5, imageSrc: "https://pixabay.com/get/g6a7d792d13d84b1888937759514591f6ce65d6c9edf0e06cb4b9dc61823712129e416c520edfae7e62f509a39bcc706da7e42bd5ff0c2ff6941ebffd22dc9f5e_1280.jpg" },
{ name: "David Wu", role: "Writer", company: "Freelance", rating: 5, imageSrc: "https://pixabay.com/get/ga1ef8202c958524049a8629fe4e2407564456407494df6d381c70e41541fef0547a488bb14b2920f80d426686981f8d5b0c7c2e770d936b8543864ba04b0bba0_1280.jpg" },
{ name: "Jessica Lee", role: "Architect", company: "UrbanDesign", rating: 5, imageSrc: "https://pixabay.com/get/g0d4d801a879e2efb1ca607a6a9772e92e26f5a85e9b4ae5b50a7acb283d828562ded232aaf112f30c37288ce7c52d606_1280.jpg" },
]}
metrics={[
{ value: "4.9", label: "Avg. Rating" },
{ value: "1.2k", label: "Happy Clients" },
{ value: "5y", label: "Community" },
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqTwoColumn
tag="Answers"
title="Frequently Asked Questions"
description="Curious about our beans or process? We are happy to help."
items={[
{
question: "Are your beans organic?",
answer: "Yes, we prioritize organic farming practices across 90% of our supply chain.",
},
{
question: "Can I order ahead?",
answer: "Absolutely! Use our online order portal to pick up on your schedule.",
},
{
question: "Do you offer catering?",
answer: "Yes, we specialize in corporate and event coffee catering services.",
},
{
question: "Where do you roast?",
answer: "All our roasting happens right here in our local facility weekly.",
},
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqTwoColumn
tag="Answers"
title="Frequently Asked Questions"
description="Curious about our beans or process? We are happy to help."
items={[
{ question: "Are your beans organic?", answer: "Yes, we prioritize organic farming practices across 90% of our supply chain." },
{ question: "Can I order ahead?", answer: "Absolutely! Use our online order portal to pick up on your schedule." },
{ question: "Do you offer catering?", answer: "Yes, we specialize in corporate and event coffee catering services." },
{ question: "Where do you roast?", answer: "All our roasting happens right here in our local facility weekly." },
]}
/>
</div>
<div id="blog" data-section="blog">
<BlogMediaCards
tag="Coffee Culture"
title="Latest Insights"
description="Stories and tips from our roasting team."
items={[
{
category: "Agriculture",
title: "The Journey of the Bean",
excerpt: "How our fair-trade beans travel from farm to cup.",
authorName: "Marcus Thorne",
date: "Oct 12",
imageSrc: "https://pixabay.com/get/gb9bc92bc4e4d8fdf21f9d85f1097329308b1733017bdd57d568be6bccd449df70279619c74d010b2642e39b01b0f9ed9f5917c40c9eda404b3222d6e9d8535b8_1280.jpg",
authorImageSrc: "https://pixabay.com/get/gdc1477bb1bd4f447432bc4175abb26f434f555a12506303ed00c459e489b064433a2fcdca8ba2f297c7cc5e75270fd1c4e2f604cc205b1c2e17ba8e9cfc1ac00_1280.jpg",
},
{
category: "Craft",
title: "Brewing at Home",
excerpt: "Three simple tricks to elevate your pour-over technique.",
authorName: "Sarah Lee",
date: "Oct 05",
imageSrc: "https://pixabay.com/get/g32bce0773329653321f254d04e78c60280843064d4b49d02d877036ea51774236cfc249bdf70c92606bbd0316075cf91fb1ed41782be0572a585c8ca084bb21e_1280.jpg",
authorImageSrc: "https://pixabay.com/get/g3e76617e8d1271cd6d3331204e4b76841b044dcff92f110f82eb2bf30906e960536582b3b539f44be4ba861b7e1b16a70e4f5c7b818425ef941919577f28ae86_1280.jpg",
},
{
category: "Sustainability",
title: "Our Green Future",
excerpt: "Moving toward completely carbon-neutral operations.",
authorName: "Jordan Rivers",
date: "Sep 28",
imageSrc: "https://pixabay.com/get/ga7842171e7c17c36be134d18ffbb6aa85b5191fa8b73213eed25cdaf116d98a05f9a9dcabed9502a260b7a4884b66c118e732ceba77c866d01dfbf92b153b882_1280.jpg",
authorImageSrc: "https://pixabay.com/get/g079f8eb196f38bca6ae6ea6b1229addb669bf8dcd85485c0d703913e0b5644af2db46d3246f85d37cdef048a2fb18f660445dc8fa745a2e0d88b20782626ca86_1280.jpg",
},
]}
/>
</div>
<div id="blog" data-section="blog">
<BlogMediaCards
tag="Coffee Culture"
title="Latest Insights"
description="Stories and tips from our roasting team."
items={[
{ category: "Agriculture", title: "The Journey of the Bean", excerpt: "How our fair-trade beans travel from farm to cup.", authorName: "Marcus Thorne", date: "Oct 12", imageSrc: "https://pixabay.com/get/gb9bc92bc4e4d8fdf21f9d85f1097329308b1733017bdd57d568be6bccd449df70279619c74d010b2642e39b01b0f9ed9f5917c40c9eda404b3222d6e9d8535b8_1280.jpg", authorImageSrc: "https://pixabay.com/get/gdc1477bb1bd4f447432bc4175abb26f434f555a12506303ed00c459e489b064433a2fcdca8ba2f297c7cc5e75270fd1c4e2f604cc205b1c2e17ba8e9cfc1ac00_1280.jpg" },
{ category: "Craft", title: "Brewing at Home", excerpt: "Three simple tricks to elevate your pour-over technique.", authorName: "Sarah Lee", date: "Oct 05", imageSrc: "https://pixabay.com/get/g32bce0773329653321f254d04e78c60280843064d4b49d02d877036ea51774236cfc249bdf70c92606bbd0316075cf91fb1ed41782be0572a585c8ca084bb21e_1280.jpg", authorImageSrc: "https://pixabay.com/get/g3e76617e8d1271cd6d3331204e4b76841b044dcff92f110f82eb2bf30906e960536582b3b539f44be4ba861b7e1b16a70e4f5c7b818425ef941919577f28ae86_1280.jpg" },
{ category: "Sustainability", title: "Our Green Future", excerpt: "Moving toward completely carbon-neutral operations.", authorName: "Jordan Rivers", date: "Sep 28", imageSrc: "https://pixabay.com/get/ga7842171e7c17c36be134d18ffbb6aa85b5191fa8b73213eed25cdaf116d98a05f9a9dcabed9502a260b7a4884b66c118e732ceba77c866d01dfbf92b153b882_1280.jpg", authorImageSrc: "https://pixabay.com/get/g079f8eb196f38bca6ae6ea6b1229addb669bf8dcd85485c0d703913e0b5644af2db46d3246f85d37cdef048a2fb18f660445dc8fa745a2e0d88b20782626ca86_1280.jpg" },
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCta
tag="Visit Us"
text="Ready for your daily brew? Stop by our location today."
primaryButton={{
text: "Get Directions",
href: "#",
}}
secondaryButton={{
text: "Contact Us",
href: "mailto:hello@brewandbean.com",
}}
/>
</div>
<div id="contact" data-section="contact">
<ContactCta
tag="Visit Us"
text="Ready for your daily brew? Stop by our location today."
primaryButton={{ text: "Get Directions", href: "#" }}
secondaryButton={{ text: "Contact Us", href: "mailto:hello@brewandbean.com" }}
/>
</div>
<div id="footer" data-section="footer">
<FooterBasic
columns={[
{
title: "Company",
items: [
<div id="footer" data-section="footer">
<FooterBasic
columns={[
{
label: "About Us",
href: "#about",
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Our Menu", href: "#features" },
{ label: "Contact", href: "#contact" },
],
},
{
label: "Our Menu",
href: "#features",
title: "Support", items: [
{ label: "FAQ", href: "#faq" },
{ label: "Privacy", href: "#" },
{ label: "Terms", href: "#" },
],
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
leftText="© 2024 Brew & Bean. All rights reserved."
rightText="Crafted with love."
/>
</div>
]}
leftText="© 2024 Brew & Bean. All rights reserved."
rightText="Crafted with love."
/>
</div>
</>
);
}