338 lines
11 KiB
TypeScript
338 lines
11 KiB
TypeScript
import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
|
|
import ContactCta from '@/components/sections/contact/ContactCta';
|
|
import FaqSimple from '@/components/sections/faq/FaqSimple';
|
|
import FooterSimpleReveal from '@/components/sections/footer/FooterSimpleReveal';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import NavbarCentered from '@/components/ui/NavbarCentered';
|
|
import ProductQuantityCards from '@/components/sections/product/ProductQuantityCards';
|
|
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
|
import TeamDetailedCards from '@/components/sections/team/TeamDetailedCards';
|
|
import TestimonialSplitCards from '@/components/sections/testimonial/TestimonialSplitCards';
|
|
import { Instagram, Twitter } from "lucide-react";
|
|
|
|
export default function App() {
|
|
return (
|
|
<>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarCentered
|
|
logo="Viollo"
|
|
navItems={[
|
|
{
|
|
name: "About",
|
|
href: "#about",
|
|
},
|
|
{
|
|
name: "Menu",
|
|
href: "#menu",
|
|
},
|
|
{
|
|
name: "Team",
|
|
href: "#team",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
ctaButton={{
|
|
text: "Order Now",
|
|
href: "#contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
tag="Since 2012"
|
|
title="Viollo Coffee: Pure Artisanal Perfection"
|
|
description="Experience the finest hand-roasted beans, carefully sourced from sustainable farms and prepared by master baristas dedicated to every cup."
|
|
primaryButton={{
|
|
text: "View Our Menu",
|
|
href: "#menu",
|
|
}}
|
|
secondaryButton={{
|
|
text: "Visit Us",
|
|
href: "#contact",
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17121.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutTextSplit
|
|
title="Our Passion for Coffee"
|
|
descriptions={[
|
|
"At Viollo, we believe every cup tells a story. From the high-altitude plantations where our beans are nurtured to the precise roast profile we develop in-house, we are committed to quality that you can taste in every sip.",
|
|
"Our philosophy is simple: source ethically, roast carefully, and serve with love. Whether you're a connoisseur or just looking for a morning pick-me-up, Viollo offers a sanctuary for coffee lovers in the heart of the city.",
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductQuantityCards
|
|
tag="Featured Items"
|
|
title="Our Coffee Selections"
|
|
description="Discover our signature roasts and handcrafted beverages designed to awaken your senses."
|
|
products={[
|
|
{
|
|
name: "Signature Arabica Roast",
|
|
price: "$18.00",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/brown-coffee-beans-sack_23-2148180241.jpg",
|
|
},
|
|
{
|
|
name: "Classic Cappuccino",
|
|
price: "$4.50",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-2997.jpg",
|
|
},
|
|
{
|
|
name: "Butter Croissant",
|
|
price: "$3.75",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cupcakes-with-cinnamon_23-2148604558.jpg",
|
|
},
|
|
{
|
|
name: "Cold Brew Artisan",
|
|
price: "$5.00",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-iced-tea-with-ice-cubes_23-2151984957.jpg",
|
|
},
|
|
{
|
|
name: "Velvety Flat White",
|
|
price: "$4.75",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/flowers-near-sauce-yogurt_23-2147717754.jpg",
|
|
},
|
|
{
|
|
name: "Pour Over Special",
|
|
price: "$6.00",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-barista-standing-counter-preparing-pour-coffee-cafe_574295-3458.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialSplitCards
|
|
tag="Testimonials"
|
|
title="What Our Community Says"
|
|
description="Don't just take our word for it—join the Viollo family and experience excellence."
|
|
testimonials={[
|
|
{
|
|
tag: "Regular",
|
|
title: "Exceptional",
|
|
quote: "The best coffee in the city! Every cup is consistently perfect and the atmosphere is just right.",
|
|
name: "Elena R.",
|
|
date: "Oct 2023",
|
|
avatarImageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-enjoying-coffee_23-2148756313.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-enjoying-coffee_23-2148756317.jpg",
|
|
},
|
|
{
|
|
tag: "Coffee Lover",
|
|
title: "Absolute Gem",
|
|
quote: "Viollo brings a level of expertise to their craft that I haven't found anywhere else.",
|
|
name: "Marcus W.",
|
|
date: "Sep 2023",
|
|
avatarImageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-looking-smartphone-with-feeling-happy_1150-4006.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/glad-young-woman-with-paper-cup-room_23-2148180656.jpg",
|
|
},
|
|
{
|
|
tag: "Daily Visit",
|
|
title: "Refined Taste",
|
|
quote: "A peaceful escape and the coffee is truly transcendent. Highly recommended for any serious coffee lover.",
|
|
name: "Sarah J.",
|
|
date: "Aug 2023",
|
|
avatarImageSrc: "http://img.b2bpic.net/free-photo/every-woman-sometimes-needs-time-only-myself_329181-2902.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-concept-portrait-happy-brunette-woman-bathrobe-drinking-coffee-kitchen-having_1258-193529.jpg",
|
|
},
|
|
{
|
|
tag: "Expert",
|
|
title: "True Artisans",
|
|
quote: "The roast profile is impeccable. It's refreshing to see a shop that respects the bean this much.",
|
|
name: "David L.",
|
|
date: "Jul 2023",
|
|
avatarImageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-is-using-app-her-smartphone-device-send-text-message-near-business-buildings_158595-6785.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-coffee_23-2149003932.jpg",
|
|
},
|
|
{
|
|
tag: "Visitor",
|
|
title: "Lovely Cafe",
|
|
quote: "Viollo is now my mandatory stop whenever I'm in town. Incredible service and atmosphere.",
|
|
name: "Julianna K.",
|
|
date: "Jun 2023",
|
|
avatarImageSrc: "http://img.b2bpic.net/free-photo/coffee-time-me-please_329181-17310.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-young-smiling-asian-woman-reading-book-sitting-cafe-eating-croissant-drinking-coffee-i_1258-127556.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamDetailedCards
|
|
tag="Our Team"
|
|
title="Meet the Faces of Viollo"
|
|
description="Passion fuels our team. Get to know the artists and specialists behind your perfect cup."
|
|
members={[
|
|
{
|
|
name: "Marco V.",
|
|
role: "Head Roaster",
|
|
description: "Over 15 years perfecting roast profiles and sourcing excellence.",
|
|
socialLinks: [
|
|
{
|
|
icon: Twitter,
|
|
url: "#",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-barista-small-coffee-shop_613910-10434.jpg",
|
|
},
|
|
{
|
|
name: "Elena D.",
|
|
role: "Lead Barista",
|
|
description: "An award-winning barista specializing in delicate latte art and flavor discovery.",
|
|
socialLinks: [
|
|
{
|
|
icon: Instagram,
|
|
url: "#",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-kitchen_23-2149631733.jpg",
|
|
},
|
|
{
|
|
name: "Julian S.",
|
|
role: "Cafe Manager",
|
|
description: "Ensures the Viollo experience remains seamless, warm, and inviting for everyone.",
|
|
socialLinks: [
|
|
{
|
|
icon: LinkedIn,
|
|
url: "#",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-break_23-2148756282.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSimple
|
|
tag="Support"
|
|
title="Common Questions"
|
|
description="Got a question? We've answered the most common ones here."
|
|
items={[
|
|
{
|
|
question: "Where do you source your coffee?",
|
|
answer: "We source our beans directly from sustainable farms across Ethiopia, Colombia, and Brazil.",
|
|
},
|
|
{
|
|
question: "Do you offer vegan milk options?",
|
|
answer: "Yes, we offer almond, oat, and soy milk alternatives at no extra charge.",
|
|
},
|
|
{
|
|
question: "Can I buy beans to take home?",
|
|
answer: "Absolutely! Our signature roasts are available for purchase both in-store and online.",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social" data-section="social">
|
|
<SocialProofMarquee
|
|
tag="Our Network"
|
|
title="Trusted Partners & Origin Farms"
|
|
description="Collaborating with the best to ensure quality in every step of our journey."
|
|
names={[
|
|
"Ethiopian Coffee Exchange",
|
|
"Colombian Cooperative",
|
|
"Fair Trade Alliance",
|
|
"Specialty Roasters Guild",
|
|
"Sustainable Growers Network",
|
|
"Global Coffee Pioneers",
|
|
"Artisan Producer Collective",
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCta
|
|
tag="Visit Us"
|
|
text="Experience Viollo Coffee in person or book us for your private event. We'd love to serve you."
|
|
primaryButton={{
|
|
text: "Contact Us",
|
|
href: "#",
|
|
}}
|
|
secondaryButton={{
|
|
text: "Directions",
|
|
href: "#",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimpleReveal
|
|
brand="Viollo"
|
|
columns={[
|
|
{
|
|
title: "Navigation",
|
|
items: [
|
|
{
|
|
label: "About",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Menu",
|
|
href: "#menu",
|
|
},
|
|
{
|
|
label: "Team",
|
|
href: "#team",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "Contact",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
label: "Careers",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Sustainability",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Social",
|
|
items: [
|
|
{
|
|
label: "Instagram",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Twitter",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Facebook",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyright="© 2024 Viollo Coffee. All rights reserved."
|
|
links={[
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "#",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|