268 lines
15 KiB
TypeScript
268 lines
15 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Heart, Sparkles, Star, Camera, Clock, MapPin, Phone, Facebook, ShoppingCart } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
const handlePhoneClick = () => {
|
|
window.location.href = 'tel:628984413';
|
|
};
|
|
|
|
const handleFacebookClick = () => {
|
|
window.open('https://facebook.com', '_blank');
|
|
};
|
|
|
|
const handleOrderClick = () => {
|
|
window.location.href = '/checkout';
|
|
};
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Fans Coffee & Bakery"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Place", id: "visit" },
|
|
{ name: "Checkout", id: "checkout" }
|
|
]}
|
|
button={{ text: "Order Now", href: "/checkout" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero-section" data-section="hero-section">
|
|
<HeroLogoBillboardSplit
|
|
logoText="Fans Coffee & Bakery"
|
|
description="Premium Coffee & Artisanal Bakery | Calle del Dr. Esquerdo 180, Retiro Madrid | Near Pacífico Metro | €1-10"
|
|
background={{ variant: "gradient-bars" }}
|
|
buttons={[
|
|
{ text: "Order Online", href: "/checkout" },
|
|
{ text: "Get Directions", href: "#visit" }
|
|
]}
|
|
buttonAnimation="opacity"
|
|
layoutOrder="default"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AwJRpdoUBlhmoBlz25LKt9jMJl/uploaded-1773498781683-getse3df.png"
|
|
imageAlt="Warm cup of specialty coffee with latte art"
|
|
mediaAnimation="blur-reveal"
|
|
frameStyle="card"
|
|
ariaLabel="Fans Coffee & Bakery hero section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="signature-products" data-section="signature-products">
|
|
<ProductCardThree
|
|
title="OUR BEST PLATES "
|
|
description=""
|
|
tag="Most Loved"
|
|
tagIcon={Heart}
|
|
tagAnimation="opacity"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "tres-leches", name: "Tarta Tres Leches", price: "€6.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AwJRpdoUBlhmoBlz25LKt9jMJl/uploaded-1773500286117-4ambvo9k.png?_wi=1", imageAlt: "Tres Leches cake slice - our signature dessert", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "palmeritas", name: "Palmeritas", price: "€3.00", imageSrc: "http://img.b2bpic.net/free-photo/traditional-cinnamon-rolls-dough-preparation-homemade-sweet-rolls_127032-2506.jpg?_wi=1", imageAlt: "Crispy Palmeritas pastry", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "cinnamon-roll", name: "Cinnamon Roll", price: "€4.50", imageSrc: "http://img.b2bpic.net/free-photo/traditional-cinnamon-rolls-dough-preparation-homemade-sweet-rolls_127032-2506.jpg?_wi=2", imageAlt: "Fresh cinnamon roll with frosting", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "specialty-coffee", name: "Frappuccino de Galleta", price: "€3.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AwJRpdoUBlhmoBlz25LKt9jMJl/uploaded-1773500356599-f2pk6pu9.png?_wi=1", imageAlt: "Specialty coffee drink with latte art", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "breakfast-toast", name: "Tostada con Jamón y Tomate", price: "€5.00", imageSrc: "http://img.b2bpic.net/free-photo/plate-with-toast-vegetables-breakfast_23-2148574563.jpg", imageAlt: "Breakfast toast with tomato and ham", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "coffee-drinks", name: "Premium Coffee Drinks", price: "€2.50-€4.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AwJRpdoUBlhmoBlz25LKt9jMJl/uploaded-1773500356599-f2pk6pu9.png?_wi=2", imageAlt: "Selection of specialty coffee drinks", initialQuantity: 1
|
|
}
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
buttons={[
|
|
{ text: "Go to Checkout", href: "/checkout" },
|
|
{ text: "View Full Menu", href: "#menu" }
|
|
]}
|
|
buttonAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-fans" data-section="why-fans">
|
|
<FeatureCardTwentyThree
|
|
title="Why Fans Coffee & Bakery"
|
|
description="Fans Coffee & Bakery It's one of the best business options because there's a wide variety of dishes, desserts, and drinks. Plus, it has the best service in all of Madrid because everyone here is happy, from the staff to the customers. "
|
|
tag="What Makes Us Special"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="opacity"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "exceptional-coffee", title: "Excellent Service", tags: ["", "", ""],
|
|
imageSrc: "http://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: "Barista preparing espresso with expertise"
|
|
},
|
|
{
|
|
id: "artisanal-baking", title: "Artisanal Baking", tags: ["Daily Fresh", "Homemade Recipes", "Generous Portions"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-caramel-vanilla-cupcakes-with-cream-chocolate-decoration-copyspace-food-eating-sugar-sweet-concept_7502-5464.jpg", imageAlt: "Fresh pastries and cakes display"
|
|
},
|
|
{
|
|
id: "cozy-atmosphere", title: "Cozy Atmosphere", tags: ["Friendly Staff", "Community Vibe", "Perfect After Health Center"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg", imageAlt: "Warm and welcoming café interior"
|
|
}
|
|
]}
|
|
animationType="opacity"
|
|
buttons={[
|
|
{ text: "Learn More", href: "#reviews" }
|
|
]}
|
|
buttonAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="What Our Customers Love"
|
|
description="Real words from neighbors who visit us regularly for exceptional coffee, fresh pastries, and our warm, welcoming atmosphere near Pacífico metro."
|
|
tag="Customer Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="opacity"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "review-1", name: "María García", role: "Regular Customer", company: "\"Excellent coffee and generous portions!\"", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-sitting-coffee-shop_273609-2867.jpg", imageAlt: "María García"
|
|
},
|
|
{
|
|
id: "review-2", name: "Carlos López", role: "Coffee Enthusiast", company: "\"Best specialty drinks in the neighborhood\"", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-laughing-showing-ok-sign_23-2148859417.jpg", imageAlt: "Carlos López"
|
|
},
|
|
{
|
|
id: "review-3", name: "Ana Martín", role: "Pastry Lover", company: "\"The Tres Leches is incredible!\"", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-enjoying-cupcake_23-2148466342.jpg", imageAlt: "Ana Martín"
|
|
},
|
|
{
|
|
id: "review-4", name: "Diego Ruiz", role: "Breakfast Regular", company: "\"Perfect spot before work!\"", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-kissing-her-wife-eating-kiwi-with-spoon_23-2147904407.jpg", imageAlt: "Diego Ruiz"
|
|
},
|
|
{
|
|
id: "review-5", name: "Elena Fernández", role: "Cake Specialist", company: "\"Best cakes in Madrid!\"", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-beautiful-woman-enjoying-party_23-2148946123.jpg", imageAlt: "Elena Fernández"
|
|
},
|
|
{
|
|
id: "review-6", name: "Roberto Sánchez", role: "Post-Visit Comfort Seeker", company: "\"Cozy place to relax and recover\"", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-student-casual-t-shirt-trendy-hat-listening-new-album-his-favourite-artist-earphones-using-online-music-app-cell-phone_273609-1964.jpg", imageAlt: "Roberto Sánchez"
|
|
}
|
|
]}
|
|
kpiItems={[
|
|
{ value: "500+", label: "Happy Customers Monthly" },
|
|
{ value: "95%", label: "Return Rate" },
|
|
{ value: "15 Years", label: "Trusted Local Favorite" }
|
|
]}
|
|
animationType="slide-up"
|
|
buttons={[
|
|
{ text: "Leave a Review", href: "#contact" }
|
|
]}
|
|
buttonAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<FeatureCardTwentyThree
|
|
title="Our Space"
|
|
description="A cozy corner near Pacífico metro where comfort meets elegance in every detail. The perfect gathering place for coffee, pastries, and meaningful moments."
|
|
tag="Gallery"
|
|
tagIcon={Camera}
|
|
tagAnimation="opacity"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "interior-warm", title: "Warm Interior", tags: ["Cozy Seating", "Perfect Ambiance", "Welcoming"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/ceiling-lamps_1203-791.jpg", imageAlt: "Warm and inviting café interior"
|
|
},
|
|
{
|
|
id: "pastry-showcase", title: "Pastry Display", tags: ["Daily Fresh", "Premium Quality", "Artisanal"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mid-aged-couple-love-home_23-2147986279.jpg", imageAlt: "Beautiful pastry and cake showcase"
|
|
},
|
|
{
|
|
id: "coffee-bar", title: "Coffee Bar", tags: ["Expert Baristas", "Specialty Drinks", "Premium Equipment"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-barista-coffee-shop-holding-cup-by-counter_1303-29323.jpg", imageAlt: "Professional coffee bar with expert barista"
|
|
}
|
|
]}
|
|
animationType="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="visit-location" data-section="visit-location">
|
|
<ContactSplitForm
|
|
title="Visit Us Today"
|
|
description="Located at Calle del Dr. Esquerdo 180, Retiro Madrid, conveniently near Pacífico metro. Perfect for ordering online, eating in, takeaway, or delivery. Open Mon-Fri 7am-8pm, Sat-Sun 8am-9pm. Call us at 628 98 44 13 or find us on Facebook."
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-study-map-drinking-coffee-street-cafe-redhead-happy-girl-travel-canary-islands-looking-new-place-visit-sunny-day_1217-1756.jpg"
|
|
imageAlt="Location map near Pacífico metro"
|
|
mediaAnimation="blur-reveal"
|
|
mediaPosition="right"
|
|
useInvertedBackground={false}
|
|
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 in (Dine-in, Takeaway, or Delivery)...", rows: 4 }}
|
|
buttonText="Reserve / Order"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Menu", items: [
|
|
{ label: "Coffee Drinks", href: "#menu" },
|
|
{ label: "Pastries & Cakes", href: "#menu" },
|
|
{ label: "Tres Leches", href: "#menu" },
|
|
{ label: "Breakfast Toasts", href: "#menu" }
|
|
]
|
|
},
|
|
{
|
|
title: "Visit", items: [
|
|
{ label: "Calle del Dr. Esquerdo 180, Retiro", href: "#visit" },
|
|
{ label: "Near Pacífico Metro", href: "#visit" },
|
|
{ label: "Mon-Fri 7am-8pm", href: "#" },
|
|
{ label: "Sat-Sun 8am-9pm", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Phone: 628 98 44 13", href: "tel:628984413" },
|
|
{ label: "Order Online", href: "/checkout" },
|
|
{ label: "Dine-In | Takeaway | Delivery", href: "#visit" },
|
|
{ label: "Follow on Facebook", href: "https://facebook.com" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Fans Coffee & Bakery. All rights reserved. Quality Coffee & Artisanal Bakery near Pacífico, Madrid."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |