Merge version_1 into main #2
321
src/app/page.tsx
321
src/app/page.tsx
@@ -14,199 +14,150 @@ import { Coffee, Heart, Sparkles } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLarge"
|
||||
background="floatingGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="extrabold"
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLarge"
|
||||
background="floatingGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Experiencia", id: "experiencia"},
|
||||
{
|
||||
name: "Menú", id: "menu"},
|
||||
{
|
||||
name: "Reservar", id: "reservas"},
|
||||
]}
|
||||
brandName="Contigo Sueño"
|
||||
button={{
|
||||
text: "Reservar ahora", href: "#reservas"}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Experiencia", id: "experiencia" },
|
||||
{ name: "Menú", id: "menu" },
|
||||
{ name: "Reservar", id: "reservas" },
|
||||
]}
|
||||
brandName="Contigo Sueño"
|
||||
button={{ text: "Reservar ahora", href: "#reservas" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Donde cada momento es un sueño compartido"
|
||||
description="Café de especialidad, brunch artesanal y un refugio de paz en el corazón de Montevideo. Ven a disfrutar de un espacio pensado para conectar."
|
||||
testimonials={[
|
||||
{
|
||||
name: "María", handle: "@maria_mvd", testimonial: "La experiencia fue espectacular, el café con caramelo es único.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waitress-serving-cup-coffee-customers_1170-652.jpg"},
|
||||
{
|
||||
name: "Juan", handle: "@juan_p", testimonial: "Un lugar hermoso, bien cuidado y con una atención excelente.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-cup-with-red-shapes-filled-with-creamy-coffee-white-background-with-striped-grey-white-cloth-covered-by-ficus-leaf-shadow-hat_23-2148296157.jpg"},
|
||||
{
|
||||
name: "Sofía", handle: "@sofia_brunch", testimonial: "Gran variedad de opciones, todo riquísimo.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-english-breakfast-with-fried-egg-bacon-sausages-beans_123827-37133.jpg"},
|
||||
{
|
||||
name: "Diego", handle: "@d_diego", testimonial: "Ambiente cálido y familiar, mi lugar preferido.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-four-south-asian-men-s-posed-business-meeting-cafe-indians-having-conversation_627829-5246.jpg"},
|
||||
{
|
||||
name: "Elena", handle: "@elena_mvd", testimonial: "Servicio excelente de principio a fin, impecable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-barista-girl-giving-takeaway-coffee-cup-prepare-takeout-order-guest-cafe-wearing_1258-138306.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reservar mesa", href: "#reservas"},
|
||||
{
|
||||
text: "Ver carta", href: "#menu"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/girl-thinking_23-2148014959.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-hat-waist-bag-relaxing-cafe-free-time-with-mobile-phone_627829-5382.jpg", alt: "Charming african american woman model in black jacket hat and waist bag relaxing in cafe during free time with mobile phone"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adorable-couple-sitting-cafe_23-2148422331.jpg", alt: "Adorable couple sitting in cafe"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/interior-bakery-with-lighting-equipments_23-2147893059.jpg", alt: "Interior of bakery with lighting equipments"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-waist-bag-relaxing-cafe-free-time_627829-5344.jpg", alt: "Charming african american woman model in black jacket and waist bag relaxing in cafe during free time"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/red-haired-girl-smiles-because-sun-strokes-her-cheeks_8353-9131.jpg", alt: "The red-haired girl smiles because the sun strokes her cheeks"},
|
||||
],
|
||||
avatarText: "Únete a nuestra comunidad", marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Café de especialidad"},
|
||||
{
|
||||
type: "text", text: "Brunch artesanal"},
|
||||
{
|
||||
type: "text", text: "Ambiente acogedor"},
|
||||
{
|
||||
type: "text", text: "Montevideo MVD"},
|
||||
{
|
||||
type: "text", text: "Reserva tu lugar"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Donde cada momento es un sueño compartido"
|
||||
description="Café de especialidad, brunch artesanal y un refugio de paz en el corazón de Montevideo. Ven a disfrutar de un espacio pensado para conectar."
|
||||
testimonials={[
|
||||
{ name: "María", handle: "@maria_mvd", testimonial: "La experiencia fue espectacular, el café con caramelo es único.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/waitress-serving-cup-coffee-customers_1170-652.jpg" },
|
||||
{ name: "Juan", handle: "@juan_p", testimonial: "Un lugar hermoso, bien cuidado y con una atención excelente.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/white-cup-with-red-shapes-filled-with-creamy-coffee-white-background-with-striped-grey-white-cloth-covered-by-ficus-leaf-shadow-hat_23-2148296157.jpg" },
|
||||
{ name: "Sofía", handle: "@sofia_brunch", testimonial: "Gran variedad de opciones, todo riquísimo.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-english-breakfast-with-fried-egg-bacon-sausages-beans_123827-37133.jpg" },
|
||||
{ name: "Diego", handle: "@d_diego", testimonial: "Ambiente cálido y familiar, mi lugar preferido.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-four-south-asian-men-s-posed-business-meeting-cafe-indians-having-conversation_627829-5246.jpg" },
|
||||
{ name: "Elena", handle: "@elena_mvd", testimonial: "Servicio excelente de principio a fin, impecable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-barista-girl-giving-takeaway-coffee-cup-prepare-takeout-order-guest-cafe-wearing_1258-138306.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Reservar mesa", href: "#reservas" },
|
||||
{ text: "Ver carta", href: "#menu" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/girl-thinking_23-2148014959.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-hat-waist-bag-relaxing-cafe-free-time-with-mobile-phone_627829-5382.jpg", alt: "Charming african american woman model in black jacket hat and waist bag relaxing in cafe during free time with mobile phone" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/adorable-couple-sitting-cafe_23-2148422331.jpg", alt: "Adorable couple sitting in cafe" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/interior-bakery-with-lighting-equipments_23-2147893059.jpg", alt: "Interior of bakery with lighting equipments" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-waist-bag-relaxing-cafe-free-time_627829-5344.jpg", alt: "Charming african american woman model in black jacket and waist bag relaxing in cafe during free time" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/red-haired-girl-smiles-because-sun-strokes-her-cheeks_8353-9131.jpg", alt: "The red-haired girl smiles because the sun strokes her cheeks" },
|
||||
]}
|
||||
avatarText="Únete a nuestra comunidad"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Café de especialidad" },
|
||||
{ type: "text", text: "Brunch artesanal" },
|
||||
{ type: "text", text: "Ambiente acogedor" },
|
||||
{ type: "text", text: "Montevideo MVD" },
|
||||
{ type: "text", text: "Reserva tu lugar" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experiencia" data-section="experiencia">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Mucho más que una cafetería"
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Café Especialidad", value: "100%"},
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Calidez Montevideo", value: "24/7"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Detalles Únicos", value: "Cada día"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="experiencia" data-section="experiencia">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Mucho más que una cafetería"
|
||||
metrics={[
|
||||
{ icon: Coffee, label: "Café Especialidad", value: "100%" },
|
||||
{ icon: Heart, label: "Calidez Montevideo", value: "24/7" },
|
||||
{ icon: Sparkles, label: "Detalles Únicos", value: "Cada día" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="propuesta" data-section="propuesta">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Café de Especialidad", description: "Selección premium tostada a la perfección.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-smelling-coffee_23-2148865616.jpg"},
|
||||
{
|
||||
title: "Brunch Artesanal", description: "Opciones tradicionales con nuestro toque de autor.", imageSrc: "http://img.b2bpic.net/free-photo/beetroot-with-vegetable-salad_1203-9021.jpg"},
|
||||
{
|
||||
title: "Inclusivo", description: "Alternativas veganas y opciones sin gluten.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-sandwiches-arrangement-cement-background_23-2148617313.jpg"},
|
||||
]}
|
||||
title="Nuestra esencia"
|
||||
description="Diseñamos un menú que celebra los sentidos, priorizando ingredientes frescos, opciones inclusivas y ese toque artesanal que nos hace únicos."
|
||||
/>
|
||||
</div>
|
||||
<div id="propuesta" data-section="propuesta">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Café de Especialidad", description: "Selección premium tostada a la perfección.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-smelling-coffee_23-2148865616.jpg" },
|
||||
{ title: "Brunch Artesanal", description: "Opciones tradicionales con nuestro toque de autor.", imageSrc: "http://img.b2bpic.net/free-photo/beetroot-with-vegetable-salad_1203-9021.jpg" },
|
||||
{ title: "Inclusivo", description: "Alternativas veganas y opciones sin gluten.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-sandwiches-arrangement-cement-background_23-2148617313.jpg" },
|
||||
]}
|
||||
title="Nuestra esencia"
|
||||
description="Diseñamos un menú que celebra los sentidos, priorizando ingredientes frescos, opciones inclusivas y ese toque artesanal que nos hace únicos."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Roll de Canela", price: "Consulta", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-cinnamon-rolls_23-2148904669.jpg"},
|
||||
{
|
||||
id: "2", name: "Tostón de Aguacate", price: "Consulta", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-avocado-sandwiches-with-sliced-red-tomatoes-white-surface_140725-90256.jpg"},
|
||||
{
|
||||
id: "3", name: "Café con Caramelo", price: "Consulta", imageSrc: "http://img.b2bpic.net/free-photo/aroma-cup-coffee-with-crackers-marble-background-high-quality-photo_114579-37564.jpg"},
|
||||
{
|
||||
id: "4", name: "Brunch Completo", price: "Consulta", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-thanksgiving-meal_23-2148629555.jpg"},
|
||||
{
|
||||
id: "5", name: "Tostón con Huevo", price: "Consulta", imageSrc: "http://img.b2bpic.net/free-photo/egg-top-avocado-toast_23-2148381386.jpg"},
|
||||
{
|
||||
id: "6", name: "Pastelería Variada", price: "Consulta", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-finger-tasty-meal-food_1157-4106.jpg"},
|
||||
]}
|
||||
title="Destacados del menú"
|
||||
description="Sabores que enamoran, preparados diariamente con amor."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Roll de Canela", price: "Consulta", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-cinnamon-rolls_23-2148904669.jpg" },
|
||||
{ id: "2", name: "Tostón de Aguacate", price: "Consulta", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-avocado-sandwiches-with-sliced-red-tomatoes-white-surface_140725-90256.jpg" },
|
||||
{ id: "3", name: "Café con Caramelo", price: "Consulta", imageSrc: "http://img.b2bpic.net/free-photo/aroma-cup-coffee-with-crackers-marble-background-high-quality-photo_114579-37564.jpg" },
|
||||
{ id: "4", name: "Brunch Completo", price: "Consulta", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-thanksgiving-meal_23-2148629555.jpg" },
|
||||
{ id: "5", name: "Tostón con Huevo", price: "Consulta", imageSrc: "http://img.b2bpic.net/free-photo/egg-top-avocado-toast_23-2148381386.jpg" },
|
||||
{ id: "6", name: "Pastelería Variada", price: "Consulta", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-finger-tasty-meal-food_1157-4106.jpg" },
|
||||
]}
|
||||
title="Destacados del menú"
|
||||
description="Sabores que enamoran, preparados diariamente con amor."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reservas" data-section="reservas">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Reservas"
|
||||
title="Reserva tu momento"
|
||||
description="Nuestras mesas vuelan. Asegura tu lugar en nuestro jardín o salón principal y vive la experiencia Contigo Sueño."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bird-city-sparrow-sitting-table-outdoor-cafe_1153-4661.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="reservas" data-section="reservas">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Reservas"
|
||||
title="Reserva tu momento"
|
||||
description="Nuestras mesas vuelan. Asegura tu lugar en nuestro jardín o salón principal y vive la experiencia Contigo Sueño."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bird-city-sparrow-sitting-table-outdoor-cafe_1153-4661.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vase-with-dry-wheat-cup-coffee_23-2148879078.jpg"
|
||||
logoText="Contigo Sueño"
|
||||
columns={[
|
||||
{
|
||||
title: "Contacto", items: [
|
||||
{
|
||||
label: "Montevideo, Uruguay", href: "#"},
|
||||
{
|
||||
label: "hola@contigosueno.uy", href: "mailto:hola@contigosueno.uy"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Horarios", items: [
|
||||
{
|
||||
label: "Lun-Vie: 8:00 - 20:00", href: "#"},
|
||||
{
|
||||
label: "Sab-Dom: 9:00 - 21:00", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Redes", items: [
|
||||
{
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vase-with-dry-wheat-cup-coffee_23-2148879078.jpg"
|
||||
logoText="Contigo Sueño"
|
||||
columns={[
|
||||
{
|
||||
title: "Contacto", items: [
|
||||
{ label: "Montevideo, Uruguay", href: "#" },
|
||||
{ label: "hola@contigosueno.uy", href: "mailto:hola@contigosueno.uy" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Horarios", items: [
|
||||
{ label: "Lun-Vie: 8:00 - 20:00", href: "#" },
|
||||
{ label: "Sab-Dom: 9:00 - 21:00", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Redes", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Facebook", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user