Files
00a861c2-d9b1-444c-bf50-f94…/src/App.tsx
2026-04-23 10:21:46 +00:00

273 lines
8.0 KiB
TypeScript

import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
import FooterSimpleMedia from '@/components/sections/footer/FooterSimpleMedia';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
import NavbarCentered from '@/components/ui/NavbarCentered';
import ProductMediaCards from '@/components/sections/product/ProductMediaCards';
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
import { Award, Leaf, Users } from "lucide-react";
export default function App() {
return (
<>
<div id="nav" data-section="nav">
<NavbarCentered
logo="Dodoko"
navItems={[
{
name: "Menu",
href: "#menu",
},
{
name: "Philosophy",
href: "#about",
},
{
name: "Reviews",
href: "#testimonials",
},
{
name: "Contact",
href: "#contact",
},
]}
ctaButton={{
text: "Order Online",
href: "#menu",
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
tag="Artisanal Experience"
title="Welcome to Dodoko Coffee"
description="Where every bean is roasted to perfection and every cup tells a story. Join us for a moment of quiet in your busy day."
primaryButton={{
text: "See Menu",
href: "#menu",
}}
secondaryButton={{
text: "Visit Us",
href: "#contact",
}}
kpis={[
{
value: "12",
label: "Origin Beans",
},
{
value: "500+",
label: "Daily Cups",
},
{
value: "5★",
label: "Community Rating",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/luxury-bar-illuminated-by-modern-lighting-equipment-generated-by-ai_188544-24181.jpg?_wi=1"
/>
</div>
<div id="about" data-section="about">
<AboutTestimonial
tag="Our Essence"
quote="Dodoko isn't just about coffee; it's about the craft, the people, and the slow, beautiful morning ritual."
author="Elena Rossi"
role="Founder, Dodoko"
imageSrc="http://img.b2bpic.net/free-photo/cafe-small-business-smiling-asian-barista-apron-standing-counter-coffee-shop_1258-199489.jpg"
/>
</div>
<div id="menu" data-section="menu">
<ProductMediaCards
tag="Freshly Brewed"
title="Signature Menu"
description="From single-origin pours to house-specialty lattes."
products={[
{
name: "Classic Espresso",
price: "$3.50",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-mush-with-croissants_23-2147667229.jpg",
},
{
name: "Signature Flat White",
price: "$4.50",
imageSrc: "http://img.b2bpic.net/free-photo/steaming-espresso-cup-grey-background-closeup_1220-6684.jpg",
},
{
name: "Pour Over Blend",
price: "$5.00",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-quality-coffee-cup_23-2150691439.jpg",
},
{
name: "Iced Cold Brew",
price: "$5.50",
imageSrc: "http://img.b2bpic.net/free-photo/aroma-background-love-house-taste_1232-3951.jpg",
},
{
name: "Artisan Pastry",
price: "$4.00",
imageSrc: "http://img.b2bpic.net/free-photo/black-cafe-food-old-background_1339-66.jpg",
},
{
name: "Specialty Latte",
price: "$5.25",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-mini-pastries-coffee-close-up_23-2148654508.jpg",
},
]}
/>
</div>
<div id="impact" data-section="impact">
<MetricsIconCards
tag="Our Impact"
title="Coffee for Good"
description="We believe in ethical sourcing and positive community influence."
metrics={[
{
icon: Leaf,
title: "Ethical Sourcing",
value: "100%",
},
{
icon: Users,
title: "Local Farmers",
value: "20+",
},
{
icon: Award,
title: "Zero Waste",
value: "95%",
},
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialMarqueeCards
tag="Love from Locals"
title="Hear What They Say"
description="Join our community of happy coffee lovers."
testimonials={[
{
name: "Mark S.",
role: "Frequent Patron",
quote: "The best roast in town, hands down.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-female-drinking-coffee-lady-holding-white-mug-with-hand_1153-6736.jpg",
},
{
name: "Sarah J.",
role: "Digital Nomad",
quote: "Perfect vibes and better coffee.",
imageSrc: "http://img.b2bpic.net/free-photo/business-girl_1157-14379.jpg",
},
{
name: "David W.",
role: "Local Resident",
quote: "Dodoko makes my mornings worth it.",
imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-stretching-sipping-coffee-after-waking-up_482257-88809.jpg",
},
{
name: "Lucy K.",
role: "Coffee Enthusiast",
quote: "Exceptional quality and friendly service.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-break_23-2148756282.jpg",
},
{
name: "Paul M.",
role: "Daily Visitor",
quote: "Dodoko is my home away from home.",
imageSrc: "http://img.b2bpic.net/free-vector/everyday-things-pattern_1076-108.jpg",
},
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqTwoColumn
tag="Common Queries"
title="Frequently Asked"
description="Got questions about our beans or process?"
items={[
{
question: "Where are your beans from?",
answer: "We source from sustainable farms in Ethiopia, Colombia, and Indonesia.",
},
{
question: "Do you offer vegan options?",
answer: "Yes! We have oat, almond, and soy milk available at no extra cost.",
},
{
question: "Can I work in your shop?",
answer: "Absolutely, we welcome laptops and provide free Wi-Fi.",
},
{
question: "Do you sell coffee beans?",
answer: "Yes, we sell whole beans for home brewing in our shop or online.",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Visit Us"
title="Join the Dodoko Community"
description="Sign up for updates on new roasts and events."
inputPlaceholder="Enter your email"
buttonText="Subscribe Now"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimpleMedia
brand="Dodoko"
columns={[
{
title: "Navigate",
items: [
{
label: "Menu",
href: "#menu",
},
{
label: "Philosophy",
href: "#about",
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
copyright="© 2024 Dodoko Coffee Shop. All rights reserved."
links={[
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/luxury-bar-illuminated-by-modern-lighting-equipment-generated-by-ai_188544-24181.jpg?_wi=2"
/>
</div>
</>
);
}