Merge version_2 into main #2
259
src/app/page.tsx
259
src/app/page.tsx
@@ -21,9 +21,9 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="grid"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Nuestra Esencia",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Platos",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Nuestra Esencia", id: "about" },
|
||||
{ name: "Platos", id: "menu" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="Don de Mariana"
|
||||
/>
|
||||
@@ -56,40 +44,18 @@ export default function LandingPage() {
|
||||
<HeroCarouselLogo
|
||||
logoText="Don de Mariana"
|
||||
description="Auténtica comida casera cerca de Atocha. El mejor menú del día de la zona."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver nuestra carta",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Ver nuestra carta", href: "#menu" }]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-burning-candles-tables_140725-7784.jpg?_wi=1",
|
||||
imageAlt: "traditional spanish restaurant interior rustic",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottle-salt-jar-with-assortment-meat-table-near-barbecue_23-2147840946.jpg",
|
||||
imageAlt: "Bottle and salt jar with assortment of meat on table near the barbecue",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-red-cafe-interior-with-tiled-walls_181624-59785.jpg",
|
||||
imageAlt: "Vertical shot of a red cafe interior with tiled walls",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552628.jpg",
|
||||
imageAlt: "Asian people having dinner party",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-wild-berries-clay-pot-table_141793-3800.jpg",
|
||||
imageAlt: "Side view wild berries in an clay pot on the table",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-burning-candles-tables_140725-7784.jpg?_wi=1", imageAlt: "traditional spanish restaurant interior rustic" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bottle-salt-jar-with-assortment-meat-table-near-barbecue_23-2147840946.jpg", imageAlt: "Assortment of meat" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-red-cafe-interior-with-tiled-walls_181624-59785.jpg", imageAlt: "Red cafe interior" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
tag="Nuestra Esencia"
|
||||
title="Tradición y Servicio"
|
||||
description="Don de Mariana es un proyecto liderado por mujeres que apuesta por la comida casera, fresca y de calidad. Nos esforzamos en que cada visitante se sienta como en casa desde el primer momento."
|
||||
@@ -106,30 +72,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Tortilla con Atún y Pimientos",
|
||||
descriptions: [
|
||||
"Nuestra especialidad, jugosa y tradicional.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spanish-tortilla_23-2150166743.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Arroz con Verduras",
|
||||
descriptions: [
|
||||
"Arroz en su punto con verduras frescas de temporada.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-spanish-food_23-2149210891.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Jamón Ibérico",
|
||||
descriptions: [
|
||||
"La mejor calidad para empezar cualquier comida.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-spanish-croquettes-arrangement_23-2149173832.jpg?_wi=1",
|
||||
},
|
||||
{ id: "f1", title: "Tortilla con Atún y Pimientos", descriptions: ["Nuestra especialidad, jugosa y tradicional."], imageSrc: "http://img.b2bpic.net/free-photo/still-life-spanish-tortilla_23-2150166743.jpg?_wi=1" },
|
||||
{ id: "f2", title: "Arroz con Verduras", descriptions: ["Arroz en su punto con verduras frescas de temporada."], imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-spanish-food_23-2149210891.jpg?_wi=1" },
|
||||
]}
|
||||
title="Nuestra Carta Destacada"
|
||||
description="Sabores caseros preparados diariamente con ingredientes frescos."
|
||||
@@ -141,62 +85,11 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Casero",
|
||||
name: "Fabada",
|
||||
price: "12€",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-spanish-tortilla-still-life_23-2150246064.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Casero",
|
||||
name: "Huevos Estrellados",
|
||||
price: "10€",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-spanish-tortilla-still-life_23-2150246038.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Casero",
|
||||
name: "Churrasco",
|
||||
price: "15€",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-delicious-omelette-brunch-with-tomatoes_181624-57729.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Casero",
|
||||
name: "Tortilla Patatas",
|
||||
price: "9€",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-spanish-tortilla-still-life_23-2150246009.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Casero",
|
||||
name: "Papas Fritas",
|
||||
price: "6€",
|
||||
rating: 4,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-spanish-tortilla-dish_23-2150165664.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Casero",
|
||||
name: "Paella",
|
||||
price: "14€",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-spanish-omelette-wooden-table_123827-30633.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Casero", name: "Fabada", price: "12€", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/delicious-spanish-tortilla-still-life_23-2150246064.jpg" },
|
||||
{ id: "p2", brand: "Casero", name: "Huevos Estrellados", price: "10€", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-spanish-tortilla-still-life_23-2150246038.jpg" },
|
||||
{ id: "p3", brand: "Casero", name: "Churrasco", price: "15€", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/closeup-delicious-omelette-brunch-with-tomatoes_181624-57729.jpg" },
|
||||
]}
|
||||
title="Especialidades del Día"
|
||||
description="Una selección de nuestros platos estrella que no te puedes perder."
|
||||
@@ -210,27 +103,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.4",
|
||||
title: "Valoración",
|
||||
description: "Basado en 255 reseñas",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "69",
|
||||
title: "Notificados",
|
||||
description: "Personas que nos siguen",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Satisfacción",
|
||||
description: "Comida casera auténtica",
|
||||
icon: Award,
|
||||
},
|
||||
{ id: "m1", value: "4.4", title: "Valoración", description: "Basado en 255 reseñas", icon: Star },
|
||||
{ id: "m2", value: "69", title: "Notificados", description: "Personas que nos siguen", icon: Users },
|
||||
{ id: "m3", value: "100%", title: "Satisfacción", description: "Comida casera auténtica", icon: Award },
|
||||
]}
|
||||
title="Nuestra Experiencia"
|
||||
description="Respaldo de nuestros comensales durante años."
|
||||
@@ -240,63 +115,10 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Cliente Feliz",
|
||||
date: "Hace un año",
|
||||
title: "Estupendo",
|
||||
quote: "Comida casera muy rica. Detalle de tapa incluido.",
|
||||
tag: "Excelente",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-having-fun-while-eating-dinner-communicating-with-friends-dining-table_637285-3342.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-burning-candles-tables_140725-7784.jpg?_wi=2",
|
||||
imageAlt: "happy customer dining restaurant",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Viajero Atocha",
|
||||
date: "Hace un año",
|
||||
title: "Recomendable",
|
||||
quote: "Local sencillo y agradable. Todo muy rápido y rico.",
|
||||
tag: "Recomendado",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-dark-skinned-young-female-with-frizzy-hair-eats-something-drinks-smoothie-spends-free-time-with-boyfriend-friend-enjoys-summer-vacations-tropical-country-island_273609-2195.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-with-apron-tearing-salad-bowl_23-2148763225.jpg?_wi=2",
|
||||
imageAlt: "happy customer dining restaurant",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Regular",
|
||||
date: "Hace 3 meses",
|
||||
title: "El mejor sitio",
|
||||
quote: "Vengo siempre que puedo, nunca defrauda.",
|
||||
tag: "Cañas",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/group-positive-people-having-dinner-together_23-2148454185.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spanish-tortilla_23-2150166743.jpg?_wi=2",
|
||||
imageAlt: "happy customer dining restaurant",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Visitante",
|
||||
date: "Hace 2 meses",
|
||||
title: "Menú del día",
|
||||
quote: "Uno de los mejores menús de la zona.",
|
||||
tag: "Calidad",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-girl-listening-music-with-earphones_171337-9716.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-spanish-food_23-2149210891.jpg?_wi=2",
|
||||
imageAlt: "happy customer dining restaurant",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Turista",
|
||||
date: "Hace 5 meses",
|
||||
title: "Gran servicio",
|
||||
quote: "Muy atentas y buen servicio en general.",
|
||||
tag: "Servicio",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-spanish-croquettes-arrangement_23-2149173832.jpg?_wi=2",
|
||||
imageAlt: "happy customer dining restaurant",
|
||||
},
|
||||
{ id: "t1", name: "Cliente Feliz", date: "Hace un año", title: "Estupendo", quote: "Comida casera muy rica.", tag: "Excelente", avatarSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-having-fun-while-eating-dinner-communicating-with-friends-dining-table_637285-3342.jpg" },
|
||||
{ id: "t2", name: "Viajero Atocha", date: "Hace un año", title: "Recomendable", quote: "Local sencillo y agradable.", tag: "Recomendado", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-dark-skinned-young-female-with-frizzy-hair-eats-something-drinks-smoothie-spends-free-time-with-boyfriend-friend-enjoys-summer-vacations-tropical-country-island_273609-2195.jpg" },
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="Opiniones reales de quienes nos visitan cerca de Atocha."
|
||||
@@ -306,9 +128,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Visítanos hoy mismo"
|
||||
description="Estamos muy cerca de la estación de Atocha. ¡Te esperamos!"
|
||||
tag="Contacto"
|
||||
@@ -317,36 +137,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Platos",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Legal",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={[{ items: [{ label: "Inicio", href: "#hero" }, { label: "Platos", href: "#menu" }] }, { items: [{ label: "Privacidad", href: "#" }, { label: "Legal", href: "#" }] }]}
|
||||
logoText="Don de Mariana"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4f0;
|
||||
--card: #ffffff;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #2c2c2c;
|
||||
--background: #fbfaff;
|
||||
--card: #f7f5ff;
|
||||
--foreground: #0f0022;
|
||||
--primary-cta: #8b5cf6;
|
||||
--primary-cta-text: #f5f4f0;
|
||||
--secondary-cta: #f5f4f0;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #1a1a1a;
|
||||
--accent: #8a8a8a;
|
||||
--background-accent: #e8e6e1;
|
||||
--accent: #d8cef5;
|
||||
--background-accent: #c4a8f9;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user