181 lines
8.3 KiB
TypeScript
181 lines
8.3 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="none"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Inicio", id: "hero"},
|
|
{
|
|
name: "Nosotros", id: "about"},
|
|
{
|
|
name: "Servicios", id: "features"},
|
|
{
|
|
name: "Contacto", id: "contact"},
|
|
]}
|
|
brandName="El Caniche Rosa"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="El Caniche Rosa"
|
|
description="Bienvenido a la experiencia de cuidado y estilo más exclusiva para tu mascota. Elegancia, mimo y profesionalismo en cada detalle."
|
|
buttons={[
|
|
{
|
|
text: "Reservar cita", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/luxury-retro-wall-lamp-cafe_1150-10890.jpg"
|
|
imageAlt="Boutique salon de lujo"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Un espacio diseñado para el bienestar"
|
|
description="El Caniche Rosa nace con la pasión de ofrecer un servicio integral de peluquería y estilo, fusionando técnicas avanzadas con un trato delicado y personalizado para que tu compañero se sienta como en casa."
|
|
bulletPoints={[
|
|
{
|
|
title: "Servicios exclusivos", description: "Baño, corte y estilo adaptado a la personalidad de cada mascota."},
|
|
{
|
|
title: "Atención personalizada", description: "Entendemos que cada perro es único y requiere un trato específico."},
|
|
{
|
|
title: "Productos premium", description: "Utilizamos solo los mejores cosméticos para cuidar piel y pelaje."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/cute-little-black-french-bulldog-studio_1303-27308.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardEight
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Corte de Razas", description: "Expertos en estilo que resaltan la personalidad única de tu mascota.", imageSrc: "http://img.b2bpic.net/free-photo/cute-caucasian-young-woman-with-dark-short-hair-is-sitting-with-her-bulldog-pink-background-true-friendship-wonderful-happy-moments_197531-31374.jpg"},
|
|
{
|
|
title: "Spa Canino", description: "Rituales de relajación profunda para renovar su bienestar y vitalidad.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-yorkshire-dog_23-2151779247.jpg"},
|
|
{
|
|
title: "Higiene Completa", description: "Cuidado preventivo esencial para mantener su salud y limpieza diaria.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-using-laptop-street-with-night-city_1153-3536.jpg"},
|
|
]}
|
|
title="Lo que ofrecemos"
|
|
description="Servicios profesionales enfocados en la salud y estética de tu mascota."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
team={[
|
|
{
|
|
id: "1", name: "Lucía P.", role: "Directora Creativa", imageSrc: "http://img.b2bpic.net/free-photo/cute-young-caucasian-brunette-girl-holding-paws-dog-front-camera-pink-background-good-relationship-animals-people-concept_197531-31344.jpg"},
|
|
{
|
|
id: "2", name: "Marcos R.", role: "Estilista Senior", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-hugging-his-white-dog_23-2148164509.jpg"},
|
|
{
|
|
id: "3", name: "Elena S.", role: "Terapeuta Spa", imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-s-with-blue-eyes-portrait_633478-325.jpg"},
|
|
{
|
|
id: "4", name: "Javier M.", role: "Atención al Cliente", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-looking-camera-while-standing-counter-movie-house_613910-21690.jpg"},
|
|
]}
|
|
title="Nuestro equipo"
|
|
description="Profesionales apasionados por la estética y el bienestar animal."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={true}
|
|
testimonial="¡El cambio fue increíble! Mi perro volvió radiante y, lo más importante, totalmente tranquilo. Verlo feliz tras su sesión de spa me da una paz inmensa, sabiendo que lo cuidan con tanto cariño y profesionalismo."
|
|
rating={5}
|
|
author="Sofía G."
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-young-man-holds-his-dog-paw-hand-looks-happy-concept-petfriendly-cafe-freelance-coworking-space_1258-314652.jpg", alt: "Sofía G."},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cheerful-young-man-glasses-sitting-near-cute-small-dog-looking-camera-dog-owner-staring-ha_1258-160684.jpg", alt: "Carlos L."},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-dog_23-2148777112.jpg", alt: "Andrea M."},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-handsome-bearded-brutal-tattooed-happy-man-holds-pomeranian-spitz-playing-with-lovely-pet_343596-1510.jpg", alt: "Pedro R."},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/modern-woman-drinking-coffee_23-2148020563.jpg", alt: "Lucía F."},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "¿Necesito cita previa?", content: "Sí, recomendamos reservar con antelación para asegurar tu lugar."},
|
|
{
|
|
id: "2", title: "¿Qué productos utilizan?", content: "Usamos champús y cosméticos dermatológicos de alta gama."},
|
|
{
|
|
id: "3", title: "¿Tienen servicio de recogida?", content: "Actualmente trabajamos únicamente en nuestro salón boutique."},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "¿Tienes más dudas? Contáctanos", href: "#contact"},
|
|
]}
|
|
sideTitle="Preguntas Frecuentes"
|
|
sideDescription="Respondemos a tus dudas sobre nuestros servicios de peluquería y spa."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "canvas-reveal"}}
|
|
text="Reserva tu cita hoy en El Caniche Rosa y da a tu mascota la experiencia que merece."
|
|
buttons={[
|
|
{
|
|
text: "Contactar por WhatsApp", href: "https://wa.me/123456789"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="El Caniche Rosa"
|
|
copyrightText="© 2025 El Caniche Rosa | Boutique Canina"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |