Merge version_1_1777038838831 into main #2

Merged
bender merged 2 commits from version_1_1777038838831 into main 2026-04-24 14:01:56 +00:00
2 changed files with 320 additions and 330 deletions

View File

@@ -1,316 +1,10 @@
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSimple from '@/components/sections/faq/FaqSimple';
import FeaturesTaggedCards from '@/components/sections/features/FeaturesTaggedCards';
import FooterBasic from '@/components/sections/footer/FooterBasic';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import NavbarCentered from '@/components/ui/NavbarCentered';
import ProductRatingCards from '@/components/sections/product/ProductRatingCards';
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
import TestimonialDetailedCards from '@/components/sections/testimonial/TestimonialDetailedCards';
import { Coffee, Heart, Leaf } from "lucide-react";
import { Routes, Route } from 'react-router-dom';
import HomePage from './pages/HomePage';
export default function App() {
return (
<>
<div id="nav" data-section="nav">
<NavbarCentered
logo="Brew & Bean"
navItems={[
{
name: "About",
href: "#about",
},
{
name: "Menu",
href: "#products",
},
{
name: "Testimonials",
href: "#testimonials",
},
{
name: "Contact",
href: "#contact",
},
]}
ctaButton={{
text: "Order Online",
href: "#contact",
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
tag="Crafted with Passion"
title="Welcome to Your Morning Ritual"
description="Premium ethically sourced beans roasted daily for the perfect cup."
primaryButton={{
text: "View Menu",
href: "#products",
}}
secondaryButton={{
text: "Visit Us",
href: "#contact",
}}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jc2psu"
/>
</div>
<div id="about" data-section="about">
<AboutFeaturesSplit
tag="Our Story"
title="From Seed to Sip"
description="We believe coffee is more than a drink; it's a connection. We work directly with small-lot farms to ensure every bean tells a story."
items={[
{
icon: Coffee,
title: "Artisan Roasting",
description: "Small batches roasted to perfection.",
},
{
icon: Leaf,
title: "Sustainable Sourcing",
description: "Kind to farmers and the earth.",
},
{
icon: Heart,
title: "Community Focus",
description: "A neighborhood hub for everyone.",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qfp8lx"
/>
</div>
<div id="features" data-section="features">
<FeaturesTaggedCards
tag="Why Us"
title="A Coffee Experience"
description="More than just caffeine, we provide an escape from the ordinary."
items={[
{
tag: "Fresh",
title: "Daily Baked Goods",
description: "Fresh pastries every morning.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1wwv8o",
},
{
tag: "Expert",
title: "Master Baristas",
description: "Precision pouring guaranteed.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qo0uky",
},
{
tag: "Cozy",
title: "Relaxing Ambiance",
description: "Your third space away from home.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ougt3o",
},
]}
/>
</div>
<div id="products" data-section="products">
<ProductRatingCards
tag="Menu"
title="Our Signature Brews"
description="Explore our favorite drinks."
products={[
{
brand: "Brew & Bean",
name: "Signature Iced Latte",
price: "$5.50",
rating: 5,
reviewCount: "124",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aw438x",
},
{
brand: "Brew & Bean",
name: "Classic Espresso",
price: "$3.25",
rating: 5,
reviewCount: "89",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ttre13",
},
{
brand: "Brew & Bean",
name: "Americano",
price: "$3.75",
rating: 4,
reviewCount: "45",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7oaj0s",
},
{
brand: "Brew & Bean",
name: "Mocha Bliss",
price: "$6.00",
rating: 5,
reviewCount: "72",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=olrzdu",
},
{
brand: "Brew & Bean",
name: "Flat White",
price: "$4.50",
rating: 5,
reviewCount: "56",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7ydafk",
},
{
brand: "Brew & Bean",
name: "Dirty Chai",
price: "$6.25",
rating: 4,
reviewCount: "38",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f3qptl",
},
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialDetailedCards
tag="Testimonials"
title="Loved by Locals"
description="Hear what our regulars have to say."
testimonials={[
{
title: "Best in town!",
quote: "The signature lattes are simply unmatched. A true highlight of my day.",
name: "Sarah Miller",
role: "Graphic Designer",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z3nccb",
},
{
title: "My morning ritual",
quote: "Fantastic service and a wonderful vibe. I come here every morning.",
name: "James Chen",
role: "Software Engineer",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fffc9y",
},
{
title: "Great place to study",
quote: "The ambiance is perfect for getting work done without noise.",
name: "Emily Davis",
role: "Student",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eilhgu",
},
{
title: "So welcoming",
quote: "Always friendly staff, feels like a second home.",
name: "Robert Wilson",
role: "Writer",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g0xhy2",
},
{
title: "Perfect roasting",
quote: "You can really taste the quality in the beans.",
name: "Anna Brown",
role: "Artist",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7mjvx3",
},
]}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofMarquee
tag="Partners"
title="Locally Sourced & Loved"
description="Proudly supporting local partners."
names={[
"Bean & Leaf",
"Urban Flour Bakery",
"Roast Master Pro",
"Daily Grind",
"Steam & Crema",
"Organic Harvest",
"The Cafe Co",
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSimple
tag="Questions"
title="Frequently Asked"
description="Have questions? We have answers."
items={[
{
question: "Are you open on weekends?",
answer: "Yes, we are open 7 days a week from 7am to 7pm.",
},
{
question: "Do you offer non-dairy milk?",
answer: "Yes, we offer oat, almond, and soy milk at no extra charge.",
},
{
question: "Can I pre-order online?",
answer: "Yes, you can order ahead on our mobile app.",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Visit Us"
title="Get In Touch"
description="Drop by for a cup or join our newsletter."
inputPlaceholder="Enter your email address"
buttonText="Subscribe"
/>
</div>
<div id="footer" data-section="footer">
<FooterBasic
columns={[
{
title: "Brew & Bean",
items: [
{
label: "About",
href: "#about",
},
{
label: "Menu",
href: "#products",
},
],
},
{
title: "Social",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Twitter",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
leftText="© 2024 Brew & Bean."
rightText="Crafted with passion in the city."
/>
</div>
</>
<Routes>
<Route path="/" element={<HomePage />} />
</Routes>
);
}

View File

@@ -1,22 +1,318 @@
import NavbarCentered from "@/components/ui/NavbarCentered";
import { routes } from "@/routes";
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSimple from '@/components/sections/faq/FaqSimple';
import FeaturesTaggedCards from '@/components/sections/features/FeaturesTaggedCards';
import FooterBasic from '@/components/sections/footer/FooterBasic';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import NavbarCentered from '@/components/ui/NavbarCentered';
import ProductRatingCards from '@/components/sections/product/ProductRatingCards';
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
import TestimonialDetailedCards from '@/components/sections/testimonial/TestimonialDetailedCards';
import { Coffee, Heart, Leaf } from "lucide-react";
const HomePage = () => {
export default function HomePage() {
return (
<div className="min-h-screen bg-background">
<NavbarCentered
logo="Logo"
navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
ctaButton={{ text: "Get Started", href: "#" }}
/>
<main className="pt-20 flex flex-col items-center justify-center min-h-[80vh] px-4">
<h1 className="text-4xl font-bold text-foreground mb-4">Welcome</h1>
<p className="text-lg text-muted-foreground max-w-xl text-center">
Your website content will appear here.
</p>
</main>
</div>
);
};
export default HomePage;
<>
<div id="nav" data-section="nav">
<NavbarCentered
logo="Brew & Bean"
navItems={[
{
name: "About",
href: "#about",
},
{
name: "Menu",
href: "#products",
},
{
name: "Testimonials",
href: "#testimonials",
},
{
name: "Contact",
href: "#contact",
},
]}
ctaButton={{
text: "Order Online",
href: "#contact",
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
tag="Crafted with Passion"
title="Welcome to Your Morning Ritual"
description="Premium ethically sourced beans roasted daily for the perfect cup."
primaryButton={{
text: "View Menu",
href: "#products",
}}
secondaryButton={{
text: "Visit Us",
href: "#contact",
}}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jc2psu"
/>
</div>
<div id="about" data-section="about">
<AboutFeaturesSplit
tag="Our Story"
title="From Seed to Sip"
description="We believe coffee is more than a drink; it's a connection. We work directly with small-lot farms to ensure every bean tells a story."
items={[
{
icon: Coffee,
title: "Artisan Roasting",
description: "Small batches roasted to perfection.",
},
{
icon: Leaf,
title: "Sustainable Sourcing",
description: "Kind to farmers and the earth.",
},
{
icon: Heart,
title: "Community Focus",
description: "A neighborhood hub for everyone.",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qfp8lx"
/>
</div>
<div id="features" data-section="features">
<FeaturesTaggedCards
tag="Why Us"
title="A Coffee Experience"
description="More than just caffeine, we provide an escape from the ordinary."
items={[
{
tag: "Fresh",
title: "Daily Baked Goods",
description: "Fresh pastries every morning.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1wwv8o",
},
{
tag: "Expert",
title: "Master Baristas",
description: "Precision pouring guaranteed.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qo0uky",
},
{
tag: "Cozy",
title: "Relaxing Ambiance",
description: "Your third space away from home.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ougt3o",
},
]}
/>
</div>
<div id="products" data-section="products">
<ProductRatingCards
tag="Menu"
title="Our Signature Brews"
description="Explore our favorite drinks."
products={[
{
brand: "Brew & Bean",
name: "Signature Iced Latte",
price: "$5.50",
rating: 5,
reviewCount: "124",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aw438x",
},
{
brand: "Brew & Bean",
name: "Classic Espresso",
price: "$3.25",
rating: 5,
reviewCount: "89",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ttre13",
},
{
brand: "Brew & Bean",
name: "Americano",
price: "$3.75",
rating: 4,
reviewCount: "45",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7oaj0s",
},
{
brand: "Brew & Bean",
name: "Mocha Bliss",
price: "$6.00",
rating: 5,
reviewCount: "72",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=olrzdu",
},
{
brand: "Brew & Bean",
name: "Flat White",
price: "$4.50",
rating: 5,
reviewCount: "56",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7ydafk",
},
{
brand: "Brew & Bean",
name: "Dirty Chai",
price: "$6.25",
rating: 4,
reviewCount: "38",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f3qptl",
},
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialDetailedCards
tag="Testimonials"
title="Loved by Locals"
description="Hear what our regulars have to say."
testimonials={[
{
title: "Best in town!",
quote: "The signature lattes are simply unmatched. A true highlight of my day.",
name: "Sarah Miller",
role: "Graphic Designer",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z3nccb",
},
{
title: "My morning ritual",
quote: "Fantastic service and a wonderful vibe. I come here every morning.",
name: "James Chen",
role: "Software Engineer",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fffc9y",
},
{
title: "Great place to study",
quote: "The ambiance is perfect for getting work done without noise.",
name: "Emily Davis",
role: "Student",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eilhgu",
},
{
title: "So welcoming",
quote: "Always friendly staff, feels like a second home.",
name: "Robert Wilson",
role: "Writer",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g0xhy2",
},
{
title: "Perfect roasting",
quote: "You can really taste the quality in the beans.",
name: "Anna Brown",
role: "Artist",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7mjvx3",
},
]}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofMarquee
tag="Partners"
title="Locally Sourced & Loved"
description="Proudly supporting local partners."
names={[
"Bean & Leaf",
"Urban Flour Bakery",
"Roast Master Pro",
"Daily Grind",
"Steam & Crema",
"Organic Harvest",
"The Cafe Co",
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSimple
tag="Questions"
title="Frequently Asked"
description="Have questions? We have answers."
items={[
{
question: "Are you open on weekends?",
answer: "Yes, we are open 7 days a week from 7am to 7pm.",
},
{
question: "Do you offer non-dairy milk?",
answer: "Yes, we offer oat, almond, and soy milk at no extra charge.",
},
{
question: "Can I pre-order online?",
answer: "Yes, you can order ahead on our mobile app.",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Visit Us"
title="Get In Touch"
description="Drop by for a cup or join our newsletter."
inputPlaceholder="Enter your email address"
buttonText="Subscribe"
/>
</div>
<div id="footer" data-section="footer">
<FooterBasic
columns={[
{
title: "Brew & Bean",
items: [
{
label: "About",
href: "#about",
},
{
label: "Menu",
href: "#products",
},
],
},
{
title: "Social",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Twitter",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
leftText="© 2024 Brew & Bean."
rightText="Crafted with passion in the city."
/>
</div>
</>
);
}