184 lines
12 KiB
TypeScript
184 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import { useState } from "react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { Flame, ChefHat } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
const [isSpanish, setIsSpanish] = useState(false);
|
|
|
|
const t = {
|
|
nav: isSpanish
|
|
? [{ name: "Inicio", id: "hero" }, { name: "Nuestra Historia", id: "about" }, { name: "Menú", id: "products" }, { name: "Reservas", id: "contact" }]
|
|
: [{ name: "Home", id: "hero" }, { name: "Our Story", id: "about" }, { name: "Menu", id: "products" }, { name: "Reservations", id: "contact" }],
|
|
book: isSpanish ? "Reservar" : "Book Now", heroTitle: isSpanish ? "La Auténtica Parrilla Argentina" : "The Authentic Argentine Parrilla Experience", heroDesc: isSpanish ? "Descubre la pasión por la tradición, el fuego y los mejores cortes de carne en El Negro." : "Discover the passion of tradition, fire, and the finest cuts of meat at El Negro.", aboutTitle: isSpanish ? "Un Legado de Sabor y Tradición" : "A Legacy of Flavor and Tradition", aboutBtn: isSpanish ? "Más Información" : "Learn More", featuresTitle: isSpanish ? "Por qué El Negro es Diferente" : "Why El Negro Stands Out", featuresDesc: isSpanish ? "Experimenta la diferencia de las técnicas consagradas por el tiempo." : "Experience the difference of time-honored techniques.", productsTitle: isSpanish ? "Nuestros Cortes de Autor" : "Our Signature Cuts", productsDesc: isSpanish ? "Seleccionados diariamente por nuestros maestros carniceros." : "Selected daily by our master butchers.", pricingTitle: isSpanish ? "Menús de Precio Fijo" : "Fixed Prix Menus", pricingDesc: isSpanish ? "Diseñado para la mejor experiencia gastronómica compartida." : "Designed for the ultimate shared dining experience.", metricsTitle: isSpanish ? "Nuestro Restaurante en un Vistazo" : "Our Restaurant at a Glance", metricsDesc: isSpanish ? "Calidad respaldada por números." : "Quality backed by numbers.", testimonialsTitle: isSpanish ? "Voces de Nuestros Comensales" : "Voices of Our Patrons", testimonialsDesc: isSpanish ? "Por qué aman a El Negro." : "Why they love El Negro.", contactTitle: isSpanish ? "Reserva tu Mesa" : "Reserve Your Table", contactDesc: isSpanish ? "Suscríbete a nuestro boletín para obtener alertas de reserva prioritaria y ofertas especiales." : "Sign up for our newsletter to get priority booking alerts and special offers.", footerLeft: isSpanish ? "Política de Privacidad" : "Privacy Policy", footerRight: isSpanish ? "Contáctanos" : "Contact Us"
|
|
};
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={t.nav}
|
|
brandName="El Negro"
|
|
button={{ text: t.book, href: "#contact" }}
|
|
/>
|
|
<div className="flex gap-2 fixed top-4 right-4 z-[9999]">
|
|
<button className="px-3 py-1 bg-white/10 backdrop-blur rounded text-sm hover:bg-white/20 transition" onClick={() => setIsSpanish(true)}>ES</button>
|
|
<button className="px-3 py-1 bg-white/10 backdrop-blur rounded text-sm hover:bg-white/20 transition" onClick={() => setIsSpanish(false)}>EN</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
background={{ variant: "radial-gradient" }}
|
|
title={t.heroTitle}
|
|
description={t.heroDesc}
|
|
testimonials={[
|
|
{ name: "Juan Perez", handle: "@juanp", testimonial: "The best asado I have ever tasted outside of Buenos Aires.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-sitting-with-woman-cafe_273609-6829.jpg" },
|
|
{ name: "Elena Rodriguez", handle: "@elenar", testimonial: "El Negro is a sanctuary for meat lovers. Simply perfect.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006729.jpg" },
|
|
{ name: "Mark Smith", handle: "@msmith", testimonial: "Incredible ambiance and impeccable service. A must-visit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-good-looking-dark-skinned-man-happy-about-good-news-from-internet-has-lunch-drinks-water_273609-8926.jpg" },
|
|
{ name: "Lucia Fernandez", handle: "@luciaf", testimonial: "Authentic flavors that transport you directly to Argentina.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/food-blogger-adorable-healthy-chef-recording-video-social-media-holding-red-pepper_140725-166628.jpg" },
|
|
{ name: "Carlos Gomez", handle: "@carlosg", testimonial: "The quality of the beef is unmatched. Truly a culinary gem.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-happy-people-having-fun-toasting-with-beer-while-eating-lunch-dining-room-home_637285-5546.jpg" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/bonfire-chimney_1220-650.jpg"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", alt: "Satisfied customer 1" },
|
|
{ src: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg", alt: "Satisfied customer 2" },
|
|
{ src: "http://img.b2bpic.net/free-photo/guy-with-long-hair-dressed-fashionable-denim-jacket-cafe_273609-3904.jpg", alt: "Satisfied customer 3" },
|
|
{ src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg", alt: "Satisfied customer 4" },
|
|
{ src: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006703.jpg", alt: "Satisfied customer 5" }
|
|
]}
|
|
avatarText="Loved by over 5,000 satisfied diners"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
title={t.aboutTitle}
|
|
buttons={[{ text: t.aboutBtn, href: "#" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "Fire-Grilled Mastery", description: "We utilize wood and coal fire to ensure every cut is perfectly charred.", media: { imageSrc: "http://img.b2bpic.net/free-photo/blank-logo-stamp-tag-template_53876-125574.jpg" }, items: [{ icon: Flame, text: "Traditional Fire Grilling" }, { icon: ChefHat, text: "Master Parrilleros" }], reverse: false }
|
|
]}
|
|
title={t.featuresTitle}
|
|
description={t.featuresDesc}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "p1", name: "Bife de Chorizo", price: "$38.00", imageSrc: "http://img.b2bpic.net/free-photo/seared-scallops-with-avocado-puree_23-2151942388.jpg" },
|
|
{ id: "p2", name: "Asado de Tira", price: "$42.00", imageSrc: "http://img.b2bpic.net/free-photo/chicken-meat-barbecue-with-rice-vegetable-salad_114579-4423.jpg" },
|
|
{ id: "p3", name: "Malbec Selection", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-garnished-with-kosher-salt-wood-serving-board_140725-1490.jpg" },
|
|
{ id: "p4", name: "Empanadas", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-food-arrangement_23-2148510861.jpg" },
|
|
{ id: "p5", name: "Grilled Seasonal Veg", price: "$10.00", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-vegetables-wooden-background_23-2148491121.jpg" },
|
|
{ id: "p6", name: "Classic Flan", price: "$9.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-alfajores-cookies-concept_23-2148751768.jpg" }
|
|
]}
|
|
title={t.productsTitle}
|
|
description={t.productsDesc}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{ id: "standard", price: "$65", name: "The Parrillada", buttons: [{ text: t.book }], features: ["Assorted Cuts", "Side Dishes", "Wine Glass"] },
|
|
{ id: "premium", price: "$95", name: "El Negro Grand", buttons: [{ text: t.book }], features: ["Premium Ribeye", "Full Wine Bottle", "Signature Dessert"] },
|
|
{ id: "deluxe", price: "$150", name: "Tasting Experience", buttons: [{ text: t.book }], features: ["Chef Selection", "Wine Pairing", "Exclusive Table"] }
|
|
]}
|
|
title={t.pricingTitle}
|
|
description={t.pricingDesc}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "m1", value: "20", title: "Years of Tradition", items: ["Established 2004", "Trusted Service"] },
|
|
{ id: "m2", value: "12k", title: "Steaks Grilled Yearly", items: ["Prime Quality", "Argentine Beef"] },
|
|
{ id: "m3", value: "4.9", title: "Star Rating Average", items: ["Diner Reviews", "Quality Promise"] }
|
|
]}
|
|
title={t.metricsTitle}
|
|
description={t.metricsDesc}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "t1", title: "Excellent!", quote: "The meat melts in your mouth.", name: "Ana S.", role: "Food Blogger", imageSrc: "http://img.b2bpic.net/free-photo/friends-talking-by-lunch_1098-14622.jpg" },
|
|
{ id: "t2", title: "Superb", quote: "Perfectly cooked steak every single time.", name: "Pedro M.", role: "Chef", imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517443.jpg" },
|
|
{ id: "t3", title: "Top Tier", quote: "Best service in the city.", name: "Sarah W.", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156202.jpg" },
|
|
{ id: "t4", title: "Great Vibe", quote: "Perfect for family dinner night.", name: "Luis F.", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-people-hostel_23-2150601158.jpg" },
|
|
{ id: "t5", title: "Five Stars", quote: "I am a regular for a reason.", name: "Elena P.", role: "Foodie", imageSrc: "http://img.b2bpic.net/free-photo/front-view-modern-family-retro-style_23-2150595535.jpg" }
|
|
]}
|
|
title={t.testimonialsTitle}
|
|
description={t.testimonialsDesc}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{ variant: "plain" }}
|
|
tag="Contact"
|
|
title={t.contactTitle}
|
|
description={t.contactDesc}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="El Negro Parrilla"
|
|
leftLink={{ text: t.footerLeft, href: "#" }}
|
|
rightLink={{ text: t.footerRight, href: "#" }}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |