186 lines
10 KiB
TypeScript
186 lines
10 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
||
import TextAbout from "@/components/sections/about/TextAbout";
|
||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
||
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
||
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
||
import ContactText from "@/components/sections/contact/ContactText";
|
||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||
import { Coffee, Heart, Sparkles } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="icon-arrow"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="medium"
|
||
sizing="mediumLarge"
|
||
background="floatingGradient"
|
||
cardStyle="glass-elevated"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
brandName="Casa Simoneta"
|
||
navItems={[
|
||
{ name: "Nuestro Café", id: "menu" },
|
||
{ name: "Nosotros", id: "about" },
|
||
{ name: "Ubicación", id: "contact" },
|
||
]}
|
||
button={{
|
||
text: "Reservar", href: "https://wa.me/50685051660"}}
|
||
animateOnLoad={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboard
|
||
title="Casa Simoneta – El Cafecito del Barrio"
|
||
description="Disfruta del mejor café de especialidad en un ambiente acogedor en San Lorenzo, Heredia. Cada taza preparada con amor, calidad y ese toque artesanal que nos caracteriza."
|
||
background={{ variant: "plain" }}
|
||
tag="Café de Especialidad"
|
||
tagIcon={Coffee}
|
||
tagAnimation="slide-up"
|
||
imageSrc="http://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-134687.jpg"
|
||
imageAlt="specialty coffee café artesanal espresso coffee shop"
|
||
mediaAnimation="slide-up"
|
||
buttons={[
|
||
{ text: "Nuestro Menú", href: "#menu" },
|
||
{ text: "Reservar", href: "https://wa.me/50685051660" },
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
ariaLabel="Hero section for Casa Simoneta specialty coffee shop"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextAbout
|
||
tag="Quiénes Somos"
|
||
tagIcon={Heart}
|
||
tagAnimation="slide-up"
|
||
title="Casa Simoneta nació como un espacio acogedor para los amantes del café de especialidad que quieren más que solo una bebida: buscan una experiencia. Nos definimos como 'el cafecito del barrio', donde cada taza se prepara con amor, calidad y ese toque artesanal que nos caracteriza."
|
||
useInvertedBackground={false}
|
||
ariaLabel="About section - Casa Simoneta philosophy"
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardOne
|
||
title="Nuestro Café"
|
||
description="Descubre nuestra cuidada selección de bebidas de especialidad, preparadas con experticia y pasión. Desde clásicos espresso hasta innovadoras creaciones artesanales."
|
||
tag="Menú Premium"
|
||
tagIcon={Sparkles}
|
||
tagAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
gridVariant="three-columns-all-equal-width"
|
||
products={[
|
||
{
|
||
id: "1", name: "Espresso Puro", price: "₡3,500", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cups-coffee-with-cookies_23-2148337217.jpg", imageAlt: "espresso coffee cup shot glass strong coffee"},
|
||
{
|
||
id: "2", name: "Cappuccino Cremoso", price: "₡4,500", imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-cup_1203-3394.jpg", imageAlt: "cappuccino latte art milk coffee espresso drink"},
|
||
{
|
||
id: "3", name: "Café V60 Filtrado", price: "₡5,000", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-person-pouring-coffee-glass-black-background_181624-47216.jpg", imageAlt: "pour over coffee V60 filtered coffee brewing"},
|
||
{
|
||
id: "4", name: "Latte Artesanal", price: "₡4,800", imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-cup_1203-3394.jpg", imageAlt: "latte latte art milk coffee cappuccino"},
|
||
{
|
||
id: "5", name: "Cold Brew", price: "₡4,200", imageSrc: "http://img.b2bpic.net/free-photo/cold-summer-coffee-drink-with-ice-orange-juice_169016-21399.jpg", imageAlt: "cold brew iced coffee cold drink summer coffee"},
|
||
{
|
||
id: "6", name: "Té Premium", price: "₡3,800", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-herbs-spices_114579-16707.jpg", imageAlt: "tea premium tea herbal tea tea cup"},
|
||
]}
|
||
ariaLabel="Coffee and beverage menu products"
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardFourteen
|
||
title="Nuestro Compromiso con la Excelencia"
|
||
tag="Por Qué Elegirnos"
|
||
tagAnimation="slide-up"
|
||
metrics={[
|
||
{
|
||
id: "1", value: "100%", description: "Café de especialidad de origen seleccionado, tostado con cuidado para resaltar sus características únicas."},
|
||
{
|
||
id: "2", value: "Artesanal", description: "Cada bebida es preparada a mano con técnicas profesionales y atención al detalle."},
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
ariaLabel="Metrics section highlighting Casa Simoneta excellence"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTen
|
||
title="Lo Que Dicen Nuestros Clientes"
|
||
description="Descubre por qué Casa Simoneta es el lugar favorito de amantes del café en San Lorenzo."
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1", title: "Ambiente Perfecto", quote: "Muy buen café y ambiente tranquilo. Es mi lugar favorito para relajarme con amigos después del trabajo.", name: "María García", role: "Visitante Regular", imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageAlt: "woman portrait happy face professional headshot smiling woman"},
|
||
{
|
||
id: "2", title: "Café Excepcional", quote: "La calidad del café aquí es incomparable. Se nota que cada taza está preparada con pasión y experticia.", name: "Carlos López", role: "Entusiasta de Café", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", imageAlt: "man portrait happy face professional headshot smiling man"},
|
||
{
|
||
id: "3", title: "Espacio Acogedor", quote: "Recomendado para relajarse con amigos o trabajar. Los dueños son muy amables y atentos.", name: "Sofia Ramírez", role: "Profesional Independiente", imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageAlt: "woman portrait happy face professional headshot confident woman"},
|
||
{
|
||
id: "4", title: "Una Experiencia Completa", quote: "No es solo café, es una experiencia. La combinación de bebida, ambiente y atención es perfecta.", name: "Diego Mora", role: "Visitante Frecuente", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", imageAlt: "man portrait happy face professional headshot confident man"},
|
||
]}
|
||
ariaLabel="Customer testimonials section"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardSixteen
|
||
title="Lo Que Te Espera en Casa Simoneta"
|
||
description="Experimentamos cada detalle para ofrecerte lo mejor"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
negativeCard={{
|
||
items: [
|
||
"Café instantáneo sin sabor", "Atención impersonal", "Ambiente ruidoso y apresurado"],
|
||
}}
|
||
positiveCard={{
|
||
items: [
|
||
"Café de especialidad de origen", "Atención cercana y amable", "Ambiente relajado y verde"],
|
||
}}
|
||
ariaLabel="Feature comparison section"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
text="¿Listo para visitar Casa Simoneta? Estamos ubicados en San Lorenzo, Heredia. Contáctanos por WhatsApp para reservaciones o consultas."
|
||
animationType="background-highlight"
|
||
background={{ variant: "plain" }}
|
||
useInvertedBackground={false}
|
||
buttons={[
|
||
{ text: "Contactar por WhatsApp", href: "https://wa.me/50685051660" },
|
||
{ text: "Ver Ubicación", href: "#" },
|
||
]}
|
||
ariaLabel="Contact call to action section"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoReveal
|
||
logoText="Casa Simoneta"
|
||
leftLink={{
|
||
text: "Política de Privacidad", href: "#"}}
|
||
rightLink={{
|
||
text: "Términos de Servicio", href: "#"}}
|
||
ariaLabel="Site footer"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|