475 lines
17 KiB
TypeScript
475 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { CalendarDays, Clock, Facebook, Instagram, Mail, MapPin, Phone, Sparkles, Sun, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Our Story",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Menu",
|
|
id: "menu",
|
|
},
|
|
{
|
|
name: "Locations",
|
|
id: "locations",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact-form",
|
|
},
|
|
]}
|
|
button={{
|
|
text: "Your Order",
|
|
href: "#",
|
|
}}
|
|
brandName="MAD BROTHERS"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
background={{
|
|
variant: "downward-rays-static",
|
|
}}
|
|
title="Mexican Food With A Mad Twist"
|
|
description="We are bringing the vibrant, fiery, and authentic spirit of Mexican street food straight to the heart of Lithuania."
|
|
tag="Lithuania's Craziest Flavors"
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Explore Menu",
|
|
href: "#menu",
|
|
},
|
|
{
|
|
text: "Find Us",
|
|
href: "#locations",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-tasty-tortillas-with-meat-tomato-sauce-ingredients_181624-46252.jpg?_wi=1"
|
|
imageAlt="Delicious Birria Tacos with dipping sauce"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={true}
|
|
title="Who Are the MAD Brothers?"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
value: "100%",
|
|
description: "Fresh Ingredients",
|
|
},
|
|
{
|
|
id: "m2",
|
|
value: "Homemade",
|
|
description: "Salsas & Sauces",
|
|
},
|
|
{
|
|
id: "m3",
|
|
value: "MAD HOT",
|
|
description: "Spice Levels",
|
|
},
|
|
]}
|
|
title="Our Promise to You"
|
|
description="Dedicated to quality, flavor, and pure Mexican joy in every bite."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
name: "MAD Birria Tacos",
|
|
price: "€9.50",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-tacos-arrangement_23-2150878248.jpg?_wi=1",
|
|
imageAlt: "Three Birria Tacos",
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "El Diablo Burrito",
|
|
price: "€8.90",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mexican-burrito-with-rice_1147-395.jpg?_wi=1",
|
|
imageAlt: "Spicy Burrito",
|
|
},
|
|
{
|
|
id: "p3",
|
|
name: "Asada Loaded Nachos",
|
|
price: "€11.00",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-mexican-nachos-tortilla-chips-lemon-avocado-rusty-background_23-2148042539.jpg?_wi=1",
|
|
imageAlt: "Loaded Nachos",
|
|
},
|
|
{
|
|
id: "p4",
|
|
name: "Chipotle Chicken Quesadilla",
|
|
price: "€7.80",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mexican-chicken-quesadillas-with-cheese-peppers-wooden-table_123827-28004.jpg",
|
|
imageAlt: "Chicken Quesadilla",
|
|
},
|
|
{
|
|
id: "p5",
|
|
name: "Vegan Al Pastor Tacos",
|
|
price: "€9.00",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-tacos-arrangement_23-2148764301.jpg",
|
|
imageAlt: "Vegan Tacos",
|
|
},
|
|
{
|
|
id: "p6",
|
|
name: "Carne Asada Fries",
|
|
price: "€10.50",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/omelette-french-fries-wooden-board-grunge-painted-desk_23-2148113638.jpg",
|
|
imageAlt: "Carne Asada Fries",
|
|
},
|
|
]}
|
|
title="The Mad Menu"
|
|
description="Click on any dish to customize your order and add it to your basket! Vegan & Vegetarian variants available for almost all dishes."
|
|
/>
|
|
</div>
|
|
|
|
<div id="locations" data-section="locations">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Vilnius Spot",
|
|
description: "Find us in the heart of the city, serving late-night bites on weekends!",
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/couple-cafe_1157-4340.jpg",
|
|
imageAlt: "Vilnius Restaurant Interior",
|
|
},
|
|
items: [
|
|
{
|
|
icon: MapPin,
|
|
text: "Vilniaus g. 22, Vilnius, Lithuania",
|
|
},
|
|
{
|
|
icon: CalendarDays,
|
|
text: "Mon-Thu: 11:00 - 22:00",
|
|
},
|
|
{
|
|
icon: Clock,
|
|
text: "Fri-Sat: 11:00 - 02:00 (Late Night)",
|
|
},
|
|
{
|
|
icon: Sun,
|
|
text: "Sun: 12:00 - 21:00",
|
|
},
|
|
{
|
|
icon: Phone,
|
|
text: "+370 600 00000",
|
|
},
|
|
],
|
|
reverse: false,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-tasty-tortillas-with-meat-tomato-sauce-ingredients_181624-46252.jpg?_wi=2",
|
|
imageAlt: "vibrant Mexican restaurant interior",
|
|
},
|
|
{
|
|
title: "Kaunas Food Truck",
|
|
description: "Catch our mobile kitchen bringing the heat to Kaunas!",
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-appetizing-street-food_23-2151516968.jpg",
|
|
imageAlt: "Kaunas Food Truck",
|
|
},
|
|
items: [
|
|
{
|
|
icon: MapPin,
|
|
text: "Laisvės al. 45, Kaunas, Lithuania",
|
|
},
|
|
{
|
|
icon: CalendarDays,
|
|
text: "Mon-Thu: 11:30 - 21:30",
|
|
},
|
|
{
|
|
icon: Clock,
|
|
text: "Fri-Sat: 11:30 - 23:00",
|
|
},
|
|
{
|
|
icon: "X",
|
|
text: "Sun: Closed",
|
|
},
|
|
{
|
|
icon: Phone,
|
|
text: "+370 600 00001",
|
|
},
|
|
],
|
|
reverse: true,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-thai-food-still-life_23-2149508930.jpg?_wi=1",
|
|
imageAlt: "vibrant Mexican restaurant interior",
|
|
},
|
|
{
|
|
title: "Mobile Catering",
|
|
description: "Bring the MADness to your next event with our full-service catering! Birthdays, corporate events, festivals - we've got you covered.",
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/halloween-outdoors-arrangement-caravan_23-2148670093.jpg",
|
|
imageAlt: "Catering food truck",
|
|
},
|
|
items: [
|
|
{
|
|
icon: ChefHat,
|
|
text: "Customizable Menus",
|
|
},
|
|
{
|
|
icon: Users,
|
|
text: "Events of All Sizes",
|
|
},
|
|
{
|
|
icon: Sparkles,
|
|
text: "Unforgettable Flavor",
|
|
},
|
|
{
|
|
icon: Mail,
|
|
text: "Contact us for a quote!",
|
|
},
|
|
],
|
|
reverse: false,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-tacos-arrangement_23-2150878248.jpg?_wi=2",
|
|
imageAlt: "vibrant Mexican restaurant interior",
|
|
},
|
|
]}
|
|
title="Our MAD Locations"
|
|
description="Drop by for a bite or order delivery right to your door via Bolt Food or Wolt."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "Gabija P.",
|
|
date: "July 12, 2024",
|
|
title: "Best Tacos in Vilnius!",
|
|
quote: "MAD Brothers changed my life! The Birria Tacos are unbelievably good, and the spice levels are no joke.",
|
|
tag: "Birria Tacos",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg",
|
|
avatarAlt: "Gabija P. avatar",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-tasty-tortillas-with-meat-tomato-sauce-ingredients_181624-46252.jpg?_wi=3",
|
|
imageAlt: "professional woman smiling portrait",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Lukas K.",
|
|
date: "July 01, 2024",
|
|
title: "My new go-to Burrito spot",
|
|
quote: "The El Diablo Burrito is a fiery masterpiece. Perfect for when you need a real kick. I'm a regular now!",
|
|
tag: "El Diablo Burrito",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-happy-good-looking-young-man_1262-3489.jpg",
|
|
avatarAlt: "Lukas K. avatar",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-thai-food-still-life_23-2149508930.jpg?_wi=2",
|
|
imageAlt: "professional woman smiling portrait",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Elena V.",
|
|
date: "June 28, 2024",
|
|
title: "Loaded Nachos are a dream",
|
|
quote: "Tried the Asada Loaded Nachos and it was pure bliss! So much flavor and perfectly crunchy chips. Highly recommend!",
|
|
tag: "Loaded Nachos",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg",
|
|
avatarAlt: "Elena V. avatar",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-tacos-arrangement_23-2150878248.jpg?_wi=3",
|
|
imageAlt: "professional woman smiling portrait",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "Jonas M.",
|
|
date: "June 15, 2024",
|
|
title: "Authentic & Delicious",
|
|
quote: "Finally, real Mexican street food in Lithuania! MAD Brothers delivers on flavor and authenticity. The service is always great too.",
|
|
tag: "Authentic Food",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/young-caucasian-man-smiling-happy-standing-city_839833-10609.jpg",
|
|
avatarAlt: "Jonas M. avatar",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mexican-burrito-with-rice_1147-395.jpg?_wi=2",
|
|
imageAlt: "professional woman smiling portrait",
|
|
},
|
|
{
|
|
id: "t5",
|
|
name: "Agnė R.",
|
|
date: "May 29, 2024",
|
|
title: "Spice Lovers Rejoice!",
|
|
quote: "If you love spicy food, this is your place. Their 'MAD Hot' level is no joke, but so incredibly tasty. My taste buds are still dancing!",
|
|
tag: "Spicy Food",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/confident-business-woman-portrait-smiling-face_53876-137693.jpg",
|
|
avatarAlt: "Agnė R. avatar",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-mexican-nachos-tortilla-chips-lemon-avocado-rusty-background_23-2148042539.jpg?_wi=2",
|
|
imageAlt: "professional woman smiling portrait",
|
|
},
|
|
]}
|
|
title="What Our Fans Say"
|
|
description="Don't just take our word for it—hear from the people who keep coming back for more MADness."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Bolt Food",
|
|
"Wolt",
|
|
"Uber Eats",
|
|
"Lidl",
|
|
"Iki",
|
|
"Maxima",
|
|
"Rimi",
|
|
]}
|
|
title="Delivering Madness Near You"
|
|
description="Proudly partnering with Lithuania's top food delivery services and trusted brands to bring the MAD Brothers experience to your doorstep."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "faq1",
|
|
title: "Are your ingredients really fresh?",
|
|
content: "Absolutely! We source the freshest local produce and import authentic Mexican spices directly to ensure every dish bursts with flavor. Quality is our obsession.",
|
|
},
|
|
{
|
|
id: "faq2",
|
|
title: "What does 'MAD Hot' mean for real?",
|
|
content: "Our 'MAD Hot' level is serious. It's for true chiliheads who can handle intense heat. If you're unsure, we recommend starting with 'Medium' or 'Mild'—no shame in that!",
|
|
},
|
|
{
|
|
id: "faq3",
|
|
title: "Do you offer catering services?",
|
|
content: "Yes! We love bringing the MAD experience to your events. From private parties to corporate gatherings, we can customize a menu. Contact us for a quote!",
|
|
},
|
|
{
|
|
id: "faq4",
|
|
title: "Are there vegetarian or vegan options?",
|
|
content: "Definitely! We believe everyone deserves to experience the MADness. Most of our dishes have delicious vegetarian and vegan alternatives. Just ask our crew!",
|
|
},
|
|
{
|
|
id: "faq5",
|
|
title: "Can I customize my order?",
|
|
content: "Of course! Our online menu allows you to select your spice level and add extra toppings like guacamole, cheese sauce, or jalapeños to perfect your dish.",
|
|
},
|
|
{
|
|
id: "faq6",
|
|
title: "What are your popular dishes?",
|
|
content: "Our MAD Birria Tacos are a bestseller, the El Diablo Burrito is a fan favorite for spice lovers, and our Asada Loaded Nachos are perfect for sharing (or not!).",
|
|
},
|
|
]}
|
|
title="Frequently Asked MAD Questions"
|
|
description="Got burning questions about our fiery flavors or secret ingredients? We've got the answers to keep you fueled and informed."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-form" data-section="contact-form">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Get in Touch with the MAD Crew!"
|
|
description="Have questions, want to book catering, or just send us some love? We're all ears (and taste buds)."
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Your Name",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Your Email",
|
|
required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Your message...",
|
|
rows: 5,
|
|
required: true,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-mexican-party-decoration-with-food_23-2149317309.jpg"
|
|
imageAlt="Mexican kitchen scene with chefs preparing food"
|
|
mediaAnimation="none"
|
|
mediaPosition="right"
|
|
buttonText="Send Your Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoSrc="http://img.b2bpic.net/free-photo/mexican-hat-wrapped-tacos-tasty-nachos-salsa-sauce-guacamole-black-slate-red-chilies-table_23-2148042473.jpg"
|
|
logoText="MAD Brothers"
|
|
copyrightText="© 2026 MAD Brothers Mexican Street Food. All Rights Reserved. Stay Mad!"
|
|
socialLinks={[
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com/madbrothers",
|
|
ariaLabel: "Facebook",
|
|
},
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com/madbrothers",
|
|
ariaLabel: "Instagram",
|
|
},
|
|
{
|
|
icon: Instagram,
|
|
href: "https://tiktok.com/@madbrothers",
|
|
ariaLabel: "TikTok",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|