389 lines
14 KiB
TypeScript
389 lines
14 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 FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Utensils } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Inicio",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "Nosotros",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Menú",
|
|
id: "products",
|
|
},
|
|
{
|
|
name: "Opiniones",
|
|
id: "testimonials",
|
|
},
|
|
{
|
|
name: "Contacto",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="D'Elina Pizzeria"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
title="D'Elina Pizzeria: El Sabor de Italia en Andratx"
|
|
description="Descubre la autenticidad de nuestras pizzas artesanales, ahora en el corazón de Andratx. Desde Galilea, traemos la misma pasión y tradición para deleitarte con cada bocado."
|
|
tag="Pizzeria Artesanal"
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Explorar Menú",
|
|
href: "#products",
|
|
},
|
|
{
|
|
text: "Reservar Mesa",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/italian-chef-is-putting-gourmet-freshly-made-pizza-stone-oven_613910-14121.jpg",
|
|
imageAlt: "Chef preparing pizza in a wood-fired oven",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cocktail-wooden-table-restaurant_23-2147936121.jpg",
|
|
imageAlt: "Inviting interior of D'Elina Pizzeria",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/italian-chef-is-putting-gourmet-freshly-made-pizza-stone-oven_613910-14676.jpg",
|
|
imageAlt: "Italian chef is putting gourmet freshly made pizza to the stone oven.",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-baking-delicious-pizza_23-2150235782.jpg",
|
|
imageAlt: "High angle baking delicious pizza",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929525.jpg",
|
|
imageAlt: "Modern interior design interior",
|
|
},
|
|
]}
|
|
mediaAnimation="opacity"
|
|
rating={5}
|
|
ratingText="Más de 500 reseñas excelentes"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={true}
|
|
tag="Nuestra Historia"
|
|
tagAnimation="slide-up"
|
|
title="De Galilea a Andratx: Una Nueva Casa, Misma Pasión"
|
|
description="D'Elina Pizzeria, antes un tesoro escondido en Galilea, ha encontrado su nuevo hogar en la vibrante Plaça España de Andratx. Hemos traído con nosotros la esencia de nuestra cocina, la autenticidad de nuestras recetas y el calor de nuestro horno de leña."
|
|
subdescription="Cada pizza es una obra de arte, elaborada con ingredientes frescos y locales de Mallorca, siguiendo las tradiciones italianas que nos caracterizan y respetando los sabores de nuestra tierra."
|
|
icon={Utensils}
|
|
imageSrc="http://img.b2bpic.net/free-photo/food-celebrating-world-tapas-day_23-2149361466.jpg"
|
|
imageAlt="Cozy and modern interior of D'Elina Pizzeria"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "margarita",
|
|
title: "La Clásica Margarita",
|
|
tags: [
|
|
"Vegetariana",
|
|
"Clásica",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/composition-tasty-traditional-pizza_23-2148921280.jpg",
|
|
imageAlt: "Pizza Margarita fresca",
|
|
},
|
|
{
|
|
id: "cuatro-quesos",
|
|
title: "Cuatro Quesos Premium",
|
|
tags: [
|
|
"Gourmet",
|
|
"Intensa",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-sauce-bottle_23-2148773532.jpg",
|
|
imageAlt: "Pizza de Cuatro Quesos",
|
|
},
|
|
{
|
|
id: "mallorquina",
|
|
title: "Mallorquina Especial",
|
|
tags: [
|
|
"Local",
|
|
"Única",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-pizza_1388-640.jpg",
|
|
imageAlt: "Pizza Mallorquina con sobrasada",
|
|
},
|
|
]}
|
|
title="Nuestras Pizzas Estrella"
|
|
description="Descubre las creaciones que nos hacen únicos, desde los sabores clásicos hasta innovadoras combinaciones con un toque mallorquín."
|
|
tag="Delicias D'Elina"
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "prod-1",
|
|
name: "Pizza Pepperoni",
|
|
price: "12,50€",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/crispy-pizza-with-cheese-tomatoes_140725-7001.jpg",
|
|
imageAlt: "Pizza Pepperoni",
|
|
},
|
|
{
|
|
id: "prod-2",
|
|
name: "Pizza Vegetariana",
|
|
price: "13,00€",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-italian-food-wooden-background_23-2148305677.jpg",
|
|
imageAlt: "Pizza Vegetariana",
|
|
},
|
|
{
|
|
id: "prod-3",
|
|
name: "Pizza Prosciutto e Funghi",
|
|
price: "14,00€",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hawaiian-pizza_74190-7222.jpg",
|
|
imageAlt: "Pizza Prosciutto e Funghi",
|
|
},
|
|
{
|
|
id: "prod-4",
|
|
name: "Pizza Capricciosa",
|
|
price: "15,50€",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-cooked-pizza-hands_23-2148040989.jpg",
|
|
imageAlt: "Pizza Capricciosa",
|
|
},
|
|
{
|
|
id: "prod-5",
|
|
name: "Pizza Frutti di Mare",
|
|
price: "16,90€",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tom-yum-pizza_74190-4688.jpg",
|
|
imageAlt: "Pizza Frutti di Mare",
|
|
},
|
|
{
|
|
id: "prod-6",
|
|
name: "Pizza BBQ Pollo",
|
|
price: "14,50€",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/assorted-meat-pizza-with-jamon-olives_501050-925.jpg",
|
|
imageAlt: "Pizza BBQ Pollo",
|
|
},
|
|
]}
|
|
title="Explora Nuestro Menú"
|
|
description="Desde los clásicos atemporales hasta nuestras innovadoras especialidades, cada pizza es una experiencia culinaria."
|
|
tag="Variedad y Sabor"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Laura G.",
|
|
role: "Visitante Frecuente",
|
|
company: "Local de Andratx",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/asian-friends-couple-eating-pizza-party-pizzeria-happy-indian-people-having-fun-together-eating-italian-food-sitting-couch_627829-1247.jpg",
|
|
imageAlt: "Laura G.",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Carlos M.",
|
|
role: "Amante de la Pizza",
|
|
company: "Mallorca",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-people-eating-pizza_23-2149152921.jpg",
|
|
imageAlt: "Carlos M.",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Sofía P.",
|
|
role: "Crítica Gastronómica",
|
|
company: "El Sabor Balear",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/person-with-eating-disorder-trying-eat-healthy_23-2149243072.jpg",
|
|
imageAlt: "Sofía P.",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David R.",
|
|
role: "Turista Encantado",
|
|
company: "Barcelona",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-happy-smiling-woman-enjoying-snow-winter-wearing-warm-scarf_343596-4410.jpg",
|
|
imageAlt: "David R.",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Elena C.",
|
|
role: "Fan Incondicional",
|
|
company: "Andratx",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-pizza-while-being-home-alone_23-2149527958.jpg",
|
|
imageAlt: "Elena C.",
|
|
},
|
|
]}
|
|
title="Lo Que Dicen Nuestros Clientes"
|
|
description="La satisfacción de quienes nos visitan es el ingrediente secreto que nos impulsa a seguir mejorando cada día."
|
|
tag="Opiniones Auténticas"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "faq-1",
|
|
title: "¿Cuál es la dirección de D'Elina Pizzeria en Andratx?",
|
|
content: "Nos encontramos en Plaça España, 19, 07150 Andratx, Illes Balears. ¡Te esperamos!",
|
|
},
|
|
{
|
|
id: "faq-2",
|
|
title: "¿Cuáles son los horarios de apertura?",
|
|
content: "Abrimos de martes a domingo en horario partido: de 12:00 a 16:30 y de 18:30 a 23:00. Los lunes permanecemos cerrados.",
|
|
},
|
|
{
|
|
id: "faq-3",
|
|
title: "¿Se pueden hacer reservas?",
|
|
content: "Sí, recomendamos hacer reserva, especialmente los fines de semana. Puedes hacerlo a través de nuestro formulario de contacto en esta misma página o llamando al 639 38 37 65.",
|
|
},
|
|
{
|
|
id: "faq-4",
|
|
title: "¿Ofrecen opciones para vegetarianos o sin gluten?",
|
|
content: "Sí, tenemos una variedad de pizzas vegetarianas y estamos explorando opciones sin gluten. Por favor, consulta a nuestro personal al realizar tu pedido para más detalles.",
|
|
},
|
|
{
|
|
id: "faq-5",
|
|
title: "¿Es posible pedir para llevar?",
|
|
content: "Absolutamente, todas nuestras pizzas y la mayoría de nuestros platos están disponibles para llevar. Puedes llamar con antelación o hacer tu pedido directamente en el local.",
|
|
},
|
|
]}
|
|
title="¿Tienes Preguntas? Te Respondemos"
|
|
description="Encuentra respuestas a las consultas más comunes sobre D'Elina Pizzeria, horarios, reservas y más."
|
|
tag="Información Útil"
|
|
tagAnimation="slide-up"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Contáctanos o Reserva Tu Mesa"
|
|
description="Estamos encantados de atenderte. Rellena el formulario para cualquier consulta o para asegurar tu lugar en D'Elina Pizzeria. También puedes llamarnos al 639 38 37 65."
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Tu Nombre Completo",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Tu Correo Electrónico",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "phone",
|
|
type: "tel",
|
|
placeholder: "Tu Teléfono (opcional)",
|
|
},
|
|
{
|
|
name: "date",
|
|
type: "date",
|
|
placeholder: "Fecha de Reserva (opcional)",
|
|
},
|
|
{
|
|
name: "time",
|
|
type: "time",
|
|
placeholder: "Hora Preferida (opcional)",
|
|
},
|
|
{
|
|
name: "guests",
|
|
type: "number",
|
|
placeholder: "Número de Comensales (opcional)",
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Mensaje o Peticiones Especiales (opcional)",
|
|
rows: 4,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/wooden-heart-with-couple-background_23-2147738651.jpg"
|
|
imageAlt="Elegant restaurant interior ready for guests"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="right"
|
|
buttonText="Enviar Mensaje / Reservar"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="D'Elina Pizzeria"
|
|
leftLink={{
|
|
text: "Política de Privacidad",
|
|
href: "#",
|
|
}}
|
|
rightLink={{
|
|
text: "Términos de Servicio",
|
|
href: "#",
|
|
}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|