207 lines
11 KiB
TypeScript
207 lines
11 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
|
|
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="sharp"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Diada"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "products" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="DIADA"
|
|
description="Specialty coffee roastery. Crafted with passion, served with care."
|
|
buttons={[
|
|
{ text: "Explore Menu", href: "products" },
|
|
{ text: "Visit Us", href: "contact" }
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458036.jpg"
|
|
imageAlt="Espresso coffee in a cup"
|
|
showDimOverlay={true}
|
|
logoLineHeight={1.2}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="About Diada"
|
|
description="Diada is more than just a coffeeshop—it's a sanctuary for coffee enthusiasts and a gathering place for our community. We source the finest single-origin beans from sustainable farms around the world, roasting them in-house to bring out their unique flavors. Every cup tells a story of craftsmanship and passion."
|
|
tag="Our Story"
|
|
imageSrc="https://img.b2bpic.net/free-photo/parisian-coffee-shop-style-with-tasty-coffee-served-wooden-table-coffee-shop-design_482257-18283.jpg"
|
|
imageAlt="Cozy Diada coffeeshop interior"
|
|
buttons={[
|
|
{ text: "Learn More", href: "#" }
|
|
]}
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
title="Signature Drinks"
|
|
description="Discover our carefully crafted coffee selections"
|
|
tag="Menu"
|
|
products={[
|
|
{
|
|
id: "1", name: "Single Origin Espresso", price: "$5.00", imageSrc: "https://img.b2bpic.net/free-photo/close-up-milk-poured-coffee-cup_23-2148366658.jpg", imageAlt: "Single Origin Espresso", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "2", name: "Signature Cappuccino", price: "$6.50", imageSrc: "https://img.b2bpic.net/free-photo/professional-barista-pouring-latte-foam-coffee-caf_23-2148209229.jpg", imageAlt: "Signature Cappuccino", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "3", name: "Bold Americano", price: "$5.50", imageSrc: "https://img.b2bpic.net/free-photo/bar-concept-with-barman-putting-milk-coffee_23-2147798050.jpg", imageAlt: "Bold Americano", initialQuantity: 1
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureProcessSteps
|
|
tag="Our Craft"
|
|
title="The Diada Experience"
|
|
description="From sourcing the finest beans to serving the perfect cup, we've perfected every step of the coffee journey."
|
|
steps={[
|
|
{
|
|
number: "01", title: "Source", tag: "Global", description: "We partner with sustainable farms across Ethiopia, Colombia, and Guatemala to source premium single-origin beans."
|
|
},
|
|
{
|
|
number: "02", title: "Roast", tag: "In-House", description: "Small-batch roasting brings out the unique flavor profiles of each origin, from fruity notes to rich chocolate."
|
|
},
|
|
{
|
|
number: "03", title: "Brew", tag: "Precision", description: "Our expert baristas use precision techniques to extract the perfect espresso, cappuccino, or pour-over."
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Visit Us", href: "contact" }
|
|
]}
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardOne
|
|
title="Meet Our Team"
|
|
description="The passionate people behind every cup of coffee"
|
|
tag="Our People"
|
|
members={[
|
|
{
|
|
id: "1", name: "Marco S.", role: "Head Barista", imageSrc: "https://img.b2bpic.net/free-photo/smiley-employee-making-coffee_23-2148366606.jpg", imageAlt: "Marco, Head Barista"
|
|
},
|
|
{
|
|
id: "2", name: "Sofia T.", role: "Coffee Roaster", imageSrc: "https://img.b2bpic.net/free-photo/close-up-man-with-apron-holding-empty-cup_23-2148366627.jpg", imageAlt: "Sofia, Coffee Roaster"
|
|
},
|
|
{
|
|
id: "3", name: "Elena D.", role: "Barista", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-barista_23-2150754673.jpg", imageAlt: "Elena, Barista"
|
|
},
|
|
{
|
|
id: "4", name: "Giovanni P.", role: "Founder", imageSrc: "https://img.b2bpic.net/free-photo/coffee-shop-employee-with-apron_23-2148366592.jpg", imageAlt: "Giovanni, Founder"
|
|
}
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="What Our Customers Say"
|
|
description="Real testimonials from coffee lovers who visit Diada regularly"
|
|
tag="Reviews"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Isabella R.", handle: "@isabellar", testimonial: "The best espresso I've had in years. The baristas really know their craft!", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/side-view-male-making-coffee_23-2148366603.jpg", imageAlt: "Isabella R."
|
|
},
|
|
{
|
|
id: "2", name: "Matteo L.", handle: "@matteolives", testimonial: "Diada is my second home. The atmosphere is warm, the coffee is exceptional, and the team always remembers your order.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/low-angle-male-employee-coffee-shop_23-2148366548.jpg", imageAlt: "Matteo L."
|
|
},
|
|
{
|
|
id: "3", name: "Anna C.", handle: "@annacoffee", testimonial: "I love learning about the origins of their beans. The single-origin selections are incredible.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/man-smiling-apron-making-coffee_23-2148366706.jpg", imageAlt: "Anna C."
|
|
},
|
|
{
|
|
id: "4", name: "Luca M.", handle: "@lucam_", testimonial: "The quality and consistency here are unmatched. Every visit is a delight.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-man-working-as-barista-making-coffee-restaurant-barista-apron-white-shirt-standing-with-cup-coffee-his-workplace-coffee-shop_574295-4957.jpg", imageAlt: "Luca M."
|
|
},
|
|
{
|
|
id: "5", name: "Chiara F.", handle: "@chiaraf", testimonial: "A true gem in the city. The baristas are friendly, and the coffee is pure perfection.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-man-with-apron_23-2148366567.jpg", imageAlt: "Chiara F."
|
|
}
|
|
]}
|
|
showRating={true}
|
|
textboxLayout="default"
|
|
animationType="blur-reveal"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get In Touch"
|
|
description="Have questions about our menu, sourcing practices, or want to book a private tasting? Reach out to us—we'd love to hear from you."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name", required: true
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email", required: true
|
|
}
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us what brings you to Diada...", rows: 5,
|
|
required: true
|
|
}}
|
|
imageSrc="https://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-delicious-coffee-cup_23-2148865585.jpg"
|
|
imageAlt="Diada coffeeshop entrance"
|
|
mediaPosition="right"
|
|
buttonText="Send Message"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="DIADA"
|
|
logoLineHeight={1.2}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |