193 lines
10 KiB
TypeScript
193 lines
10 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Star, Heart, CheckCircle, Gift, Instagram, Facebook } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmall"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Paleta Mia"
|
|
navItems={[
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Catering", id: "catering" },
|
|
{ name: "About", id: "about" }
|
|
]}
|
|
button={{
|
|
text: "Order Ahead", href: "#"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
title="Handcrafted Paletas. Premium Ice Cream. Made Fresh Daily."
|
|
description="A sparkling-clean dessert spot serving homemade Mexican ice cream bars, mangonadas, crepes, bionicos, and more—made to order and worth the wait."
|
|
background={{ variant: "radial-gradient" }}
|
|
tag="Local Favorite"
|
|
tagIcon={Star}
|
|
buttons={[
|
|
{ text: "Order Ahead", href: "#" },
|
|
{ text: "Get Directions", href: "#" }
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-frozen-brazilian-fruit-dessert_23-2150166310.jpg", imageAlt: "Colorful homemade paletas"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/glass-showcase-pastry-shop-with-variety-fresh-cakes-pastries-popular-sweet-desserts-offered-sale_639032-1341.jpg", imageAlt: "Clean, bright shop interior"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/family-enjoying-ice-cream-together-outdoors-taking-selfie_23-2149043505.jpg", imageAlt: "Family enjoying ice cream treats"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-ice-cream-stick-liquid-chocolate-covered-it-different-chocolate-textures-brown-background_633478-2104.jpg", imageAlt: "Close-up of chocolate dipped paleta"
|
|
}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<FeatureCardNineteen
|
|
title="What We're Known For"
|
|
description="Every detail matters. Our customers love us for the same reasons, every time."
|
|
tag="Brand Promise"
|
|
tagIcon={Heart}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
tag: "Handmade", title: "Homemade Paletas", subtitle: "Small-batch excellence, real fruit, creamy classics", description: "Every paleta is made fresh with quality ingredients. Choose from fruit-based classics, rich cream flavors, or dipped and topped creations that make your order uniquely yours.", imageSrc: "http://img.b2bpic.net/free-photo/typical-brazilian-freezies-still-life_23-2150171752.jpg", imageAlt: "Colorful homemade ice cream paletas"
|
|
},
|
|
{
|
|
id: 2,
|
|
tag: "Custom", title: "Made-to-Order Treats", subtitle: "Crepes, bionicos, preparados—built fresh when you order", description: "We craft each treat in real-time. Yes, it might take a few minutes—because yours is being made right now. Order ahead and it'll be ready when you arrive.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-rolled-pancakes-with-strawberry-curd-strawberries_140725-14070.jpg", imageAlt: "Fresh crepes and custom desserts"
|
|
},
|
|
{
|
|
id: 3,
|
|
tag: "Service", title: "Sparkling Clean & Friendly", subtitle: "Organized, spotless, welcoming every single visit", description: "Cleanliness and hospitality are non-negotiable. Our team knows the menu, treats every customer like family, and keeps everything spotless so you feel at home.", imageSrc: "http://img.b2bpic.net/free-photo/woman-buys-dishes-store_1157-36685.jpg", imageAlt: "Clean, organized shop interior"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardThree
|
|
title="Fan Favorites"
|
|
description="Explore our most-loved homemade paletas and signature treats. Each one is made fresh to your preference."
|
|
tag="Menu Highlights"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
products={[
|
|
{
|
|
id: "1", name: "Mangonada", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/fresh-mango-cocktail-mexican-mango-cocktail-blue-background_123827-33773.jpg", imageAlt: "Mangonada drink with mango and tajín"
|
|
},
|
|
{
|
|
id: "2", name: "Oreo Ice Cream Paleta", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-photo/side-view-white-ice-cream-scoops-decorated-with-chocolate-cookies-syrup-vase-wooden-table_140725-10349.jpg", imageAlt: "Oreo-flavored ice cream bar"
|
|
},
|
|
{
|
|
id: "3", name: "Mocha Ice Cream Paleta", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-ice-cream-small-glass-jar_181624-59520.jpg", imageAlt: "Mocha-flavored ice cream bar"
|
|
},
|
|
{
|
|
id: "4", name: "Frozen Banana, Chocolate & Sprinkles", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/almond-banana-pancake_1339-5295.jpg", imageAlt: "Frozen banana dipped in chocolate with sprinkles"
|
|
},
|
|
{
|
|
id: "5", name: "Crepes (Made to Order)", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/golden-pancakes-with-cranberry-jam-honey-rustic-style-top-view_2829-6551.jpg", imageAlt: "Fresh crepes with sweet toppings"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="transparency" data-section="transparency">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Made fresh. Sometimes that means a short wait." }
|
|
]}
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "Order Ahead", href: "#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=1", imageAlt: "Sarah Johnson"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3552.jpg", imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Emma Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-home_1398-2388.jpg", imageAlt: "Emma Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=2", imageAlt: "David Kim"
|
|
}
|
|
]}
|
|
cardTitle="So nice and clean. Made to order and delicious."
|
|
cardTag="Trusted by hundreds of families"
|
|
cardTagIcon={CheckCircle}
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="catering" data-section="catering">
|
|
<ContactCenter
|
|
tag="Events & Schools"
|
|
title="Bring Paleta Mia to Your Event"
|
|
description="Schools, office treats, birthdays, team celebrations—we make it easy to serve something unforgettable. Proudly serving local families and events."
|
|
tagIcon={Gift}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Get Catering Quote"
|
|
termsText="We'll follow up with catering details and pricing within 24 hours."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Paleta Mia"
|
|
copyrightText="© 2025 Paleta Mia. Handmade, fresh, and sparkling clean."
|
|
socialLinks={[
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com", ariaLabel: "Follow us on Instagram"
|
|
},
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com", ariaLabel: "Follow us on Facebook"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |