27 Commits

Author SHA1 Message Date
802c36f06b Update src/app/page.tsx 2026-05-09 02:12:52 +00:00
350ff06fec Merge version_11 into main
Merge version_11 into main
2026-05-09 01:59:49 +00:00
c18af1a251 Update src/app/page.tsx 2026-05-09 01:59:43 +00:00
1efd0ce8e6 Merge version_10 into main
Merge version_10 into main
2026-05-09 01:57:14 +00:00
1e07dbcba7 Update src/app/page.tsx 2026-05-09 01:57:11 +00:00
78114032f9 Merge version_10 into main
Merge version_10 into main
2026-05-09 01:56:46 +00:00
d1c33a2a7a Update src/app/page.tsx 2026-05-09 01:56:40 +00:00
7ae4682a4e Merge version_9 into main
Merge version_9 into main
2026-05-09 00:23:47 +00:00
8b49681813 Update theme colors 2026-05-09 00:23:44 +00:00
3d4917a1cd Merge version_8 into main
Merge version_8 into main
2026-05-09 00:23:39 +00:00
aeff2f534f Update theme colors 2026-05-09 00:23:32 +00:00
c9ae0260e0 Merge version_7 into main
Merge version_7 into main
2026-05-09 00:22:41 +00:00
2939922ecc Update theme colors 2026-05-09 00:22:35 +00:00
35a2263169 Merge version_6 into main
Merge version_6 into main
2026-05-09 00:22:27 +00:00
d66a4e42af Update theme colors 2026-05-09 00:22:24 +00:00
879cf60de4 Merge version_5 into main
Merge version_5 into main
2026-05-08 23:19:04 +00:00
70cf88e706 Update src/app/layout.tsx 2026-05-08 23:19:01 +00:00
7bffa5c106 Merge version_5 into main
Merge version_5 into main
2026-05-08 23:16:53 +00:00
a7f69faa60 Update theme colors 2026-05-08 23:16:50 +00:00
cbcf1a75ec Merge version_4 into main
Merge version_4 into main
2026-05-08 23:16:36 +00:00
284c8793ce Update theme colors 2026-05-08 23:16:33 +00:00
82814cbb98 Merge version_3 into main
Merge version_3 into main
2026-05-08 23:15:25 +00:00
92b52329db Update src/app/page.tsx 2026-05-08 23:15:19 +00:00
f2a2a12f57 Merge version_3 into main
Merge version_3 into main
2026-05-08 23:13:41 +00:00
b5b6ba238d Update src/app/page.tsx 2026-05-08 23:13:38 +00:00
a78e523250 Merge version_2 into main
Merge version_2 into main
2026-05-08 23:12:00 +00:00
56b4433853 Update src/app/page.tsx 2026-05-08 23:11:53 +00:00
3 changed files with 73 additions and 282 deletions

View File

@@ -10,8 +10,8 @@ import { Montserrat } from "next/font/google";
export const metadata: Metadata = {
title: 'TacosVictorMTL | Authentic Tacos in Montreal',
description: 'Experience authentic Mexican tacos in the heart of MTL. Fresh ingredients, handmade tortillas, and pure satisfaction.',
title: "TacosVictorMTL ",
description: "Experience authentic Mexican tacos in the heart of MTL. Fresh ingredients, handmade tortillas, and pure satisfaction.",
};
const montserrat = Montserrat({

View File

@@ -2,16 +2,16 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactForm from '@/components/form/ContactForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Award, CheckCircle, Star, Utensils } from "lucide-react";
export default function LandingPage() {
@@ -30,110 +30,39 @@ export default function LandingPage() {
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
<NavbarStyleFullscreen
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: "FAQ", id: "faq" },
{ 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 },
]}
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",
},
]}
avatarText="Loved by over 50k taco fans in 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."
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 +75,11 @@ 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="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. La calidad está en nuestro ADN."
/>
</div>
@@ -174,202 +90,77 @@ 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" },
]}
title="Our Taco Menu"
description="Explore our curated selection of signature street-style tacos."
title="Nuestro Menú"
description="Explora nuestra selección de tacos auténticos."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
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+", description: "Servidos con amor" },
{ id: "m2", icon: Star, title: "Clientes Diarios", value: "200+", description: "Fans satisfechos" },
{ id: "m3", icon: Award, title: "Locales MTL", value: "100%", description: "Corazón de la ciudad" },
]}
title="By The Numbers"
description="Serving Montreal with love and authentic flavors every day."
title="En Números"
description="Crecimiento constante basado en calidad."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
<TestimonialCardTen
useInvertedBackground={true}
textboxLayout="default"
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", title: "Increíble", quote: "¡Los mejores tacos de MTL!", name: "Sarah J.", role: "Foodie" },
{ id: "t2", title: "Auténtico", quote: "Sabor real mexicano.", name: "Michael C.", role: "Cliente" },
]}
cardTitle="What Our Fans Say"
cardTag="Testimonials"
cardAnimation="slide-up"
title="Lo Que Dicen"
description="Nuestros clientes aman el sabor."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
<FaqSplitMedia
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í, contáctanos para eventos." },
{ id: "f2", title: "¿Opciones veganas?", content: "Sí, tenemos opciones deliciosas." },
]}
sideTitle="Frequently Asked"
title="Preguntas Frecuentes"
description="Resuelve tus dudas aquí."
faqsAnimation="slide-up"
textboxLayout="split"
/>
</div>
<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: "#",
},
]}
<ContactForm
tag="Contacto"
title="¿Tienes antojo?"
description="Ponte en contacto con nosotros para cualquier consulta o pedido especial."
inputPlaceholder="Tu correo electrónico"
buttonText="Enviar mensaje"
centered={true}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Home",
href: "/",
},
{
label: "Menu",
href: "#menu",
},
{
label: "About",
href: "#about",
},
],
},
{
items: [
{
label: "Facebook",
href: "#",
},
{
label: "Instagram",
href: "#",
},
],
},
{
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Contact",
href: "#contact",
},
],
},
{ items: [{ label: "Tacos", href: "#menu" }, { label: "Bebidas", href: "#menu" }] },
{ items: [{ label: "Sobre", href: "#about" }, { label: "FAQ", href: "#faq" }, { label: "Contacto", href: "#contact" }] },
]}
logoText="TacosVictorMTL"
logoText="Tacos Victor Montréal"
/>
</div>
</ReactLenis>

View File

@@ -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: #000000;
--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);