133 lines
4.9 KiB
TypeScript
133 lines
4.9 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 FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import { Award, Coffee, ShoppingBag, Truck, Utensils } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Inicio", id: "#inicio" },
|
|
{ name: "Experiencia", id: "#experiencia" },
|
|
{ name: "Carta", id: "#carta" },
|
|
{ name: "Reseñas", id: "#resenas" },
|
|
{ name: "Contacto", id: "#contacto" },
|
|
]}
|
|
button={{ text: "Llamar ahora", href: "tel:78675784" }}
|
|
brandName="Restaurante Doña Goya"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Sabor casero en el corazón de Flores"
|
|
description="Disfruta desayunos completos, almuerzos caseros y una atención cálida en Restaurante Doña Goya. ⭐ 4.4 / 5 · 1,045 reseñas. Rango: Q50 - Q100 por persona."
|
|
buttons={[{ text: "Llamar al restaurante", href: "tel:78675784" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/thanksgiving-dinner-assortment-table_23-2149055456.jpg?_wi=1"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="beneficios" data-section="beneficios">
|
|
<FeatureCardTwentyEight
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[]}
|
|
title="Por qué visitarnos"
|
|
description="Una experiencia auténtica y familiar en la Isla de Flores."
|
|
/>
|
|
</div>
|
|
|
|
<div id="experiencia" data-section="experiencia">
|
|
<TextSplitAbout
|
|
useInvertedBackground={false}
|
|
title="Una experiencia auténtica en Flores"
|
|
description={["Restaurante Doña Goya es una opción familiar y auténtica en Flores, ideal para disfrutar un desayuno completo, un almuerzo casero o una comida tranquila."]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="carta" data-section="carta">
|
|
<ProductCardThree
|
|
animationType="opacity"
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={true}
|
|
products={[]}
|
|
title="Sabores favoritos"
|
|
description="Consulta disponibilidad directamente en el restaurante."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq-split" data-section="faq-split">
|
|
<FaqDouble
|
|
title="Preguntas frecuentes"
|
|
description="Todo lo que necesitas saber antes de visitarnos."
|
|
faqs={[]}
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contacto-faq" data-section="contacto-faq">
|
|
<ContactSplitForm
|
|
title="¿Tienes dudas específicas?"
|
|
description="Envíanos un mensaje y responderemos a la brevedad."
|
|
inputs={[{name: 'name', type: 'text', placeholder: 'Nombre'}, {name: 'email', type: 'email', placeholder: 'Correo'}]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="ubicacion" data-section="ubicacion">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{ variant: "gradient-bars" }}
|
|
text="Calle 15 de Septiembre, Flores, Petén, Guatemala."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/rustic-chandelier-made-bulbs-ropes-dining-table-vintage-kitchen_181624-9173.jpg"
|
|
logoText="Restaurante Doña Goya"
|
|
columns={[]}
|
|
/>
|
|
<FooterBase
|
|
logoText="Doña Goya"
|
|
columns={[]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |