294 lines
18 KiB
TypeScript
294 lines
18 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { CheckCircle, Heart, Sparkles, Star, Award } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="noise"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Pia's Bakery"
|
|
navItems={[
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Order", id: "order" },
|
|
{ name: "Location", id: "location" }
|
|
]}
|
|
button={{ text: "Order Ahead", href: "#order" }}
|
|
className="bg-white/95 backdrop-blur-md border-b border-amber-100"
|
|
buttonClassName="bg-gradient-to-r from-orange-400 to-amber-500 hover:shadow-lg transition-all"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero-home" data-section="hero-home">
|
|
<HeroOverlay
|
|
title="A Little Taste of Venezuela in Winter Park"
|
|
description="Fresh artisan bread, golden empanadas, and traditional Venezuelan pastries baked daily with love. Experience authentic flavors that feel like home."
|
|
tag="⭐ 4.8+ Stars | Trusted by Hundreds"
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Order Ahead", href: "#order" },
|
|
{ text: "View Menu", href: "#menu" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=119syg"
|
|
imageAlt="Fresh baked Venezuelan bread and empanadas with warm bakery steam"
|
|
showDimOverlay={true}
|
|
showBlur={true}
|
|
className="relative w-full min-h-screen flex items-center justify-center overflow-hidden"
|
|
containerClassName="px-6 py-20 md:py-32 text-center max-w-2xl mx-auto z-10"
|
|
titleClassName="text-5xl md:text-7xl font-light mb-6 text-white drop-shadow-lg"
|
|
descriptionClassName="text-xl md:text-2xl font-light text-white/95 mb-8 drop-shadow-md"
|
|
tagClassName="inline-block px-4 py-2 rounded-full bg-white/20 backdrop-blur text-white font-medium mb-8"
|
|
buttonContainerClassName="flex flex-col sm:flex-row gap-4 justify-center"
|
|
buttonClassName="px-8 py-3 rounded-lg font-semibold transition-all duration-300"
|
|
buttonTextClassName="text-lg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof-quotes" data-section="social-proof-quotes">
|
|
<SocialProofOne
|
|
names={[
|
|
"100+ Happy Customers", "Daily Fresh Baking", "Authentic Venezuelan Recipes", "Family-Owned Since Day One", "Winter Park Community Favorite", "Award-Quality Ingredients", "Traditional Methods", "Trusted & Loved"
|
|
]}
|
|
title="Why Everyone Loves Pia's"
|
|
description="Real customers sharing their love for authentic Venezuelan flavors, fresh-baked daily, and the warm hospitality that makes Pia's feel like home."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
showCard={true}
|
|
speed={50}
|
|
className="w-full py-16 md:py-24 bg-gradient-to-b from-white to-amber-50"
|
|
containerClassName="max-w-6xl mx-auto px-6"
|
|
textBoxClassName="text-center mb-12"
|
|
textBoxTitleClassName="text-4xl md:text-5xl font-light mb-4 text-amber-900"
|
|
textBoxDescriptionClassName="text-lg text-amber-700 max-w-2xl mx-auto"
|
|
logoTextClassName="text-amber-700 font-semibold text-center py-4 px-6 bg-white rounded-lg border border-amber-100"
|
|
/>
|
|
</div>
|
|
|
|
<div id="signature-products" data-section="signature-products">
|
|
<ProductCardThree
|
|
products={[
|
|
{
|
|
id: "empanadas", name: "Golden Empanadas", price: "From $4.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=toj89k", imageAlt: "Crispy golden Venezuelan empanadas", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "guava-bread", name: "Guava Bread", price: "$6.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kayawo", imageAlt: "Soft artisan guava bread with rich filling", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "pineapple-cake", name: "Pineapple Upside-Down Cake", price: "$8.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bm9p0d", imageAlt: "Traditional pineapple cake with caramelized top", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "cachitos", name: "Cachitos", price: "$5.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lb09f8", imageAlt: "Traditional Venezuelan ham bread rolls", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "tequenos", name: "Tequeños", price: "$6.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v2tq8s", imageAlt: "Golden fried cheese sticks", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "coffee", name: "Fresh Venezuelan Coffee", price: "$3.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=73tb1w", imageAlt: "Freshly brewed Venezuelan coffee", initialQuantity: 1
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
carouselMode="buttons"
|
|
animationType="blur-reveal"
|
|
title="Signature Favorites"
|
|
description="Our most loved products, baked fresh daily with authentic Venezuelan recipes and premium ingredients."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "View Full Menu", href: "#menu" }]}
|
|
className="w-full py-16 md:py-24 bg-white"
|
|
containerClassName="max-w-7xl mx-auto px-6"
|
|
cardClassName="bg-white rounded-lg border border-amber-100 overflow-hidden hover:shadow-xl transition-shadow"
|
|
textBoxClassName="text-center mb-12"
|
|
textBoxTitleClassName="text-4xl md:text-5xl font-light mb-4 text-amber-900"
|
|
textBoxDescriptionClassName="text-lg text-amber-700 max-w-3xl mx-auto mb-8"
|
|
cardNameClassName="text-xl font-semibold text-amber-900 mt-4"
|
|
gridClassName="grid grid-cols-1 md:grid-cols-3 gap-8"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about-hidden-gem" data-section="about-hidden-gem">
|
|
<TextSplitAbout
|
|
title="Winter Park's Hidden Gem"
|
|
description={[
|
|
"Tucked inside Winter Park Commerce Plaza, Pia's Bakery has become a favorite stop for locals craving authentic Venezuelan flavors. Every morning our ovens fill the bakery with the aroma of fresh bread, sweet pastries, and golden empanadas.", "For many of our customers, walking into Pia's Bakery feels like stepping into a small corner of Venezuela. From traditional breads to classic pastries, our recipes carry the flavors of family kitchens, childhood memories, and authentic Venezuelan baking traditions.", "Once you find us, you'll never forget us."
|
|
]}
|
|
showBorder={false}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Get Directions", href: "#location" },
|
|
{ text: "Call Us", href: "tel:+14075551234" }
|
|
]}
|
|
className="w-full py-16 md:py-24 bg-gradient-to-r from-amber-50 to-orange-50"
|
|
containerClassName="max-w-5xl mx-auto px-6 grid md:grid-cols-2 gap-12 items-center"
|
|
titleClassName="text-4xl md:text-5xl font-light text-amber-900 mb-6"
|
|
descriptionClassName="text-lg text-amber-800 leading-relaxed mb-6"
|
|
buttonContainerClassName="flex gap-4 flex-wrap"
|
|
buttonClassName="px-6 py-2 rounded-lg font-semibold"
|
|
/>
|
|
</div>
|
|
|
|
<div id="fresh-daily-features" data-section="fresh-daily-features">
|
|
<FeatureCardTwelve
|
|
title="Baked Fresh Every Day"
|
|
description="We don't mass produce. Every loaf, pastry, and empanada is made with care using traditional recipes and fresh ingredients. That's why some favorites sell out quickly. And that's why our customers keep coming back."
|
|
features={[
|
|
{
|
|
id: "daily-baking", label: "Daily Fresh", title: "Baked Daily", items: [
|
|
"Fresh bread every morning", "Never frozen or pre-made", "Traditional baking methods", "Premium Venezuelan ingredients"
|
|
]
|
|
},
|
|
{
|
|
id: "quality-craft", label: "Artisan Quality", title: "Crafted with Care", items: [
|
|
"Small-batch preparation", "Family recipes passed down", "Attention to every detail", "No artificial additives"
|
|
]
|
|
},
|
|
{
|
|
id: "cultural-authentic", label: "Authentic", title: "Taste of Home", items: [
|
|
"Authentic Venezuelan flavors", "Traditional cooking methods", "Cultural heritage in every bite", "Nostalgia and comfort"
|
|
]
|
|
}
|
|
]}
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
className="w-full py-16 md:py-24 bg-white"
|
|
containerClassName="max-w-6xl mx-auto px-6"
|
|
textBoxClassName="text-center mb-12"
|
|
textBoxTitleClassName="text-4xl md:text-5xl font-light text-amber-900 mb-4"
|
|
textBoxDescriptionClassName="text-lg text-amber-700 max-w-3xl mx-auto"
|
|
cardClassName="bg-amber-50 border border-amber-200 rounded-lg p-8 hover:shadow-lg transition-all"
|
|
cardTitleClassName="text-2xl font-semibold text-amber-900 mb-4"
|
|
itemsContainerClassName="space-y-2"
|
|
itemTextClassName="text-amber-800 flex items-center"
|
|
labelClassName="text-sm font-bold text-amber-600 uppercase mb-2"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials-featured" data-section="testimonials-featured">
|
|
<TestimonialCardSix
|
|
testimonials={[
|
|
{
|
|
id: "testimonial-1", name: "Maria C.", handle: "@mariawinterpark", testimonial: "I'm Venezuelan and haven't felt like I've had authentic food in this country… until Pia's Bakery. It reminded me of my grandma's house.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eohfa8", imageAlt: "Happy customer enjoying Venezuelan pastry", icon: Heart
|
|
},
|
|
{
|
|
id: "testimonial-2", name: "James M.", handle: "@jameslocalcafe", testimonial: "Literally the best empanadas I've ever had. Crispy on the outside, perfectly seasoned on the inside. Worth the drive.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eohfa8", imageAlt: "Satisfied customer with empanada", icon: Star
|
|
},
|
|
{
|
|
id: "testimonial-3", name: "Sofia Rodriguez", handle: "@sofialovescake", testimonial: "The guava pastries are incredible! Fresh, authentic, and made with real love. This is what real Venezuelan baking tastes like.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eohfa8", imageAlt: "Customer appreciating guava pastries", icon: Sparkles
|
|
},
|
|
{
|
|
id: "testimonial-4", name: "David K.", handle: "@davidbakerlover", testimonial: "Everything is fresh and made from scratch. You can taste the difference. Pia's is a hidden gem worth discovering.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eohfa8", imageAlt: "Delighted customer with fresh bakery items", icon: CheckCircle
|
|
},
|
|
{
|
|
id: "testimonial-5", name: "Carmen L.", handle: "@carmenlocal", testimonial: "This bakery feels like my grandma's house in Venezuela. The warmth, the flavors, the hospitality. I come here just to feel at home.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eohfa8", imageAlt: "Content customer enjoying atmosphere", icon: Heart
|
|
},
|
|
{
|
|
id: "testimonial-6", name: "Tony B.", handle: "@tonyorlando", testimonial: "Been going for 2 years. Never disappointed. Quality never wavers. Recommend to everyone who loves real, fresh, authentic food.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eohfa8", imageAlt: "Loyal customer smiling", icon: Award
|
|
}
|
|
]}
|
|
animationType="blur-reveal"
|
|
title="Our Customers Love Us"
|
|
description="Real voices from our community sharing their love for authentic Venezuelan flavors and the warmth of Pia's Bakery."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={45}
|
|
topMarqueeDirection="left"
|
|
className="w-full py-16 md:py-24 bg-gradient-to-b from-white to-amber-50"
|
|
containerClassName="max-w-6xl mx-auto px-6"
|
|
textBoxClassName="text-center mb-12"
|
|
textBoxTitleClassName="text-4xl md:text-5xl font-light text-amber-900 mb-4"
|
|
textBoxDescriptionClassName="text-lg text-amber-700 max-w-3xl mx-auto"
|
|
cardClassName="bg-white rounded-lg border border-amber-100 p-6 min-w-max"
|
|
testimonialClassName="text-amber-800 mb-4 italic"
|
|
nameClassName="font-semibold text-amber-900"
|
|
handleClassName="text-sm text-amber-600"
|
|
/>
|
|
</div>
|
|
|
|
<div id="order-cta" data-section="order-cta">
|
|
<ContactText
|
|
text="Plan Your Visit & Order Ahead"
|
|
animationType="entrance-slide"
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Call to Order Ahead", href: "tel:+14075551234" },
|
|
{ text: "Get Directions to Pia's", href: "https://maps.google.com/?q=3580+Aloma+Ave+Winter+Park+FL" }
|
|
]}
|
|
className="w-full py-16 md:py-24 bg-gradient-to-r from-orange-500 to-amber-500 relative overflow-hidden"
|
|
containerClassName="max-w-4xl mx-auto px-6 text-center"
|
|
contentClassName="bg-white/10 backdrop-blur rounded-lg p-8 md:p-12"
|
|
textClassName="text-4xl md:text-5xl font-light text-white mb-8"
|
|
buttonContainerClassName="flex flex-col sm:flex-row gap-4 justify-center"
|
|
buttonClassName="px-8 py-3 rounded-lg font-semibold bg-white text-orange-600 hover:bg-amber-50 transition-all"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hopuvj"
|
|
imageAlt="Pia's Bakery display with fresh pastries and bread"
|
|
logoText="Pia's Bakery & More"
|
|
copyrightText="© 2025 Pia's Bakery & More. All rights reserved. Handmade with ❤️ in Winter Park."
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{ label: "Menu", href: "#menu" },
|
|
{ label: "Order Ahead", href: "#order" },
|
|
{ label: "Location", href: "#location" },
|
|
{ label: "Contact", href: "tel:+14075551234" }
|
|
]
|
|
},
|
|
{
|
|
title: "Hours", items: [
|
|
{ label: "Mon-Fri: 7am - 7pm", href: "#" },
|
|
{ label: "Sat: 8am - 6pm", href: "#" },
|
|
{ label: "Sun: 9am - 5pm", href: "#" },
|
|
{ label: "Closed Holidays", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Location", items: [
|
|
{ label: "3580 Aloma Ave Suite 10", href: "https://maps.google.com/?q=3580+Aloma+Ave+Winter+Park+FL" },
|
|
{ label: "Winter Park, FL 32792", href: "https://maps.google.com/?q=3580+Aloma+Ave+Winter+Park+FL" },
|
|
{ label: "(407) 555-1234", href: "tel:+14075551234" },
|
|
{ label: "Follow Us on Instagram", href: "https://instagram.com" }
|
|
]
|
|
}
|
|
]}
|
|
className="w-full bg-amber-900 text-amber-50"
|
|
containerClassName="max-w-7xl mx-auto px-6 py-12"
|
|
mediaWrapperClassName="mb-12 rounded-lg overflow-hidden h-64 md:h-80"
|
|
mediaClassName="w-full h-full object-cover"
|
|
logoTextClassName="text-2xl font-bold text-amber-100 mb-2"
|
|
columnsClassName="grid grid-cols-1 md:grid-cols-3 gap-8 mb-12"
|
|
columnTitleClassName="font-semibold text-amber-100 mb-4 text-lg"
|
|
columnItemClassName="text-amber-50 hover:text-amber-200 transition-colors text-sm"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|