Files
929b5c6b-d83c-4b2d-beb5-5e1…/src/app/page.tsx
2026-02-27 17:40:11 +00:00

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>
);
}