273 lines
8.0 KiB
TypeScript
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>
|
|
</>
|
|
);
|
|
}
|