Merge version_3 into main #2
195
src/app/page.tsx
195
src/app/page.tsx
@@ -32,14 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Sobre Nosotros", id: "about" },
|
||||
{ name: "Nuestra Carta", id: "products" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="MORRELLI’S"
|
||||
/>
|
||||
@@ -47,54 +43,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="MORRELLI’S: Authentic Tex-Mex Flavors"
|
||||
description="Experience the vibrant spirit of Texas and Mexico in every bite. Handcrafted, fresh, and served with passion."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="MORRELLI’S: Auténtico Sabor Tex-Mex"
|
||||
description="Ven a disfrutar de la verdadera esencia de Texas y México en cada bocado. Recetas tradicionales elaboradas con ingredientes frescos y un servicio de toda la vida."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.", handle: "@alexfoodie", testimonial: "The best tacos in town! Fresh, authentic, and perfectly spiced.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-crispy-flatbread-bowl_140725-607.jpg"},
|
||||
{
|
||||
name: "Sarah M.", handle: "@texmexlover", testimonial: "Morrelli's has become our family Friday tradition. Incredible service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mexican-food_23-2148159787.jpg"},
|
||||
{
|
||||
name: "James K.", handle: "@foodiepro", testimonial: "Real ingredients, big portions, authentic taste. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-beef-with-mashed-potatoes-tomato-mushrooms-avocado-sauce-plate-wood_141793-11989.jpg"},
|
||||
{
|
||||
name: "Elena V.", handle: "@tastemex", testimonial: "The salsa is to die for. Authentic heat!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-roasted-chicken-with-sweet-sour-sauce-broccoli-plate-plaid-tablecloth_141793-11163.jpg"},
|
||||
{
|
||||
name: "Marcus L.", handle: "@dailytexmex", testimonial: "Fast, friendly, and absolutely delicious. A neighborhood gem.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desk-empty-office_23-2147668765.jpg"},
|
||||
{ name: "Alex R.", handle: "@alexfoodie", testimonial: "Los mejores tacos que he probado. Producto fresco y un toque picante en su punto.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-crispy-flatbread-bowl_140725-607.jpg" },
|
||||
{ name: "Sarah M.", handle: "@texmexlover", testimonial: "En Morrelli’s nos sentimos como en casa. Es nuestra parada obligatoria cada viernes.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mexican-food_23-2148159787.jpg" },
|
||||
{ name: "James K.", handle: "@foodiepro", testimonial: "Se nota la calidad del producto y la mano en la cocina. 100% recomendable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-beef-with-mashed-potatoes-tomato-mushrooms-avocado-sauce-plate-wood_141793-11989.jpg" },
|
||||
{ name: "Elena V.", handle: "@tastemex", testimonial: "La salsa es espectacular. ¡Tienen el picante justo que buscas!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-roasted-chicken-with-sweet-sour-sauce-broccoli-plate-plaid-tablecloth_141793-11163.jpg" },
|
||||
{ name: "Marcus L.", handle: "@dailytexmex", testimonial: "Rápido, amable y sabroso. Un auténtico tesoro de barrio.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/desk-empty-office_23-2147668765.jpg" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-salmon-salad-with-avocado-wasabi-sauce-plate-plaid-fabric_141793-11665.jpg"
|
||||
imageAlt="delicious sizzling fajita plate"
|
||||
imageAlt="Plato de fajitas chisporroteantes"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3458.jpg", alt: "Table setting"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-hands-holding-delicious-taco_23-2151048006.jpg", alt: "Taco hands"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-delicious-tacos_23-2150831003.jpg", alt: "Delicious tacos"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-tacos-with-vegetables-meat_23-2148750434.jpg", alt: "Taco ingredients"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-tortilla-with-meat-vegetables_23-2148750443.jpg", alt: "Tortilla meat"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3458.jpg", alt: "Mesa" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-hands-holding-delicious-taco_23-2151048006.jpg", alt: "Tacos" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-delicious-tacos_23-2150831003.jpg", alt: "Tacos" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-tacos-with-vegetables-meat_23-2148750434.jpg", alt: "Tacos" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-tortilla-with-meat-vegetables_23-2148750443.jpg", alt: "Tortilla" },
|
||||
]}
|
||||
avatarText="Join 5,000+ happy diners"
|
||||
avatarText="Únete a nuestros más de 5.000 clientes satisfechos"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Handcrafted Tortillas"},
|
||||
{
|
||||
type: "text", text: "Fresh Avocado Salsa"},
|
||||
{
|
||||
type: "text", text: "Slow-Cooked Carnitas"},
|
||||
{
|
||||
type: "text", text: "Authentic Family Recipes"},
|
||||
{
|
||||
type: "text", text: "Daily Specials"},
|
||||
{ type: "text", text: "Tortillas Artesanas" },
|
||||
{ type: "text", text: "Salsa de Aguacate Fresco" },
|
||||
{ type: "text", text: "Carnitas a Fuego Lento" },
|
||||
{ type: "text", text: "Recetas de Familia" },
|
||||
{ type: "text", text: "Especialidades del Día" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,10 +78,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "Our Culinary Heritage"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/wedding-hall-with-white-wooden-furniture-interior_114579-2232.jpg", alt: "restaurant chef preparing mexican food"},
|
||||
{ type: "text", content: "Nuestra Pasión: La Tradición" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/wedding-hall-with-white-wooden-furniture-interior_114579-2232.jpg", alt: "Nuestros chefs trabajando" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -118,37 +91,28 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Street Beef Tacos", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-tacos-dish_23-2150777659.jpg", imageAlt: "beef tacos plate gourmet"},
|
||||
{
|
||||
id: "2", name: "Burrito Bowl", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/tortilla-with-meat-vegetables-top-view_23-2148750447.jpg", imageAlt: "burrito bowl fresh ingredients"},
|
||||
{
|
||||
id: "3", name: "Classic Queso Nachos", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/garnished-tasty-mexican-nachos-plate-with-mexican-hat-table_23-2148042528.jpg", imageAlt: "cheesy nachos plate jalapeños"},
|
||||
{
|
||||
id: "4", name: "Grilled Quesadilla", price: "$13", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-grilled-sausages-cabbage-inside-salad-potato-with-sour-cream-greens-lettuce-side-view_141793-3246.jpg", imageAlt: "quesadilla grilled with salsa"},
|
||||
{
|
||||
id: "5", name: "Guacamole & Chips", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/guacamole-bowl-with-mexican-nachos-wooden-cutting-board_23-2148042458.jpg", imageAlt: "guacamole and tortilla chips"},
|
||||
{
|
||||
id: "6", name: "Cinnamon Churros", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/delicious-melted-chocolate-cup-with-churros_23-2148379676.jpg", imageAlt: "churros dessert chocolate sauce"},
|
||||
{ id: "1", name: "Tacos de Ternera", price: "12€", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-tacos-dish_23-2150777659.jpg", imageAlt: "Tacos de ternera gourmet" },
|
||||
{ id: "2", name: "Burrito Bowl", price: "15€", imageSrc: "http://img.b2bpic.net/free-photo/tortilla-with-meat-vegetables-top-view_23-2148750447.jpg", imageAlt: "Burrito bowl fresco" },
|
||||
{ id: "3", name: "Nachos con Queso", price: "10€", imageSrc: "http://img.b2bpic.net/free-photo/garnished-tasty-mexican-nachos-plate-with-mexican-hat-table_23-2148042528.jpg", imageAlt: "Nachos con queso fundido" },
|
||||
{ id: "4", name: "Quesadillas a la Parrilla", price: "13€", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-grilled-sausages-cabbage-inside-salad-potato-with-sour-cream-greens-lettuce-side-view_141793-3246.jpg", imageAlt: "Quesadilla con salsa" },
|
||||
{ id: "5", name: "Guacamole & Totopos", price: "8€", imageSrc: "http://img.b2bpic.net/free-photo/guacamole-bowl-with-mexican-nachos-wooden-cutting-board_23-2148042458.jpg", imageAlt: "Guacamole y chips" },
|
||||
{ id: "6", name: "Churros con Chocolate", price: "6€", imageSrc: "http://img.b2bpic.net/free-photo/delicious-melted-chocolate-cup-with-churros_23-2148379676.jpg", imageAlt: "Churros caseros" },
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="From slow-cooked carnitas to our famous queso dip, explore our hand-crafted menu."
|
||||
title="Nuestra Selección Estrella"
|
||||
description="Desde nuestras carnes cocinadas lentamente hasta el queso fundido, descubre nuestra selección artesanal diseñada para disfrutar."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTen
|
||||
useInvertedBackground={false}
|
||||
title="Meet Our Culinary Team"
|
||||
tag="Meet the Chefs"
|
||||
title="El Equipo que hace Magia"
|
||||
tag="Nuestros Expertos"
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "t1", name: "Chef Mario", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-teen-cook-keeping-hands-crossed-t-shirt-apron-looking-confident-front-view_176474-109059.jpg"},
|
||||
{
|
||||
id: "t2", name: "Chef Elena", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1604.jpg"},
|
||||
{
|
||||
id: "t3", name: "Staff Lead Sarah", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-waitress-using-touchpad-while-working-cafe_637285-8921.jpg"},
|
||||
{ id: "t1", name: "Chef Mario", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-teen-cook-keeping-hands-crossed-t-shirt-apron-looking-confident-front-view_176474-109059.jpg" },
|
||||
{ id: "t2", name: "Chef Elena", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1604.jpg" },
|
||||
{ id: "t3", name: "Sarah - Responsable de Sala", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-waitress-using-touchpad-while-working-cafe_637285-8921.jpg" },
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -158,19 +122,14 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "ts1", name: "Carlos M.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-with-delicious-food_23-2149073429.jpg"},
|
||||
{
|
||||
id: "ts2", name: "Julia P.", imageSrc: "http://img.b2bpic.net/free-photo/clipboard-near-ornament-heart-plate-fork_23-2148010113.jpg"},
|
||||
{
|
||||
id: "ts3", name: "Robert D.", imageSrc: "http://img.b2bpic.net/free-photo/distracted-student-sitting-class_1153-23.jpg"},
|
||||
{
|
||||
id: "ts4", name: "Monica T.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg"},
|
||||
{
|
||||
id: "ts5", name: "Kevin G.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-satisfied-happy-young-20s-woman-yellow-coat-showing-thumbs-up-gesture-like-approval-giving-positive-feedback-enjoying-nice-event-standing-red-background-smiling-cute_1258-81801.jpg"},
|
||||
{ id: "ts1", name: "Carlos M.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-with-delicious-food_23-2149073429.jpg" },
|
||||
{ id: "ts2", name: "Julia P.", imageSrc: "http://img.b2bpic.net/free-photo/clipboard-near-ornament-heart-plate-fork_23-2148010113.jpg" },
|
||||
{ id: "ts3", name: "Robert D.", imageSrc: "http://img.b2bpic.net/free-photo/distracted-student-sitting-class_1153-23.jpg" },
|
||||
{ id: "ts4", name: "Monica T.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg" },
|
||||
{ id: "ts5", name: "Kevin G.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-satisfied-happy-young-20s-woman-yellow-coat-showing-thumbs-up-gesture-like-approval-giving-positive-feedback-enjoying-nice-event-standing-red-background-smiling-cute_1258-81801.jpg" },
|
||||
]}
|
||||
cardTitle="What Guests Are Saying"
|
||||
cardTag="Loved by Locals"
|
||||
cardTitle="Lo que dicen nuestros clientes"
|
||||
cardTag="La confianza de nuestros vecinos"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -181,18 +140,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", icon: Star,
|
||||
title: "5-Star Reviews", value: "1.5K+"},
|
||||
{
|
||||
id: "m2", icon: Utensils,
|
||||
title: "Plates Served", value: "50K+"},
|
||||
{
|
||||
id: "m3", icon: Clock,
|
||||
title: "Local Favorite", value: "10 Yrs"},
|
||||
{ id: "m1", icon: Star, title: "Opiniones 5 Estrellas", value: "1.5K+" },
|
||||
{ id: "m2", icon: Utensils, title: "Platos Servidos", value: "50K+" },
|
||||
{ id: "m3", icon: Clock, title: "Años de Tradición", value: "10 Años" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Serving fresh flavors since day one."
|
||||
title="Nuestra Trayectoria"
|
||||
description="Calidad, frescura y compromiso desde el primer día."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -201,15 +154,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Do you offer catering?", content: "Yes, we cater for events large and small."},
|
||||
{
|
||||
id: "f2", title: "Do you have vegan options?", content: "Absolutely, we have dedicated plant-based dishes."},
|
||||
{
|
||||
id: "f3", title: "Are reservations required?", content: "Recommended for weekend dinners but not required."},
|
||||
{ id: "f1", title: "¿Realizáis catering para eventos?", content: "¡Por supuesto! Nos adaptamos a cualquier tipo de evento, desde reuniones pequeñas hasta grandes celebraciones." },
|
||||
{ id: "f2", title: "¿Tenéis opciones veganas o vegetarianas?", content: "Sí, contamos con una cuidada selección de platos diseñados para todos los gustos." },
|
||||
{ id: "f3", title: "¿Es necesaria la reserva?", content: "Siempre es recomendable, especialmente los fines de semana, aunque intentaremos atenderte siempre que podamos." },
|
||||
]}
|
||||
title="Commonly Asked"
|
||||
description="Have questions about our menu or catering?"
|
||||
title="Preguntas Frecuentes"
|
||||
description="¿Alguna duda sobre nuestra carta o servicios? Aquí te respondemos."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -217,14 +167,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="¡Visítanos!"
|
||||
title="¿Tienes hambre? Únete hoy"
|
||||
description="Reserva una mesa o pide para llevar. Estamos listos para servirte la comida Tex-Mex más fresca."
|
||||
background={{ variant: "plain" }}
|
||||
tag="¡Te esperamos!"
|
||||
title="¿Tienes antojo de algo auténtico?"
|
||||
description="Haz tu reserva hoy mismo o pide a domicilio para disfrutar del mejor Tex-Mex sin salir de casa."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserva tu Mesa", href: "#"},
|
||||
{ text: "Reservar Mesa", href: "#" },
|
||||
{ text: "Pedir a Domicilio", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -232,22 +181,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Inicio", href: "#hero"},
|
||||
{
|
||||
label: "Menú", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Sobre Nosotros", href: "#about"},
|
||||
{
|
||||
label: "Contacto", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Inicio", href: "#hero" }, { label: "Nuestra Carta", href: "#products" }] },
|
||||
{ items: [{ label: "Sobre Nosotros", href: "#about" }, { label: "Contacto", href: "#contact" }] },
|
||||
]}
|
||||
logoText="MORRELLI’S"
|
||||
/>
|
||||
@@ -255,4 +190,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user