Merge version_1_1776784977054 into main #1
399
src/App.tsx
399
src/App.tsx
@@ -13,292 +13,137 @@ import { Facebook, Instagram, Twitter } from "lucide-react";
|
||||
export default function App() {
|
||||
return (
|
||||
<>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarCentered
|
||||
logo="Chumadan"
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
ctaButton={{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarCentered
|
||||
logo="Chumadan"
|
||||
navItems={[
|
||||
{ name: "About", href: "#about" },
|
||||
{ name: "Menu", href: "#products" },
|
||||
{ name: "Reviews", href: "#testimonials" },
|
||||
{ name: "Contact", href: "#contact" },
|
||||
]}
|
||||
ctaButton={{ text: "Visit Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
tag="Since 2012"
|
||||
title="Welcome to Chumadan Coffee"
|
||||
description="Your cozy corner for artisanal coffee, hand-crafted brews, and meaningful moments in the heart of the city."
|
||||
primaryButton={{
|
||||
text: "See Menu",
|
||||
href: "#products",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena M.",
|
||||
handle: "@elena_coffee",
|
||||
text: "The best espresso in the city, hands down.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-happy-girl-enjoying-morning-cup-tea-sitting-windowsill-relaxing_197531-22976.jpg",
|
||||
},
|
||||
{
|
||||
name: "James P.",
|
||||
handle: "@j_coffee_lover",
|
||||
text: "A sanctuary for coffee lovers and remote workers alike.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/you-get-it-it-s-so-funny_329181-2916.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sofia K.",
|
||||
handle: "@sofia_co",
|
||||
text: "Chumadan's vibe is absolutely unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-coffee-terrace-cafe-city_624325-1965.jpg",
|
||||
},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@dw_coffee",
|
||||
text: "Great beans, friendly staff, always consistent.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-woman-smiling-relax-coffee-shop-cafe_1150-12189.jpg",
|
||||
},
|
||||
{
|
||||
name: "Maria B.",
|
||||
handle: "@m_b_travels",
|
||||
text: "The perfect place for a quiet morning brew.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-cute-barista-girl-pouring-filter-coffee-making-order-cafe-client_1258-203375.jpg",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064696.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
tag="Since 2012"
|
||||
title="Welcome to Chumadan Coffee"
|
||||
description="Your cozy corner for artisanal coffee, hand-crafted brews, and meaningful moments in the heart of the city."
|
||||
primaryButton={{ text: "See Menu", href: "#products" }}
|
||||
secondaryButton={{ text: "Contact Us", href: "#contact" }}
|
||||
testimonials={[
|
||||
{ name: "Elena M.", handle: "@elena_coffee", text: "The best espresso in the city, hands down.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-happy-girl-enjoying-morning-cup-tea-sitting-windowsill-relaxing_197531-22976.jpg" },
|
||||
{ name: "James P.", handle: "@j_coffee_lover", text: "A sanctuary for coffee lovers and remote workers alike.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/you-get-it-it-s-so-funny_329181-2916.jpg" },
|
||||
{ name: "Sofia K.", handle: "@sofia_co", text: "Chumadan's vibe is absolutely unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-coffee-terrace-cafe-city_624325-1965.jpg" },
|
||||
{ name: "David W.", handle: "@dw_coffee", text: "Great beans, friendly staff, always consistent.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-woman-smiling-relax-coffee-shop-cafe_1150-12189.jpg" },
|
||||
{ name: "Maria B.", handle: "@m_b_travels", text: "The perfect place for a quiet morning brew.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-cute-barista-girl-pouring-filter-coffee-making-order-cafe-client_1258-203375.jpg" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064696.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutTextSplit
|
||||
title="Our Passion for Brewing"
|
||||
descriptions={[
|
||||
"At Chumadan, we believe coffee is more than just a drink; it's a bridge that connects people. We source only the finest ethically grown beans, roasting them in small batches to capture the unique soul of each origin.",
|
||||
"From the farmers who nurture the soil to the barista who pours your perfect cup, every step is deliberate and full of love. Whether you are looking for your morning jumpstart or a late afternoon pick-me-up, we are here to serve you.",
|
||||
"Our space is designed to be your home away from home. Sit back, relax, and let the aroma of freshly ground coffee transport you away from the daily hustle.",
|
||||
]}
|
||||
primaryButton={{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutTextSplit
|
||||
title="Our Passion for Brewing"
|
||||
descriptions={[
|
||||
"At Chumadan, we believe coffee is more than just a drink; it's a bridge that connects people. We source only the finest ethically grown beans, roasting them in small batches to capture the unique soul of each origin.", "From the farmers who nurture the soil to the barista who pours your perfect cup, every step is deliberate and full of love. Whether you are looking for your morning jumpstart or a late afternoon pick-me-up, we are here to serve you.", "Our space is designed to be your home away from home. Sit back, relax, and let the aroma of freshly ground coffee transport you away from the daily hustle."]}
|
||||
primaryButton={{ text: "Learn More", href: "#features" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductVariantCards
|
||||
tag="Our Menu"
|
||||
title="Savor the Selection"
|
||||
description="Hand-selected specialty coffee brewed to perfection for every palate."
|
||||
products={[
|
||||
{
|
||||
name: "Classic Latte",
|
||||
variant: "Small, Medium, Large",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-coffee-cup_1203-3413.jpg",
|
||||
},
|
||||
{
|
||||
name: "Espresso Shot",
|
||||
variant: "Single, Double",
|
||||
price: "$3.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cocktail-whiskey-cola_8353-1224.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mocha Bliss",
|
||||
variant: "Dark or Milk Choc",
|
||||
price: "$5.25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hot-cup-coffee_53876-123577.jpg",
|
||||
},
|
||||
{
|
||||
name: "Creamy Cappuccino",
|
||||
variant: "Standard",
|
||||
price: "$4.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cup-coffee_1203-1630.jpg",
|
||||
},
|
||||
{
|
||||
name: "Flat White",
|
||||
variant: "Standard",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-latte-art-cappuccino-foam-cup-wooden-table_23-2147908327.jpg",
|
||||
},
|
||||
{
|
||||
name: "Iced Cold Brew",
|
||||
variant: "12oz, 16oz",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-frappe-arrangement-black-cloth_23-2148623252.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductVariantCards
|
||||
tag="Our Menu"
|
||||
title="Savor the Selection"
|
||||
description="Hand-selected specialty coffee brewed to perfection for every palate."
|
||||
products={[
|
||||
{ name: "Classic Latte", variant: "Small, Medium, Large", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-coffee-cup_1203-3413.jpg" },
|
||||
{ name: "Espresso Shot", variant: "Single, Double", price: "$3.00", imageSrc: "http://img.b2bpic.net/free-photo/cocktail-whiskey-cola_8353-1224.jpg" },
|
||||
{ name: "Mocha Bliss", variant: "Dark or Milk Choc", price: "$5.25", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hot-cup-coffee_53876-123577.jpg" },
|
||||
{ name: "Creamy Cappuccino", variant: "Standard", price: "$4.75", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cup-coffee_1203-1630.jpg" },
|
||||
{ name: "Flat White", variant: "Standard", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/coffee-latte-art-cappuccino-foam-cup-wooden-table_23-2147908327.jpg" },
|
||||
{ name: "Iced Cold Brew", variant: "12oz, 16oz", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/fresh-frappe-arrangement-black-cloth_23-2148623252.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesProfileCards
|
||||
tag="Meet the Team"
|
||||
title="The Artisans Behind Chumadan"
|
||||
description="Meet our team of coffee specialists dedicated to the craft."
|
||||
items={[
|
||||
{
|
||||
title: "Head Barista",
|
||||
description: "Lara brings over 10 years of passion to every latte art.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-entrepreneur-independent-coffee-shop-owner-wearing-apron-working-cafe-w_1258-138272.jpg",
|
||||
buttonText: "Read More",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-barista-with-smartphone-using-coffee-machine_23-2147795686.jpg",
|
||||
},
|
||||
{
|
||||
title: "Store Manager",
|
||||
description: "Marcus keeps our spirits high and coffee flowing every single day.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee-prepare_1258-134034.jpg",
|
||||
buttonText: "Read More",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-standing-by-counter-coffee-shop_1303-29349.jpg",
|
||||
},
|
||||
{
|
||||
title: "Roast Master",
|
||||
description: "Sarah perfects the profile of every single batch we grind.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pleased-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-looking-camera-isolated-white-background-with-copy-space_141793-89923.jpg",
|
||||
buttonText: "Read More",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-with-apron-break_23-2148366601.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesProfileCards
|
||||
tag="Meet the Team"
|
||||
title="The Artisans Behind Chumadan"
|
||||
description="Meet our team of coffee specialists dedicated to the craft."
|
||||
items={[
|
||||
{ title: "Head Barista", description: "Lara brings over 10 years of passion to every latte art.", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-entrepreneur-independent-coffee-shop-owner-wearing-apron-working-cafe-w_1258-138272.jpg", buttonText: "Read More", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-barista-with-smartphone-using-coffee-machine_23-2147795686.jpg" },
|
||||
{ title: "Store Manager", description: "Marcus keeps our spirits high and coffee flowing every single day.", avatarSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee-prepare_1258-134034.jpg", buttonText: "Read More", imageSrc: "http://img.b2bpic.net/free-photo/barista-standing-by-counter-coffee-shop_1303-29349.jpg" },
|
||||
{ title: "Roast Master", description: "Sarah perfects the profile of every single batch we grind.", avatarSrc: "http://img.b2bpic.net/free-photo/pleased-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-looking-camera-isolated-white-background-with-copy-space_141793-89923.jpg", buttonText: "Read More", imageSrc: "http://img.b2bpic.net/free-photo/business-owner-with-apron-break_23-2148366601.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialQuoteCards
|
||||
tag="Customer Stories"
|
||||
title="Loved by the Neighborhood"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex",
|
||||
role: "Designer",
|
||||
quote: "The aesthetic of this place is as good as the coffee.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-korean-barista-pouring-filter-coffee-prepare-batch-brew-client-cafe-pour-method_1258-129838.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jordan",
|
||||
role: "Developer",
|
||||
quote: "My daily office when I need to get things done.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-sitting-cafe-drinking-coffee_171337-19655.jpg",
|
||||
},
|
||||
{
|
||||
name: "Taylor",
|
||||
role: "Teacher",
|
||||
quote: "The perfect place to unwind after a long school day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-iced-coffee_23-2149624064.jpg",
|
||||
},
|
||||
{
|
||||
name: "Morgan",
|
||||
role: "Student",
|
||||
quote: "Affordable, high quality, and super kind staff.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-conversing-coffee_23-2148735440.jpg",
|
||||
},
|
||||
{
|
||||
name: "Casey",
|
||||
role: "Artist",
|
||||
quote: "Absolutely the best brew in town, highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-asian-girl-barista-worker-cafe-drinking-coffee-her-break-holding-cup-with_1258-199412.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialQuoteCards
|
||||
tag="Customer Stories"
|
||||
title="Loved by the Neighborhood"
|
||||
description="Our community loves our coffee."
|
||||
testimonials={[
|
||||
{ name: "Alex", role: "Designer", quote: "The aesthetic of this place is as good as the coffee.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-korean-barista-pouring-filter-coffee-prepare-batch-brew-client-cafe-pour-method_1258-129838.jpg" },
|
||||
{ name: "Jordan", role: "Developer", quote: "My daily office when I need to get things done.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-sitting-cafe-drinking-coffee_171337-19655.jpg" },
|
||||
{ name: "Taylor", role: "Teacher", quote: "The perfect place to unwind after a long school day.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-iced-coffee_23-2149624064.jpg" },
|
||||
{ name: "Morgan", role: "Student", quote: "Affordable, high quality, and super kind staff.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-conversing-coffee_23-2148735440.jpg" },
|
||||
{ name: "Casey", role: "Artist", quote: "Absolutely the best brew in town, highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-asian-girl-barista-worker-cafe-drinking-coffee-her-break-holding-cup-with_1258-199412.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricsMinimalCards
|
||||
tag="Our Growth"
|
||||
title="Chumadan by the Numbers"
|
||||
metrics={[
|
||||
{
|
||||
value: "12K+",
|
||||
description: "Cups Poured Monthly",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
description: "Happy Regulars",
|
||||
},
|
||||
{
|
||||
value: "12",
|
||||
description: "Years in Business",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricsMinimalCards
|
||||
tag="Our Growth"
|
||||
title="Chumadan by the Numbers"
|
||||
metrics={[
|
||||
{ value: "12K+", description: "Cups Poured Monthly" },
|
||||
{ value: "500+", description: "Happy Regulars" },
|
||||
{ value: "12", description: "Years in Business" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSimple
|
||||
tag="Common Questions"
|
||||
title="Need More Information?"
|
||||
items={[
|
||||
{
|
||||
question: "Are you pet friendly?",
|
||||
answer: "Yes, we love furry friends! Our patio is always open.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer roasted beans?",
|
||||
answer: "Absolutely, we sell fresh whole-bean coffee bags in the shop.",
|
||||
},
|
||||
{
|
||||
question: "Can we book space for events?",
|
||||
answer: "Yes, please reach out to us via the contact form to discuss.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSimple
|
||||
tag="Common Questions"
|
||||
title="Need More Information?"
|
||||
description="Everything you need to know about our cafe."
|
||||
items={[
|
||||
{ question: "Are you pet friendly?", answer: "Yes, we love furry friends! Our patio is always open." },
|
||||
{ question: "Do you offer roasted beans?", answer: "Absolutely, we sell fresh whole-bean coffee bags in the shop." },
|
||||
{ question: "Can we book space for events?", answer: "Yes, please reach out to us via the contact form to discuss." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitEmail
|
||||
tag="Get in Touch"
|
||||
title="Stay Connected"
|
||||
description="Sign up to our newsletter for exclusive beans drops and cafe updates."
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Subscribe"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dreamy-stylish-girl-with-blonde-hair-pink-lips-sitting-coffee-shop-with-wooden-chairs-table-she-holds-cup-cofee-touches-her-hair_197531-102.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitEmail
|
||||
tag="Get in Touch"
|
||||
title="Stay Connected"
|
||||
description="Sign up to our newsletter for exclusive beans drops and cafe updates."
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Subscribe"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dreamy-stylish-girl-with-blonde-hair-pink-lips-sitting-coffee-shop-with-wooden-chairs-table-she-holds-cup-cofee-touches-her-hair_197531-102.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMinimal
|
||||
brand="Chumadan Coffee © 2024"
|
||||
copyright="All rights reserved. Designed with love."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMinimal
|
||||
brand="Chumadan Coffee © 2024"
|
||||
copyright="All rights reserved. Designed with love."
|
||||
socialLinks={[
|
||||
{ icon: "Instagram", href: "#" },
|
||||
{ icon: "Facebook", href: "#" },
|
||||
{ icon: "Twitter", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user