321 lines
11 KiB
TypeScript
321 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { CheckCircle, Clock, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Inicio",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "Nosotros",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Nuestros Postres",
|
|
id: "products",
|
|
},
|
|
{
|
|
name: "Contacto",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Posdata con Amor"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
title="Momentos inolvidables, hechos con amor"
|
|
description="Tortas y postres premium que transforman celebraciones en recuerdos eternos. Ingredientes excepcionales, diseños únicos, entrega garantizada."
|
|
tag="Repostería de Lujo en Medellín"
|
|
buttons={[
|
|
{
|
|
text: "Pedir por WhatsApp",
|
|
href: "https://wa.me/573000000000",
|
|
},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/black-cake-with-gold-leaves-black-topper_188544-19731.jpg",
|
|
imageAlt: "Cake Celebration",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-biscuits-with-flowers-flat-lay_23-2148890814.jpg",
|
|
imageAlt: "Cake Luxury",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-chocolate-cake_23-2148604552.jpg",
|
|
imageAlt: "Gourmet Chocolate Cake",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-french-macarons-delicious-baked-inside-basket-dark-table-cake-biscuit-cookie-sugar_140725-27849.jpg",
|
|
imageAlt: "Macarons Box",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sweet-cookies-with-cream-dogwoods-inside-plate-grey_140725-30095.jpg",
|
|
imageAlt: "Artisan Tartlet",
|
|
},
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="Más de 500 celebraciones perfectas"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{
|
|
type: "text",
|
|
content: "No vendemos tortas, ",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/female-confectioner-with-chocolate-cake-pastry-shop_23-2150360216.jpg",
|
|
alt: "About Us",
|
|
},
|
|
{
|
|
type: "text",
|
|
content: "creamos recuerdos.",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFive
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Ingredientes Premium",
|
|
description: "Seleccionamos solo lo mejor para sabores inigualables.",
|
|
icon: CheckCircle,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-muffin-ingredients-top-view_23-2148718980.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-muffin-ingredients-top-view_23-2148718980.jpg",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/black-cake-with-gold-leaves-black-topper_188544-19731.jpg",
|
|
imageAlt: "luxury wedding cake gold details",
|
|
},
|
|
{
|
|
title: "Diseño Personalizado",
|
|
description: "Tu visión se convierte en una obra de arte comestible.",
|
|
icon: Sparkles,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pink-strawberry-cakes-with-jam-chocolate-bars-white-surface_140725-90582.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pink-strawberry-cakes-with-jam-chocolate-bars-white-surface_140725-90582.jpg",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-confectioner-with-chocolate-cake-pastry-shop_23-2150360216.jpg",
|
|
imageAlt: "baker preparing delicate dessert",
|
|
},
|
|
{
|
|
title: "Cumplimiento Total",
|
|
description: "Entregas puntuales para tu tranquilidad absoluta.",
|
|
icon: Clock,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-courier-wearing-headset-while-delivering-food-from-restaurant_637285-6602.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-courier-wearing-headset-while-delivering-food-from-restaurant_637285-6602.jpg",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-muffin-ingredients-top-view_23-2148718980.jpg",
|
|
imageAlt: "premium dessert ingredients top down",
|
|
},
|
|
]}
|
|
title="Nuestra promesa de calidad"
|
|
description="Cada detalle es pensado para convertir tu celebración en un momento eterno."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Torta Ceremonial",
|
|
price: "Desde $150.000",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-chocolate-cake_23-2148604552.jpg",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Cake de Bodas",
|
|
price: "Desde $450.000",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-biscuits-with-flowers-flat-lay_23-2148890814.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Selección Corporativa",
|
|
price: "Desde $200.000",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-freshly-baked-delicious-creamy-cupcakes-with-cherries-trays_181624-28744.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Postres Individuales",
|
|
price: "Desde $15.000",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bird-milk-cake-table_140725-4464.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Caja de Macarons",
|
|
price: "Desde $80.000",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-french-macarons-delicious-baked-inside-basket-dark-table-cake-biscuit-cookie-sugar_140725-27849.jpg",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Tartas Gourmet",
|
|
price: "Desde $90.000",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sweet-cookies-with-cream-dogwoods-inside-plate-grey_140725-30095.jpg",
|
|
},
|
|
]}
|
|
title="Nuestra Colección"
|
|
description="Explora nuestros postres diseñados para cada ocasión especial."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Camila G.",
|
|
handle: "Boda 2024",
|
|
testimonial: "El diseño de la torta fue simplemente espectacular. Tal como lo soñé.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-cutting-cake-their-wedding_23-2150835742.jpg",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Juan M.",
|
|
handle: "Evento Corporativo",
|
|
testimonial: "Puntualidad y sabor impecable. Definitivamente nuestra opción de confianza.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-red-bow-tie_1298-345.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Valentina R.",
|
|
handle: "Cumpleaños 15",
|
|
testimonial: "Un trabajo artístico increíble, el sabor nos cautivó a todos.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/grateful-charming-blond-european-s-woman-silver-party-dress-press-palms-heart-feel-thankful-appre_1258-131137.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Andrés P.",
|
|
handle: "Aniversario",
|
|
testimonial: "La mejor repostería de Medellín, cada detalle cuidado con cariño.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-queer-couples-celebrating-birthday_23-2149668045.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Sofía T.",
|
|
handle: "Bautizo",
|
|
testimonial: "Calidad inigualable y un servicio profesional desde el primer momento.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-making-selfie-instant-camera_158595-3892.jpg",
|
|
},
|
|
]}
|
|
showRating={true}
|
|
title="Lo que dicen nuestros clientes"
|
|
description="El amor y la calidad se sienten en cada bocado."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Haz tu pedido hoy"
|
|
description="Estamos listos para hacer parte de tu celebración. Escríbenos y personaliza tu pedido."
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Tu nombre",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Tu correo",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "phone",
|
|
type: "tel",
|
|
placeholder: "Tu teléfono (WhatsApp)",
|
|
required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Cuéntanos sobre tu evento especial",
|
|
rows: 4,
|
|
required: true,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/view-strawberry-cake-bakery-shop_23-2150360188.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Posdata con Amor"
|
|
copyrightText="© 2025 Posdata con Amor | Todos los derechos reservados"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|