Update src/app/page.tsx
This commit is contained in:
233
src/app/page.tsx
233
src/app/page.tsx
@@ -18,49 +18,34 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menú",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Nosotros", id: "about" },
|
||||
{ name: "Menú", id: "menu" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="Sabores de Venezuela"
|
||||
button={{ text: "Reservar", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Sabores de Venezuela en Cada Bocado"
|
||||
description="Experimenta la auténtica cocina venezolana. Arepas, cachapas y mucho más, preparados con amor y tradición para llevarte directo al corazón de nuestra tierra."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Menú",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Reservar",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Ver Menú", href: "#menu" }, { text: "Reservar", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-food-frame-with-copy-space_23-2148708277.jpg"
|
||||
imageAlt="Authentic Venezuelan food platter"
|
||||
/>
|
||||
@@ -70,12 +55,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Nuestra Historia de Sabor"
|
||||
buttons={[
|
||||
{
|
||||
text: "Leer más",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Leer más", href: "#about" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -86,42 +66,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Arepa Reina Pepiada",
|
||||
price: "$9.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-tequenos-dish_23-2148945411.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Cachapa con Queso",
|
||||
price: "$11.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-plate-with-meat-corn_23-2148725020.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pabellón Criollo",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-banana-pancakes_1385-280.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Tequeños Gourmet",
|
||||
price: "$8.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-vermicelli-with-tomato-glass-juice-wooden-board_114579-76556.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Patacón Relleno",
|
||||
price: "$12.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-vegan-dinner-with-rice-different-types-vegetables-dark-table_140725-56737.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Tres Leches",
|
||||
price: "$6.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-arepas-with-chalkboard_23-2148742412.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Arepa Reina Pepiada", price: "$9.50", imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-tequenos-dish_23-2148945411.jpg" },
|
||||
{ id: "p2", name: "Cachapa con Queso", price: "$11.00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-plate-with-meat-corn_23-2148725020.jpg" },
|
||||
{ id: "p3", name: "Pabellón Criollo", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/tasty-banana-pancakes_1385-280.jpg" },
|
||||
{ id: "p4", name: "Tequeños Gourmet", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/fried-vermicelli-with-tomato-glass-juice-wooden-board_114579-76556.jpg" },
|
||||
{ id: "p5", name: "Patacón Relleno", price: "$12.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-vegan-dinner-with-rice-different-types-vegetables-dark-table_140725-56737.jpg" },
|
||||
{ id: "p6", name: "Tres Leches", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-arepas-with-chalkboard_23-2148742412.jpg" },
|
||||
]}
|
||||
title="Nuestras Especialidades"
|
||||
description="Explora el menú que celebra nuestras raíces venezolanas."
|
||||
@@ -130,44 +80,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana García",
|
||||
handle: "@anag",
|
||||
testimonial: "El sabor es exactamente como el de casa. ¡Increíble!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-with-delicious-food_23-2150215503.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Carlos Ruiz",
|
||||
handle: "@carlosr",
|
||||
testimonial: "Las mejores arepas que he probado en la ciudad.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-eating-delicious-taco_23-2150831015.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Torres",
|
||||
handle: "@etorre",
|
||||
testimonial: "El servicio y la comida son de primer nivel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-holding-bowls_23-2148965338.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Javier M.",
|
||||
handle: "@javierm",
|
||||
testimonial: "Volveré pronto por mis tequeños favoritos.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-businesswoman-drinking-coffee-enjoying-cafe-after-work_637285-248.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sofia Pérez",
|
||||
handle: "@sofiap",
|
||||
testimonial: "Auténtico y delicioso. Muy recomendado.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
|
||||
},
|
||||
{ id: "1", name: "Ana García", handle: "@anag", testimonial: "El sabor es exactamente como el de casa. ¡Increíble!", imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-with-delicious-food_23-2150215503.jpg" },
|
||||
{ id: "2", name: "Carlos Ruiz", handle: "@carlosr", testimonial: "Las mejores arepas que he probado en la ciudad.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-eating-delicious-taco_23-2150831015.jpg" },
|
||||
{ id: "3", name: "Elena Torres", handle: "@etorre", testimonial: "El servicio y la comida son de primer nivel.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-holding-bowls_23-2148965338.jpg" },
|
||||
{ id: "4", name: "Javier M.", handle: "@javierm", testimonial: "Volveré pronto por mis tequeños favoritos.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-businesswoman-drinking-coffee-enjoying-cafe-after-work_637285-248.jpg" },
|
||||
{ id: "5", name: "Sofia Pérez", handle: "@sofiap", testimonial: "Auténtico y delicioso. Muy recomendado.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg" },
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="Historias de quienes ya probaron un pedacito de Venezuela."
|
||||
@@ -180,36 +101,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Años de Tradición",
|
||||
items: [
|
||||
"Calidad",
|
||||
"Sabor",
|
||||
"Pasión",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5000+",
|
||||
title: "Arepas Servidas",
|
||||
items: [
|
||||
"Frescas",
|
||||
"Artesanales",
|
||||
"Deliciosas",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9/5",
|
||||
title: "Valoración Promedio",
|
||||
items: [
|
||||
"Excelente",
|
||||
"Confianza",
|
||||
"Calidad",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "15+", title: "Años de Tradición", items: ["Calidad", "Sabor", "Pasión"] },
|
||||
{ id: "m2", value: "5000+", title: "Arepas Servidas", items: ["Frescas", "Artesanales", "Deliciosas"] },
|
||||
{ id: "m3", value: "4.9/5", title: "Valoración Promedio", items: ["Excelente", "Confianza", "Calidad"] },
|
||||
]}
|
||||
title="Nuestra Trayectoria"
|
||||
description="Números que reflejan nuestra pasión por la cocina."
|
||||
@@ -219,25 +113,13 @@ export default function LandingPage() {
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "¿Tienen opciones vegetarianas?",
|
||||
content: "Sí, tenemos varias opciones deliciosas sin carne.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "¿Hacen envíos a domicilio?",
|
||||
content: "Sí, trabajamos con las principales apps de delivery.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "¿Puedo reservar para grupos?",
|
||||
content: "Por supuesto, llámanos para planificar tu evento.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Preguntas Frecuentes"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "f1", title: "¿Tienen opciones vegetarianas?", content: "Sí, tenemos varias opciones deliciosas sin carne." },
|
||||
{ id: "f2", title: "¿Hacen envíos a domicilio?", content: "Sí, trabajamos con las principales apps de delivery." },
|
||||
{ id: "f3", title: "¿Puedo reservar para grupos?", content: "Por supuesto, llámanos para planificar tu evento." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -247,52 +129,21 @@ export default function LandingPage() {
|
||||
title="Reserva tu Mesa"
|
||||
description="Estamos listos para recibirte. Déjanos tus datos y nos pondremos en contacto."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Nombre",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Correo electrónico",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Nombre" },
|
||||
{ name: "email", type: "email", placeholder: "Correo electrónico" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Cuéntanos tu reserva o duda",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Cuéntanos tu reserva o duda" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-delicious-thanksgiving-meal_23-2148629541.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Contacto",
|
||||
items: [
|
||||
{
|
||||
label: "Email: hola@saboresvenezuela.com",
|
||||
href: "mailto:hola@saboresvenezuela.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Redes",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Sabores de Venezuela"
|
||||
columns={[
|
||||
{ title: "Contacto", items: [{ label: "Email: hola@saboresvenezuela.com", href: "mailto:hola@saboresvenezuela.com" }] },
|
||||
{ title: "Redes", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user