531 lines
18 KiB
TypeScript
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>
|
|
);
|
|
}
|