Merge version_1 into main #1
423
src/app/page.tsx
423
src/app/page.tsx
@@ -16,311 +16,144 @@ import { Coffee } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menú",
|
||||
id: "product",
|
||||
},
|
||||
{
|
||||
name: "Opiniones",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Bar Verdía"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Nosotros", id: "about" },
|
||||
{ name: "Menú", id: "product" },
|
||||
{ name: "Opiniones", id: "testimonials" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="Bar Verdía"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Tu rincón favorito en Cee para empezar el día"
|
||||
description="Café excepcional, desayunos deliciosos y un ambiente inmejorable."
|
||||
tag="El mejor bar de Cee"
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver nuestra carta",
|
||||
href: "#product",
|
||||
},
|
||||
{
|
||||
text: "Cómo llegar",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-working-as-barista-making-coffee-restaurant-barista-apron-white-shirt-standing-with-cup-coffee-his-workplace-coffee-shop_574295-4957.jpg",
|
||||
imageAlt: "bar café cozy interior warm lighting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-with-muffin_23-2148337164.jpg",
|
||||
imageAlt: "modern café space cozy interior design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-barista-girl-making-coffee-pouring-steamed-milk-into-cappuccino-doing-latte-art-cup_1258-203385.jpg",
|
||||
imageAlt: "Smiling asian barista girl making coffee pouring steamed milk into cappuccino doing latte art in cup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barista-preparing-coffee_23-2148824432.jpg",
|
||||
imageAlt: "Male barista preparing coffee",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-business-concept-handsome-bearded-man-apron-making-coffee-while-standing-cafe_1258-103897.jpg",
|
||||
imageAlt: "Coffee Business Concept handsome bearded man in apron making coffee while standing at cafe",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="Basado en 500+ reseñas"
|
||||
tagIcon={Coffee}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Tu rincón favorito en Cee para empezar el día"
|
||||
description="Café excepcional, desayunos deliciosos y un ambiente inmejorable."
|
||||
tag="El mejor bar de Cee"
|
||||
buttons={[{ text: "Ver nuestra carta", href: "#product" }, { text: "Cómo llegar", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-working-as-barista-making-coffee-restaurant-barista-apron-white-shirt-standing-with-cup-coffee-his-workplace-coffee-shop_574295-4957.jpg", imageAlt: "bar café cozy interior warm lighting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-with-muffin_23-2148337164.jpg", imageAlt: "modern café space cozy interior design" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="Basado en 500+ reseñas"
|
||||
tagIcon={Coffee}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Bienvenido a Bar Verdía"
|
||||
description="Creemos que un buen café tiene el poder de cambiarte el día. Nacimos con la idea de crear un espacio auténtico y acogedor donde puedas relajarte, disfrutar y compartir."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Atención Cercana",
|
||||
description: "Nuestro equipo se esfuerza cada día por ofrecerte un servicio impecable.",
|
||||
},
|
||||
{
|
||||
title: "Ambiente Chill",
|
||||
description: "Un espacio moderno, cálido y relajado para desconectar de verdad.",
|
||||
},
|
||||
{
|
||||
title: "Calidad Real",
|
||||
description: "Ingredientes locales de primera para que te sientas como en casa.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-red-sweater-lady-drinks-coffee_1157-40771.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Bienvenido a Bar Verdía"
|
||||
description="Creemos que un buen café tiene el poder de cambiarte el día. Nacimos con la idea de crear un espacio auténtico y acogedor donde puedas relajarte, disfrutar y compartir."
|
||||
bulletPoints={[
|
||||
{ title: "Atención Cercana", description: "Nuestro equipo se esfuerza cada día por ofrecerte un servicio impecable." },
|
||||
{ title: "Ambiente Chill", description: "Un espacio moderno, cálido y relajado para desconectar de verdad." },
|
||||
{ title: "Calidad Real", description: "Ingredientes locales de primera para que te sientas como en casa." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-red-sweater-lady-drinks-coffee_1157-40771.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Sabor Inconfundible",
|
||||
description: "Ingredientes frescos y el mejor café de la zona.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-yummy-cake-with-lemon-slices-cup-tea-dark-background-biscuit-fruit-citrus-sweet-cake-cookie_140725-121352.jpg",
|
||||
imageAlt: "coffee cup artisan latte art",
|
||||
},
|
||||
{
|
||||
title: "Atención de Primera",
|
||||
description: "Trato amable, cercano y rápido que marca la diferencia.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-pouring-milk-coffee-latte-foam-decor_141793-17531.jpg",
|
||||
imageAlt: "coffee cup artisan latte art",
|
||||
},
|
||||
{
|
||||
title: "Ambiente Único",
|
||||
description: "Un espacio moderno, cálido y relajado para desconectar.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-citrus-fruits-as-tangerine-avocado-coconut-grapefruit-lemon-lemon-juice-with-note-pad-center-blue-background-with-copy-space_141793-9606.jpg",
|
||||
imageAlt: "coffee cup artisan latte art",
|
||||
},
|
||||
]}
|
||||
title="Tu mejor opción en la ciudad"
|
||||
description="Sabor, ambiente y calidad superior a tu alcance."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Sabor Inconfundible", description: "Ingredientes frescos y el mejor café de la zona.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-yummy-cake-with-lemon-slices-cup-tea-dark-background-biscuit-fruit-citrus-sweet-cake-cookie_140725-121352.jpg", imageAlt: "coffee cup artisan latte art" },
|
||||
{ title: "Atención de Primera", description: "Trato amable, cercano y rápido que marca la diferencia.", imageSrc: "http://img.b2bpic.net/free-photo/man-pouring-milk-coffee-latte-foam-decor_141793-17531.jpg", imageAlt: "coffee cup artisan latte art" },
|
||||
{ title: "Ambiente Único", description: "Un espacio moderno, cálido y relajado para desconectar.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-citrus-fruits-as-tangerine-avocado-coconut-grapefruit-lemon-lemon-juice-with-note-pad-center-blue-background-with-copy-space_141793-9606.jpg", imageAlt: "coffee cup artisan latte art" }
|
||||
]}
|
||||
title="Tu mejor opción en la ciudad"
|
||||
description="Sabor, ambiente y calidad superior a tu alcance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Café de Especialidad",
|
||||
price: "1.50€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-platter-with-bread-cup-tea_114579-71176.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Desayuno Salado",
|
||||
price: "4.50€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-from-afar-sweets-with-tea-cup-herbal-tea-with-cinnamon-sticks-white-notebook-bowls-candies-chocolate-cream-strawberries-citrus-fruits-table_140725-112011.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Desayuno Dulce",
|
||||
price: "3.50€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cocktail-tropical-fruits-with-blank-notepad_23-2147795365.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Zumo Natural",
|
||||
price: "2.50€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dessert-with-tea_1098-15516.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Aperitivos",
|
||||
price: "2.00€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/buns-amidst-breakfast-food_23-2147798984.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Té Premium",
|
||||
price: "1.80€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-healthy-breakfast-with-toast-egg_23-2148543671.jpg",
|
||||
},
|
||||
]}
|
||||
title="Menú Destacado"
|
||||
description="Calidad que se saborea en cada sorbo y en cada bocado."
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Café de Especialidad", price: "1.50€", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-platter-with-bread-cup-tea_114579-71176.jpg" },
|
||||
{ id: "p2", name: "Desayuno Salado", price: "4.50€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-from-afar-sweets-with-tea-cup-herbal-tea-with-cinnamon-sticks-white-notebook-bowls-candies-chocolate-cream-strawberries-citrus-fruits-table_140725-112011.jpg" },
|
||||
{ id: "p3", name: "Desayuno Dulce", price: "3.50€", imageSrc: "http://img.b2bpic.net/free-photo/cocktail-tropical-fruits-with-blank-notepad_23-2147795365.jpg" }
|
||||
]}
|
||||
title="Menú Destacado"
|
||||
description="Calidad que se saborea en cada sorbo y en cada bocado."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marta G.",
|
||||
role: "Cliente",
|
||||
testimonial: "El sabor del café delicioso, el desayuno muy bueno y la atención excelente.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-stylish-girl-with-blonde-hair-pink-lips-sitting-coffee-shop-with-wooden-chairs-table-she-holds-cup-cofee_197531-98.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Carlos L.",
|
||||
role: "Cliente",
|
||||
testimonial: "Personal muy majo y atento, buen servicio y ambiente.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-olives-beer_23-2147680964.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ana R.",
|
||||
role: "Cliente",
|
||||
testimonial: "Ambiente muy chill, 10/10. Mejor bar de todo Cee.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-showing-menu-card-female-customer-sitting-restaurant_23-2147936254.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Juan M.",
|
||||
role: "Cliente",
|
||||
testimonial: "Servicio excelente 10/10.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-going-date_23-2150168971.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sofía P.",
|
||||
role: "Cliente",
|
||||
testimonial: "Un lugar increíble para desayunar. Volveré seguro.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-woman-with-mug_23-2150767018.jpg",
|
||||
},
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="El cariño de quienes nos visitan es nuestro mayor orgullo."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Marta G.", role: "Cliente", testimonial: "El sabor del café delicioso, el desayuno muy bueno y la atención excelente.", imageSrc: "http://img.b2bpic.net/free-photo/serious-stylish-girl-with-blonde-hair-pink-lips-sitting-coffee-shop-with-wooden-chairs-table-she-holds-cup-cofee_197531-98.jpg" },
|
||||
{ id: "2", name: "Carlos L.", role: "Cliente", testimonial: "Personal muy majo y atento, buen servicio y ambiente.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-olives-beer_23-2147680964.jpg" }
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="El cariño de quienes nos visitan es nuestro mayor orgullo."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Clientes felices",
|
||||
items: [
|
||||
"Calificación 5 estrellas",
|
||||
"Ambiente excelente",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Calidad local",
|
||||
items: [
|
||||
"Ingredientes frescos",
|
||||
"Producción propia",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Pasión",
|
||||
items: [
|
||||
"Atención impecable",
|
||||
"Servicio rápido",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Calidad en Números"
|
||||
description="Más de 5 años ofreciendo los mejores desayunos de Cee."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "500+", title: "Clientes felices", items: ["Calificación 5 estrellas", "Ambiente excelente"] },
|
||||
{ id: "m2", value: "100%", title: "Calidad local", items: ["Ingredientes frescos", "Producción propia"] }
|
||||
]}
|
||||
title="Calidad en Números"
|
||||
description="Más de 5 años ofreciendo los mejores desayunos de Cee."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Visítanos hoy"
|
||||
description="Ven a visitarnos. Te esperamos con la mejor sonrisa, el ambiente más relajado y tu mesa lista."
|
||||
inputs={[
|
||||
{
|
||||
name: "nombre",
|
||||
type: "text",
|
||||
placeholder: "Tu nombre",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Tu email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/we-re-open-red-sign-window_23-2149168999.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Visítanos hoy"
|
||||
description="Ven a visitarnos. Te esperamos con la mejor sonrisa, el ambiente más relajado y tu mesa lista."
|
||||
inputs={[
|
||||
{ name: "nombre", type: "text", placeholder: "Tu nombre", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Tu email", required: true }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/we-re-open-red-sign-window_23-2149168999.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Bar Verdía"
|
||||
leftLink={{
|
||||
text: "© 2026 Bar Verdía",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contacto: hola@barverdia.com",
|
||||
href: "mailto:hola@barverdia.com",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Bar Verdía"
|
||||
leftLink={{ text: "© 2026 Bar Verdía", href: "#" }}
|
||||
rightLink={{ text: "Contacto: hola@barverdia.com", href: "mailto:hola@barverdia.com" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user