Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 35615ddc77 | |||
| 016c06d36d | |||
| 9d2af41ba7 |
267
src/app/page.tsx
267
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre nosotros",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menú",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Opiniones",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Sobre nosotros", id: "about" },
|
||||
{ name: "Menú", id: "features" },
|
||||
{ name: "Opiniones", id: "testimonials" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="Bar Orellana"
|
||||
/>
|
||||
@@ -59,108 +44,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Bar Orellana: Sabor Tradicional en Villanueva"
|
||||
description="Tu bar de toda la vida. Desayunos abundantes, tapas caseras y el mejor ambiente familiar de Badajoz."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Juan Pérez",
|
||||
handle: "@juanp",
|
||||
testimonial: "Las mejores tostadas con tomate y jamón de toda Villanueva.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-world-theatre-day-scenes-with-vintage-backstage_23-2151211362.jpg?_wi=1",
|
||||
imageAlt: "bar de barrio tradicional acogedor",
|
||||
},
|
||||
{
|
||||
name: "Ana García",
|
||||
handle: "@anagar",
|
||||
testimonial: "Ambiente increíble, trato familiar y calidad-precio inmejorable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-meat-fajitos-pan_141793-5189.jpg",
|
||||
imageAlt: "bar de barrio tradicional acogedor",
|
||||
},
|
||||
{
|
||||
name: "Luis Sánchez",
|
||||
handle: "@luiss",
|
||||
testimonial: "Perfecto para el desayuno temprano antes de trabajar. ¡Genial!",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-smiling-woman-wearing-white-t-shirt-with-dark-hair-healthy-skin-holding-morning-coffee-croissants-breakfast-home_291650-150.jpg",
|
||||
imageAlt: "bar de barrio tradicional acogedor",
|
||||
},
|
||||
{
|
||||
name: "María López",
|
||||
handle: "@marial",
|
||||
testimonial: "Tapas caseras excelentes, se nota el cariño en la cocina.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663842.jpg",
|
||||
imageAlt: "bar de barrio tradicional acogedor",
|
||||
},
|
||||
{
|
||||
name: "Carlos Ruiz",
|
||||
handle: "@carlosr",
|
||||
testimonial: "Un clásico del barrio. Muy recomendado para los huevos rotos.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-ham-fresh-vegetables_2829-14205.jpg",
|
||||
imageAlt: "bar de barrio tradicional acogedor",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver menú",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/retro-world-theatre-day-scenes-with-vintage-backstage_23-2151211362.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/traditional-academic-library-with-reading-desks-green-lamps-bookshelves_482257-124271.jpg",
|
||||
alt: "Cliente sonriente",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/restaurant-with-leather-sofa-paintings-wall_140725-9715.jpg",
|
||||
alt: "Cliente frecuente",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-length-stock-photo-extremely-trendy-luxurious-brunette-model-crop-top-silver-sparkling-jacket-black-trousers-high-heels-model-trendy-outfit-sitting-bar-stool-club-bar_132075-8992.jpg",
|
||||
alt: "Amigo del bar",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/restaurant-room-with-guns-wall_140725-6307.jpg",
|
||||
alt: "Visitante diario",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/retro-world-theatre-day-scenes-with-vintage-backstage_23-2151211362.jpg",
|
||||
alt: "Cliente feliz",
|
||||
},
|
||||
{ name: "Juan Pérez", handle: "@juanp", testimonial: "Las mejores tostadas con tomate y jamón de toda Villanueva.", rating: 5, imageSrc: "https://images.unsplash.com/photo-1555396273-367ea4eb4db5?auto=format&fit=crop&w=800&q=80", imageAlt: "desayuno tradicional" },
|
||||
{ name: "Ana García", handle: "@anagar", testimonial: "Ambiente increíble, trato familiar y calidad-precio inmejorable.", rating: 5, imageSrc: "https://images.unsplash.com/photo-1514362545857-3bc16c4c7d1b?auto=format&fit=crop&w=800&q=80", imageAlt: "ambiente acogedor" },
|
||||
{ name: "Luis Sánchez", handle: "@luiss", testimonial: "Perfecto para el desayuno temprano antes de trabajar. ¡Genial!", rating: 4, imageSrc: "https://images.unsplash.com/photo-1504674900247-0877df9cc836?auto=format&fit=crop&w=800&q=80", imageAlt: "comida casera" },
|
||||
]}
|
||||
buttons={[{ text: "Ver menú", href: "#features" }]}
|
||||
imageSrc="https://images.unsplash.com/photo-1559339352-11d035aa65de?auto=format&fit=crop&w=1200&q=80"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Desayunos 5:15",
|
||||
icon: Coffee,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Tapas Caseras",
|
||||
icon: Utensils,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Ambiente Familiar",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Villanueva",
|
||||
icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Calidad Local",
|
||||
icon: Award,
|
||||
},
|
||||
{ type: "text-icon", text: "Desayunos 5:15", icon: Coffee },
|
||||
{ type: "text-icon", text: "Tapas Caseras", icon: Utensils },
|
||||
{ type: "text-icon", text: "Ambiente Familiar", icon: Users },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -169,12 +66,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Un lugar con historia en el corazón de Villanueva"
|
||||
buttons={[
|
||||
{
|
||||
text: "Cómo llegar",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Cómo llegar", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -183,21 +75,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Desayunos Tempraneros",
|
||||
description: "Abrimos desde las 5:15 para empezar el día con fuerza.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-table-arrangement_23-2150227880.jpg",
|
||||
},
|
||||
{
|
||||
title: "Tapas Tradicionales",
|
||||
description: "Raciones caseras y platos extremeños típicos.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-eating-spanish-tortilla_52683-107693.jpg",
|
||||
},
|
||||
{
|
||||
title: "Ambiente Familiar",
|
||||
description: "Un trato cercano como en tu casa de toda la vida.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assorted-food-near-basket_23-2147930080.jpg",
|
||||
},
|
||||
{ title: "Desayunos Tempraneros", description: "Abrimos desde las 5:15 para empezar el día con fuerza.", imageSrc: "https://images.unsplash.com/photo-1533089860892-7104b2326162?auto=format&fit=crop&w=800&q=80" },
|
||||
{ title: "Tapas Tradicionales", description: "Raciones caseras y platos extremeños típicos.", imageSrc: "https://images.unsplash.com/photo-1544148103-0773bf10d330?auto=format&fit=crop&w=800&q=80" },
|
||||
{ title: "Ambiente Familiar", description: "Un trato cercano como en tu casa de toda la vida.", imageSrc: "https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=800&q=80" },
|
||||
]}
|
||||
title="Nuestra esencia"
|
||||
description="Lo que nos hace únicos en la Calle Hernán Cortés."
|
||||
@@ -210,28 +90,7 @@ export default function LandingPage() {
|
||||
testimonial="Excelente trato, precios económicos y una cocina de diez."
|
||||
rating={5}
|
||||
author="Cliente Habitual"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-smiling-woman-wearing-white-t-shirt-with-dark-hair-healthy-skin-holding-morning-coffee-croissants-breakfast-home_291650-150.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663842.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sandwich-with-ham-fresh-vegetables_2829-14205.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-unshaven-male-economist-reads-attentively-news-from-newspaper-focused-financial-atricle-recieves-business-press-wears-spectacles-casual-red-t-shirt-models-against-cafe-interior_273609-29628.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/authentic-people-eating-fresh-cheese_23-2150220456.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
avatars={[{ src: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=200&q=80", alt: "Client" }]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
@@ -242,21 +101,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "¿A qué hora abrís?",
|
||||
content: "Abrimos de lunes a sábado desde las 5:15 de la mañana.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "¿Estáis abiertos los domingos?",
|
||||
content: "Los domingos permanecemos cerrados por descanso.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "¿Dónde estáis ubicados?",
|
||||
content: "Estamos en la Calle Hernán Cortés, 233, Villanueva de la Serena.",
|
||||
},
|
||||
{ id: "1", title: "¿A qué hora abrís?", content: "Abrimos de lunes a sábado desde las 5:15 de la mañana." },
|
||||
{ id: "2", title: "¿Estáis abiertos los domingos?", content: "Los domingos permanecemos cerrados por descanso." },
|
||||
{ id: "3", title: "¿Dónde estáis ubicados?", content: "Estamos en la Calle Hernán Cortés, 233, Villanueva de la Serena." },
|
||||
]}
|
||||
title="Preguntas frecuentes"
|
||||
description="Todo lo que necesitas saber antes de visitarnos."
|
||||
@@ -271,27 +118,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.4/5",
|
||||
title: "Valoración Google",
|
||||
description: "Basado en decenas de opiniones positivas.",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Más de 5h",
|
||||
title: "Apertura temprana",
|
||||
description: "Abiertos desde las 5:15 de la madrugada.",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Local",
|
||||
title: "Ambiente de barrio",
|
||||
description: "Trato cercano y familiar garantizado.",
|
||||
icon: Users,
|
||||
},
|
||||
{ id: "m1", value: "4.4/5", title: "Valoración Google", description: "Basado en decenas de opiniones positivas.", icon: Star },
|
||||
{ id: "m2", value: "Más de 5h", title: "Apertura temprana", description: "Abiertos desde las 5:15 de la madrugada.", icon: Clock },
|
||||
{ id: "m3", value: "Local", title: "Ambiente de barrio", description: "Trato cercano y familiar garantizado.", icon: Users },
|
||||
]}
|
||||
title="Nuestra trayectoria"
|
||||
description="Calidad avalada por nuestros clientes."
|
||||
@@ -302,13 +131,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Villanueva de la Serena",
|
||||
"Comunidad de Badajoz",
|
||||
"Clientes Fieles",
|
||||
"Barrio de Hernán Cortés",
|
||||
"Hostelería Tradicional",
|
||||
]}
|
||||
names={["Villanueva de la Serena", "Comunidad de Badajoz", "Clientes Fieles", "Barrio de Hernán Cortés", "Hostelería Tradicional"]}
|
||||
title="Orgullosos de Villanueva"
|
||||
description="Parte integral de la comunidad local."
|
||||
/>
|
||||
@@ -317,50 +140,18 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contacto"
|
||||
title="¡Ven a vernos!"
|
||||
description="Estamos en Calle Hernán Cortés, 233. ¿Tienes dudas? Pásate a saludarnos."
|
||||
buttons={[
|
||||
{
|
||||
text: "Cómo llegar",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Cómo llegar", href: "https://maps.google.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Menú",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Opiniones",
|
||||
href: "#testimonials",
|
||||
},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Bar Orellana"
|
||||
columns={[{ items: [{ label: "Inicio", href: "#hero" }, { label: "Menú", href: "#features" }] }, { items: [{ label: "Opiniones", href: "#testimonials" }, { label: "Contacto", href: "#contact" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f6f0e9;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #2b180a;
|
||||
--primary-cta-text: #f6f0e9;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta-text: #2b180a;
|
||||
--accent: #94877c;
|
||||
--background-accent: #afa094;
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000f06e6;
|
||||
--primary-cta: #0a7039;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta-text: #000f06e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user