Files
f1326765-1bfb-45c8-be5a-fcf…/src/app/page.tsx
2026-06-12 18:55:54 +00:00

531 lines
18 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Heart, Star } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="noise"
cardStyle="subtle-shadow"
primaryButtonStyle="shadow"
secondaryButtonStyle="glass"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "Menu",
id: "#menu",
},
{
name: "About",
id: "#about",
},
{
name: "Reviews",
id: "#reviews",
},
{
name: "Contact",
id: "#contact",
},
]}
logoSrc="http://img.b2bpic.net/free-vector/mexican-label-collection_23-2148003192.jpg"
brandName="ex&Co Salou"
button={{
text: "Book a Table",
href: "#contact",
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "radial-gradient",
}}
title="Taste the Authentic Flavors of Mexico"
description="Experience the vibrant cuisine and warm hospitality of ex&Co Salou. Fresh ingredients, traditional recipes, and an unforgettable dining experience await you."
kpis={[
{
value: "4.8",
label: "Rating",
},
{
value: "100+",
label: "Reviews",
},
{
value: "Salou",
label: "Location",
},
]}
enableKpiAnimation={true}
imageSrc="http://img.b2bpic.net/free-photo/delicious-indian-dosa-composition_23-2149086046.jpg?_wi=1"
imageAlt="Vibrant Mexican dishes on a table"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-woman-eats-hot-dog-cafe-terrace_169016-55849.jpg",
alt: "Happy customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-mexican-woman-eating-ranchero-food_23-2150222241.jpg",
alt: "Happy customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/young-women-enjoy-shopping-with-credit-cards_1150-18782.jpg",
alt: "Happy customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/couple-eating-salmon-dish-bowl-restaurant_23-2150461489.jpg",
alt: "Happy customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/group-positive-people-having-dinner-together_23-2148454185.jpg",
alt: "Happy customer 5",
},
]}
avatarText="Join our 100+ happy diners!"
marqueeItems={[
{
type: "text",
text: "Fresh Ingredients Daily",
},
{
type: "text-icon",
text: "Authentic Recipes",
icon: Heart,
},
{
type: "text",
text: "Vibrant Atmosphere",
},
{
type: "text-icon",
text: "Craft Margaritas",
icon: Star,
},
{
type: "text",
text: "Exceptional Service",
},
]}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={true}
title="Our Story: A Taste of Jalisco in Salou"
description="At ex&Co Salou, we bring the heart of Mexico to your table. Our journey began with a passion for authentic Mexican cuisine, inspired by the vibrant traditions of Jalisco. Every dish is a celebration of rich flavors, prepared with the freshest local produce and imported Mexican spices."
imageSrc="http://img.b2bpic.net/free-photo/beautiful-mexican-party-decoration-with-food_23-2149317307.jpg?_wi=1"
imageAlt="Interior of ex&Co Salou restaurant"
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Street Tacos",
price: "€12.50",
variant: "Asada, Al Pastor, Carnitas",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-vegetarian-tacos_23-2148750464.jpg",
imageAlt: "Assortment of street tacos",
},
{
id: "p2",
name: "Giant Burrito",
price: "€14.90",
variant: "Chicken, Beef, Veggie",
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-healthy-food-delivery-salad-second-dish-first-dish-white-surface_231208-7863.jpg",
imageAlt: "Large, loaded burrito",
},
{
id: "p3",
name: "Enchiladas Verdes",
price: "€13.80",
variant: "Chicken, Cheese",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cabbage-dolma-consists-ground-meat-with-greens-white-background-meat-dinner-calorie-food-dish_140725-96168.jpg",
imageAlt: "Green enchiladas with melted cheese",
},
{
id: "p4",
name: "Quesadillas",
price: "€10.00",
variant: "Cheese, Mushroom, Chicken",
imageSrc: "http://img.b2bpic.net/free-photo/mexican-quesadilla-wrap-with-chicken-corn-sweet-pepper-salsa_2829-19734.jpg",
imageAlt: "Crispy cheese quesadillas",
},
{
id: "p5",
name: "Guacamole & Chips",
price: "€8.50",
variant: "Freshly made",
imageSrc: "http://img.b2bpic.net/free-photo/guacamole_23-2148024742.jpg",
imageAlt: "Fresh guacamole with tortilla chips",
},
{
id: "p6",
name: "Sizzling Fajitas",
price: "€17.50",
variant: "Chicken, Steak, Mixed",
imageSrc: "http://img.b2bpic.net/free-photo/creative-composition-tasty-food_23-2148949081.jpg",
imageAlt: "Sizzling platter of chicken fajitas",
},
]}
title="Our Culinary Delights"
description="Discover our vibrant menu, crafted with passion and authentic Mexican flavors. From sizzling fajitas to savory tacos, each dish tells a story."
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Authentic Flavors",
description: "Our recipes are passed down through generations, ensuring every bite is a true taste of Mexican heritage.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-fresh-vegetables-chili-flakes-wooden-background_23-2147956521.jpg",
imageAlt: "Fresh ingredients for Mexican cooking",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-photo-assortment-sandwiches-with-smartphone_23-2149428219.jpg",
imageAlt: "Person taking a photo of Mexican food",
},
imageSrc: "http://img.b2bpic.net/free-vector/mexican-label-collection_23-2148003192.jpg",
imageAlt: "fresh organic vegetables market",
},
{
title: "Lively Atmosphere",
description: "Immerse yourself in a vibrant setting with traditional music and colorful decor, perfect for any occasion.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520107.jpg",
imageAlt: "Lively restaurant dining atmosphere",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bartender-creating-delicious-drink_23-2149125746.jpg",
imageAlt: "Mixologist preparing an exotic cocktail",
},
imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-composition_23-2149086046.jpg?_wi=2",
imageAlt: "fresh organic vegetables market",
},
{
title: "Exceptional Service",
description: "Our friendly team is dedicated to making your visit memorable, offering warm hospitality and expert recommendations.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-waiter-using-digital-tablet-while-talking-couple-taking-their-order-cafe_637285-540.jpg",
imageAlt: "Friendly waiter serving food to a customer",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-high-angle_23-2149957040.jpg",
imageAlt: "Smartphone showing an online menu app",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mexican-party-decoration-with-food_23-2149317307.jpg?_wi=2",
imageAlt: "fresh organic vegetables market",
},
]}
showStepNumbers={false}
title="Why Dine With Us?"
description="Beyond the exquisite food, we offer an experience that transports you straight to Mexico. Here's what makes ex&Co Salou unique."
/>
</div>
<div id="specials" data-section="specials">
<PricingCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "lunch",
title: "Lunch Especial",
price: "€15.00",
period: "per person",
features: [
"Starter + Main Course",
"Soft Drink included",
"Available weekdays 12-3 PM",
],
button: {
text: "View Details",
href: "#menu",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-with-greens-dark-surface-dinner-meal-dish-cips-potato-cooking_140725-102173.jpg",
imageAlt: "Mexican lunch special",
},
{
id: "dinner",
title: "Cena Fiesta",
price: "€25.00",
period: "per person",
features: [
"Appetizer, Main, Dessert",
"Margarita or Wine included",
"Available daily from 6 PM",
],
button: {
text: "Book Now",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-brazilian-food-assortment_23-2148725095.jpg",
imageAlt: "Mexican dinner feast",
},
{
id: "family",
title: "Combo Familiar",
price: "€45.00",
period: "for 4 people",
features: [
"Large Platter of Tacos & Burritos",
"Guacamole & Chips",
"Perfect for sharing",
],
button: {
text: "Order Online",
href: "#menu",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-blackboard-national-mexican-food_23-2147740813.jpg",
imageAlt: "Mexican family combo meal",
},
]}
title="Daily Specials & Set Menus"
description="Explore our chef's recommendations and value-packed meal options, perfect for lunch or a full dinner experience."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Xamalo",
role: "Local Guide",
company: "Google Review",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-crowded-party-home_23-2149203591.jpg",
imageAlt: "Happy customer Xamalo",
},
{
id: "t2",
name: "Mireia",
role: "Food Enthusiast",
company: "Google Review",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-eating-outdoors_23-2150168134.jpg",
imageAlt: "Smiling customer Mireia",
},
{
id: "t3",
name: "Sarah P.",
role: "Traveler",
company: "Tripadvisor",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/group-happy-friends-having-fun-while-eating-cake-cafe_637285-7896.jpg",
imageAlt: "Customer Sarah P. enjoying a drink",
},
{
id: "t4",
name: "David R.",
role: "Local Diner",
company: "Google Review",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-family-enjoying-food-together_23-2149228721.jpg",
imageAlt: "Customer David R. at the restaurant",
},
{
id: "t5",
name: "Ana G.",
role: "Guest",
company: "Google Review",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-toasting-glasses-hot-drinks-bar_23-2147874480.jpg",
imageAlt: "Customer Ana G. with friends",
},
]}
kpiItems={[
{
value: "4.8",
label: "Average Rating",
},
{
value: "100+",
label: "Happy Customers",
},
{
value: "5+",
label: "Years Serving",
},
]}
title="What Our Guests Say"
description="Hear from those who've experienced the ex&Co difference. Your satisfaction is our greatest reward."
/>
</div>
<div id="partners" data-section="partners">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Local Farms",
"Artisan Tortillas",
"Premium Meats",
"Exotic Spices Co.",
"Salou Dairy",
"Craft Beverage Co.",
"Fresh Seafood Ltd.",
]}
title="Our Trusted Partners"
description="We believe in quality from farm to table. Partnering with the best local suppliers ensures the freshest ingredients for our authentic dishes."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "¿Necesitamos hacer una reserva?",
content: "Recomendamos encarecidamente hacer una reserva, especialmente los fines de semana y por la noche, para asegurar su mesa. Puede reservar a través de nuestro sitio web o llamando directamente.",
},
{
id: "q2",
title: "¿Ofrecen opciones vegetarianas o veganas?",
content: "Sí, tenemos una variedad de opciones vegetarianas y veganas en nuestro menú. Por favor, consulte con nuestro personal para obtener recomendaciones específicas.",
},
{
id: "q3",
title: "¿Pueden atender dietas especiales o alergias?",
content: "Sí, hacemos todo lo posible para acomodar las necesidades dietéticas y las alergias. Por favor, informe a su camarero sobre cualquier restricción alimentaria al realizar su pedido.",
},
]}
title="Frequently Asked Questions"
description="Find quick answers to common queries about dining at ex&Co Salou."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
text="Ready for an authentic Mexican culinary journey? Reserve your table now and let us delight your senses!"
buttons={[
{
text: "Book a Table",
href: "tel:671462512",
},
{
text: "Get Directions",
href: "https://maps.google.com/maps?vet=10CAAQoqAOahgKEwiQzoa-pIKVAxUAAAAAHQAAAAAQyQY..i&pvq=OhYweDA6MHhlYzQ5MmRlOWM5YWU5MzI4&fvr=1&cs=0&um=1&ie=UTF-8&fb=1&gl=es&sa=X&ftid=0x12a1599f0e547cdd:0xec492de9c9ae9328",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/colourful-traditional-mexican-house_23-2151769234.jpg"
imageAlt="Exterior of ex&Co Salou restaurant at night"
logoText="ex&Co Salou"
columns={[
{
title: "Menu",
items: [
{
label: "Tacos",
href: "#menu",
},
{
label: "Burritos",
href: "#menu",
},
{
label: "Specials",
href: "#specials",
},
],
},
{
title: "About",
items: [
{
label: "Our Story",
href: "#about",
},
{
label: "Reviews",
href: "#reviews",
},
{
label: "Partners",
href: "#partners",
},
],
},
{
title: "Contact",
items: [
{
label: "Reservations",
href: "#contact",
},
{
label: "Location",
href: "https://maps.google.com/maps?vet=10CAAQoqAOahgKEwiQzoa-pIKVAxUAAAAAHQAAAAAQyQY..i&pvq=OhYweDA6MHhlYzQ5MmRlOWM5YWU5MzI4&fvr=1&cs=0&um=1&ie=UTF-8&fb=1&gl=es&sa=X&ftid=0x12a1599f0e547cdd:0xec492de9c9ae9328",
},
{
label: "FAQ",
href: "#faq",
},
],
},
]}
copyrightText="© 2024 ex&Co Salou. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}