Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 284c8793ce | |||
| 92b52329db | |||
| b5b6ba238d | |||
| a78e523250 | |||
| 56b4433853 |
309
src/app/page.tsx
309
src/app/page.tsx
@@ -32,108 +32,46 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Sobre Nosotros", id: "about" },
|
||||
{ name: "Menú", id: "menu" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="TacosVictorMTL"
|
||||
brandName="Tacos Victor Montréal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Authentic Tacos, Montreal Flavor, Pure Satisfaction"
|
||||
description="Handcrafted tacos made fresh daily with premium ingredients. Experience the taste of Mexico in the heart of MTL."
|
||||
title="Tacos Victor Montréal"
|
||||
description="Tacos artesanales hechos frescos diariamente con ingredientes premium. Experimenta el sabor de México en el corazón de MTL."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Marc L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
|
||||
handle: "@mtlfoodie",
|
||||
testimonial: "Best tacos in the city, hands down!",
|
||||
rating: 5,
|
||||
},
|
||||
{
|
||||
name: "Sophie B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-girl-with-lemons_23-2148483076.jpg",
|
||||
handle: "@mtleats",
|
||||
testimonial: "Authentic and fresh flavors.",
|
||||
rating: 5,
|
||||
},
|
||||
{
|
||||
name: "Jean P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg",
|
||||
handle: "@tacolover",
|
||||
testimonial: "Quick lunch spot with amazing quality.",
|
||||
rating: 4,
|
||||
},
|
||||
{
|
||||
name: "Camille R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-smiling-cheerfully-showing-thumbs-up-standing-pink-wall_141793-23039.jpg",
|
||||
handle: "@montrealfood",
|
||||
testimonial: "Hidden gem in MTL.",
|
||||
rating: 5,
|
||||
},
|
||||
{
|
||||
name: "Alex D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-courier-yellow-uniform-holding-delivery-bowl-light-pink-background_140725-40686.jpg",
|
||||
handle: "@foodie",
|
||||
testimonial: "The al pastor is perfection.",
|
||||
rating: 5,
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu & Order Now",
|
||||
href: "#menu",
|
||||
},
|
||||
{ name: "Marc L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg", handle: "@mtlfoodie", testimonial: "¡Los mejores tacos de la ciudad, sin duda!", rating: 5 },
|
||||
{ name: "Sophie B.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-girl-with-lemons_23-2148483076.jpg", handle: "@mtleats", testimonial: "Sabores auténticos y frescos.", rating: 5 },
|
||||
{ name: "Jean P.", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg", handle: "@tacolover", testimonial: "Lugar de almuerzo rápido con calidad increíble.", rating: 4 },
|
||||
{ name: "Camille R.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-smiling-cheerfully-showing-thumbs-up-standing-pink-wall_141793-23039.jpg", handle: "@montrealfood", testimonial: "Una joya oculta en MTL.", rating: 5 },
|
||||
{ name: "Alex D.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-courier-yellow-uniform-holding-delivery-bowl-light-pink-background_140725-40686.jpg", handle: "@foodie", testimonial: "El pastor es la perfección.", rating: 5 },
|
||||
]}
|
||||
buttons={[{ text: "Ver Menú y Ordenar Ahora", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-tasty-mexican-food-ready-be-served_23-2148614398.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-food_23-2148899052.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-man-enjoying-croissant_1170-631.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-female-student-eating-fast-food-fast-food-cheat-meal_169016-67586.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-kebab_23-2148773545.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hipster-with-stylish-haircut-beard-sits-table-roadside-cafe-drinks-soda-hot-day_613910-19633.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-food_23-2148899052.jpg", alt: "Cliente 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-man-enjoying-croissant_1170-631.jpg", alt: "Cliente 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-young-female-student-eating-fast-food-fast-food-cheat-meal_169016-67586.jpg", alt: "Cliente 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-kebab_23-2148773545.jpg", alt: "Cliente 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/hipster-with-stylish-haircut-beard-sits-table-roadside-cafe-drinks-soda-hot-day_613910-19633.jpg", alt: "Cliente 5" },
|
||||
]}
|
||||
avatarText="Loved by over 50k taco fans in Montreal"
|
||||
avatarText="Amado por más de 50k fans de los tacos en Montreal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Our Story"
|
||||
title="From Mexico to Montreal"
|
||||
description="Born from a passion for traditional flavors, we bring the heart of street-style cooking to the streets of Montreal. Every taco is a tribute to heritage."
|
||||
subdescription="Fresh, locally sourced, and crafted with love, our kitchen is where tradition meets the vibrant MTL culinary scene."
|
||||
tag="Nuestra Historia"
|
||||
title="De México a Montreal"
|
||||
description="Nacidos de una pasión por los sabores tradicionales, traemos el corazón de la cocina callejera a las calles de Montreal. Cada taco es un tributo a nuestra herencia."
|
||||
subdescription="Fresco, de origen local y elaborado con amor, nuestra cocina es donde la tradición se encuentra con la vibrante escena culinaria de MTL."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mexican-food-concept-with-tacos-plate_23-2147812205.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
icon={Utensils}
|
||||
@@ -146,24 +84,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fresh Ingredients",
|
||||
description: "Locally sourced produce and premium meats delivered daily.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-tortillas-with-meat-vegetables_23-2148614372.jpg",
|
||||
},
|
||||
{
|
||||
title: "Handcrafted Tortillas",
|
||||
description: "Made fresh throughout the day for that authentic texture.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mexican-food-composition_23-2148131285.jpg",
|
||||
},
|
||||
{
|
||||
title: "Authentic Recipes",
|
||||
description: "Generational recipes inspired by Mexico's best street food.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-tomato-soup-blue-bowl-brown-wooden-tray-mixed-color-table_140725-86972.jpg",
|
||||
},
|
||||
{ title: "Ingredientes Frescos", description: "Productos de origen local y carnes premium entregados diariamente.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-tortillas-with-meat-vegetables_23-2148614372.jpg" },
|
||||
{ title: "Tortillas Artesanales", description: "Hechas frescas durante todo el día para esa textura auténtica.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mexican-food-composition_23-2148131285.jpg" },
|
||||
{ title: "Recetas Auténticas", description: "Recetas generacionales inspiradas en la mejor comida callejera de México.", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-tomato-soup-blue-bowl-brown-wooden-tray-mixed-color-table_140725-86972.jpg" },
|
||||
]}
|
||||
title="What Makes Us Special"
|
||||
description="We don't cut corners. From our hand-pressed tortillas to our signature house-made salsas, quality is in our DNA."
|
||||
title="Lo que nos hace especiales"
|
||||
description="No tomamos atajos. Desde nuestras tortillas prensadas a mano hasta nuestras salsas caseras exclusivas, la calidad está en nuestro ADN."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -174,45 +100,15 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Al Pastor",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-tacos-with-avocado_23-2152026865.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Carne Asada",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tortilla-with-meat-vegetables_23-2148750445.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Black Bean & Avocado",
|
||||
price: "$4.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-hands-holding-delicious-taco_23-2151048050.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Baja Fish",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/palatable-shrimp-dish_23-2147761580.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Chorizo",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guacamole_23-2148024743.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Grilled Shrimp",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tacos-with-shrimps_23-2148629378.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Al Pastor", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-tacos-with-avocado_23-2152026865.jpg" },
|
||||
{ id: "p2", name: "Carne Asada", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tortilla-with-meat-vegetables_23-2148750445.jpg" },
|
||||
{ id: "p3", name: "Frijoles Negros y Aguacate", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-hands-holding-delicious-taco_23-2151048050.jpg" },
|
||||
{ id: "p4", name: "Pescado estilo Baja", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/palatable-shrimp-dish_23-2147761580.jpg" },
|
||||
{ id: "p5", name: "Chorizo", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/guacamole_23-2148024743.jpg" },
|
||||
{ id: "p6", name: "Camarones a la Parrilla", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tacos-with-shrimps_23-2148629378.jpg" },
|
||||
]}
|
||||
title="Our Taco Menu"
|
||||
description="Explore our curated selection of signature street-style tacos."
|
||||
title="Nuestro Menú de Tacos"
|
||||
description="Explora nuestra selección curada de tacos auténticos de estilo callejero."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -222,27 +118,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: CheckCircle,
|
||||
title: "Tacos Served",
|
||||
value: "50,000+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Star,
|
||||
title: "Daily Regulars",
|
||||
value: "200+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Montreal Locals",
|
||||
value: "100%",
|
||||
},
|
||||
{ id: "m1", icon: CheckCircle, title: "Tacos Servidos", value: "50,000+" },
|
||||
{ id: "m2", icon: Star, title: "Clientes Diarios", value: "200+" },
|
||||
{ id: "m3", icon: Award, title: "Locales de Montreal", value: "100%" },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Serving Montreal with love and authentic flavors every day."
|
||||
title="En Números"
|
||||
description="Sirviendo a Montreal con amor y sabores auténticos cada día."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -250,34 +131,14 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-eating-clubsandwich-served-with-ketchup-french-fries_140725-12120.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael C.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-blue-eyed-female-model-with-hair-knot-wears-overalls-enjoys-drinking-fruit-smoothie-looks-happily-somewhere-while-sits-cozy-restaurant-beautiful-teenage-girl-coffee-shop_273609-3038.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-with-delicious-cocktails_23-2150244937.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-dancing-with-woman-restaurant_23-2148016782.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julie M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-looking-front-smiliung-cheerfully-showing-ok-sign-standing-orange-wall_141793-96581.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-eating-clubsandwich-served-with-ketchup-french-fries_140725-12120.jpg" },
|
||||
{ id: "t2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-blue-eyed-female-model-with-hair-knot-wears-overalls-enjoys-drinking-fruit-smoothie-looks-happily-somewhere-while-sits-cozy-restaurant-beautiful-teenage-girl-coffee-shop_273609-3038.jpg" },
|
||||
{ id: "t3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-with-delicious-cocktails_23-2150244937.jpg" },
|
||||
{ id: "t4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/man-dancing-with-woman-restaurant_23-2148016782.jpg" },
|
||||
{ id: "t5", name: "Julie M.", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-looking-front-smiliung-cheerfully-showing-ok-sign-standing-orange-wall_141793-96581.jpg" },
|
||||
]}
|
||||
cardTitle="What Our Fans Say"
|
||||
cardTag="Testimonials"
|
||||
cardTitle="Lo Que Dicen Nuestros Fans"
|
||||
cardTag="Testimonios"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -286,23 +147,11 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer catering?",
|
||||
content: "Yes, we cater for office lunches and special events.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are there vegan options?",
|
||||
content: "Absolutely, our black bean tacos are delicious.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where are you located?",
|
||||
content: "We are in the heart of Montreal - check our contact section.",
|
||||
},
|
||||
{ id: "f1", title: "¿Ofrecen catering?", content: "Sí, ofrecemos catering para almuerzos de oficina y eventos especiales." },
|
||||
{ id: "f2", title: "¿Tienen opciones veganas?", content: "Absolutamente, nuestros tacos de frijoles negros son deliciosos." },
|
||||
{ id: "f3", title: "¿Dónde están ubicados?", content: "Estamos en el corazón de Montreal - revisa nuestra sección de contacto." },
|
||||
]}
|
||||
sideTitle="Frequently Asked"
|
||||
sideTitle="Preguntas Frecuentes"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -310,18 +159,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Hungry for a Taco?"
|
||||
description="Visit us at our Montreal shop or order online for pickup."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Our Shop",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contáctanos"
|
||||
title="¿Tienes antojo de un taco?"
|
||||
description="Visítanos en nuestra tienda en Montreal o pide en línea para recoger."
|
||||
buttons={[{ text: "Visita nuestra tienda", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -330,46 +172,25 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{ label: "Inicio", href: "/" },
|
||||
{ label: "Menú", href: "#menu" },
|
||||
{ label: "Sobre Nosotros", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Facebook", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{ label: "Privacidad", href: "#" },
|
||||
{ label: "Contacto", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="TacosVictorMTL"
|
||||
logoText="Tacos Victor Montréal"
|
||||
/>
|
||||
</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: #000612e6;
|
||||
--primary-cta: #15479c;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta-text: #000612e6;
|
||||
--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