Merge version_2 into main #2
278
src/app/page.tsx
278
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Heart } from "lucide-react";
|
||||
import { Heart, Accessibility, Users, CreditCard } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,22 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Testimonios",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{ name: "Inicio", id: "#hero" },
|
||||
{ name: "Nosotros", id: "#about" },
|
||||
{ name: "Servicios", id: "#services" },
|
||||
{ name: "Accesibilidad y Pagos", id: "#features" },
|
||||
{ name: "Testimonios", id: "#testimonials" },
|
||||
]}
|
||||
brandName="KIKU"
|
||||
/>
|
||||
@@ -56,87 +45,18 @@ export default function LandingPage() {
|
||||
<HeroOverlayTestimonial
|
||||
title="Donde tu peludo se siente como en casa"
|
||||
description="Belleza, cuidado y amor en cada detalle. Reserva una experiencia de peluquería premium en el corazón de Madrid."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ana R.",
|
||||
handle: "@anita",
|
||||
testimonial: "Mi perrita salió como un osito, nunca la había visto tan bien.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-bearded-male-sits-chair-his-two-irish-setter-dogs_613910-8054.jpg?_wi=1",
|
||||
imageAlt: "happy groomed dog warm lighting portrait",
|
||||
},
|
||||
{
|
||||
name: "Carlos M.",
|
||||
handle: "@carlos",
|
||||
testimonial: "Se nota el cariño y la paciencia que tienen con ellos.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-washing-dog_23-2149652692.jpg?_wi=1",
|
||||
imageAlt: "happy groomed dog warm lighting portrait",
|
||||
},
|
||||
{
|
||||
name: "Lucía P.",
|
||||
handle: "@lucia",
|
||||
testimonial: "El mejor sitio de Madrid. Muy profesionales y cariñosos.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-pet-grooming-price-list-design_23-2150014150.jpg?_wi=1",
|
||||
imageAlt: "happy groomed dog warm lighting portrait",
|
||||
},
|
||||
{
|
||||
name: "Javier D.",
|
||||
handle: "@javier",
|
||||
testimonial: "Trato exquisito, mi perro va feliz cada vez que vamos.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-happy-young-woman-with-curly-hair-smiles-gladfully-enjoys-company-pet-poses-with-pug-dog-dressed-casually-isolated-beige-background-people-domestic-animals-concept_273609-60120.jpg?_wi=1",
|
||||
imageAlt: "happy groomed dog warm lighting portrait",
|
||||
},
|
||||
{
|
||||
name: "Marta G.",
|
||||
handle: "@marta",
|
||||
testimonial: "Limpieza y atención impecable. Totalmente recomendable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ethnic-woman-embraces-white-dog-with-pleasure-love-smiles-gently-enjoys-togetherness-with-favourite-pet-have-friendly-relationship-prepare-dog-show_273609-34664.jpg?_wi=1",
|
||||
imageAlt: "happy groomed dog warm lighting portrait",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reservar cita",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
testimonials={[]}
|
||||
buttons={[{ text: "Reservar cita", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-stylish-bearded-male-sits-chair-his-two-irish-setter-dogs_613910-8054.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/haircuting-process-small-dog-sits-table-dog-with-professional_1157-48821.jpg",
|
||||
alt: "Portrait of a groomed dog",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-working-from-home-with-pet-dog_23-2149104761.jpg",
|
||||
alt: "Happy dog owner portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dog-lifestyle-care-with-owner_23-2149150804.jpg",
|
||||
alt: "Dog grooming session detail",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/washing-process-small-dog-sits-table-dog-spaying-by-professional_1157-48817.jpg",
|
||||
alt: "Groomer petting a dog",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cute-dog_23-2149304306.jpg",
|
||||
alt: "Small dog after spa treatment",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Nuestra Filosofía"
|
||||
title="Más que mascotas, son familia"
|
||||
description="En KIKU, creemos que la peluquería es un acto de amor. Con años de experiencia en Barrio Salamanca, nos dedicamos a transformar cada visita en un momento de calma absoluta."
|
||||
subdescription="Sin jaulas, con paciencia y una dedicación exclusiva para tu mejor amigo."
|
||||
description="En KIKU, creemos que la peluquería es un acto de amor. Somos un espacio seguro, LGBTQ+ friendly, y acogemos con orgullo a la comunidad trans."
|
||||
subdescription="Ofrecemos una atención paciente, sin jaulas y dedicada exclusivamente a tu mejor amigo."
|
||||
icon={Heart}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-washing-dog_23-2149652692.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -145,30 +65,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
title="Instalaciones y Pagos"
|
||||
description="En KIKU nos esforzamos por crear un entorno inclusivo y accesible para todos."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Atención Sin Jaulas",
|
||||
description: "Priorizamos la tranquilidad de tu perro en un entorno libre de estrés.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-pet-grooming-price-list-design_23-2150014150.jpg?_wi=2",
|
||||
imageAlt: "dog bath and grooming premium tools",
|
||||
title: "100% Accesible", description: "Nuestras instalaciones son totalmente accesibles en silla de ruedas, incluyendo zonas de espera y aseos.", imageSrc: "", imageAlt: "Wheelchair access icon"
|
||||
},
|
||||
{
|
||||
title: "Espacio Transparente",
|
||||
description: "Puedes ver todo el proceso; la confianza es el pilar de nuestro salón.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-bearded-male-sits-chair-his-two-irish-setter-dogs_613910-8054.jpg?_wi=3",
|
||||
imageAlt: "dog bath and grooming premium tools",
|
||||
title: "Métodos de Pago", description: "Aceptamos cómodamente tarjetas de crédito y débito de todos los proveedores principales.", imageSrc: "", imageAlt: "Credit card icons"
|
||||
},
|
||||
{
|
||||
title: "Paciencia Especial",
|
||||
description: "Expertos en mascotas mayores o nerviosas que requieren tiempo extra.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-washing-dog_23-2149652692.jpg?_wi=3",
|
||||
imageAlt: "dog bath and grooming premium tools",
|
||||
},
|
||||
title: "Espacio Seguro", description: "Orgullosamente LGBTQ+ friendly. Un refugio seguro y acogedor para personas trans.", imageSrc: "", imageAlt: "Safe space symbol"
|
||||
}
|
||||
]}
|
||||
title="Nuestro Compromiso"
|
||||
description="Una experiencia diferente donde la transparencia y el trato personalizado son nuestra prioridad."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -176,137 +86,38 @@ export default function LandingPage() {
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "bath",
|
||||
badge: "Popular",
|
||||
price: "Desde 30€",
|
||||
subtitle: "Baño y arreglo higiénico",
|
||||
buttons: [
|
||||
{
|
||||
text: "Reservar",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Champú orgánico",
|
||||
"Secado profesional",
|
||||
"Limpieza de oídos",
|
||||
],
|
||||
id: "bath", badge: "Popular", price: "Desde 30€", subtitle: "Baño y arreglo", buttons: [{ text: "Reservar", href: "#contact" }], features: ["Champú orgánico", "Secado profesional"]
|
||||
},
|
||||
{
|
||||
id: "groom",
|
||||
badge: "Destacado",
|
||||
price: "Desde 50€",
|
||||
subtitle: "Corte de raza completo",
|
||||
buttons: [
|
||||
{
|
||||
text: "Reservar",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Corte a medida",
|
||||
"Deslanado profesional",
|
||||
"Corte de uñas",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "ozone",
|
||||
badge: "Premium",
|
||||
price: "Desde 65€",
|
||||
subtitle: "Baño de Ozono",
|
||||
buttons: [
|
||||
{
|
||||
text: "Reservar",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Tratamiento dérmico",
|
||||
"Brillo intenso",
|
||||
"Hidratación profunda",
|
||||
],
|
||||
id: "groom", badge: "Destacado", price: "Desde 50€", subtitle: "Corte de raza", buttons: [{ text: "Reservar", href: "#contact" }], features: ["Corte a medida", "Corte de uñas"]
|
||||
},
|
||||
]}
|
||||
title="Servicios Premium"
|
||||
description="Cuidado integral adaptado a las necesidades de cada raza y personalidad."
|
||||
description="Cuidado profesional con atención a la diversidad y el bienestar animal."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "¿Puedo quedarme durante el proceso?",
|
||||
content: "¡Por supuesto! Nuestras instalaciones son transparentes.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "¿Usan sedación?",
|
||||
content: "Nunca. Nos basamos en paciencia, premios y trato amable.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "¿Es apto para cachorros?",
|
||||
content: "Absolutamente. Somos especialistas en su primera experiencia.",
|
||||
},
|
||||
]}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Estamos aquí para resolver tus dudas y asegurar que tu peludo esté siempre feliz."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-happy-young-woman-with-curly-hair-smiles-gladfully-enjoys-company-pet-poses-with-pug-dog-dressed-casually-isolated-beige-background-people-domestic-animals-concept_273609-60120.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jorge A.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ethnic-woman-embraces-white-dog-with-pleasure-love-smiles-gently-enjoys-togetherness-with-favourite-pet-have-friendly-relationship-prepare-dog-show_273609-34664.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lucía V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-cute-dog-medium-shot_23-2148765209.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcos S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headshot-happy-smiling-dark-skinned-afro-american-woman-holds-nice-breed-dog-expresses-positive-emotions-has-dreamy-expression-going-have-walk-with-favorite-pet-people-animals-concept_273609-49818.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sonia G.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-skinned-lady-keeps-lips-rounded-wants-kiss-adorable-pet-plays-with-small-puppy_273609-34277.jpg",
|
||||
},
|
||||
faqs={[
|
||||
{ id: "1", title: "¿Es su local accesible?", content: "Sí, contamos con rampas y espacio adecuado para sillas de ruedas." },
|
||||
{ id: "2", title: "¿Qué métodos de pago aceptan?", content: "Aceptamos tarjetas de crédito y débito." },
|
||||
{ id: "3", title: "¿Cuál es su política de diversidad?", content: "Somos un espacio seguro LGBTQ+ friendly para todas las personas." },
|
||||
]}
|
||||
cardTitle="Lo que dicen nuestras familias"
|
||||
cardTag="Opiniones Reales"
|
||||
cardAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contacto"
|
||||
title="Reserva una cita"
|
||||
description="Tu mejor amigo merece el mejor cuidado. Citas limitadas para garantizar calidad."
|
||||
description="Te esperamos con los brazos abiertos en Barrio Salamanca. Contacta para más información."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -314,41 +125,12 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="KIKU"
|
||||
columns={[
|
||||
{
|
||||
title: "Ubicación",
|
||||
items: [
|
||||
{
|
||||
label: "Barrio Salamanca, Madrid",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Servicios",
|
||||
items: [
|
||||
{
|
||||
label: "Baño y Corte",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Baño de Ozono",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Política de Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Info", items: [{ label: "Barrio Salamanca, Madrid", href: "#" }] },
|
||||
{ title: "Servicios", items: [{ label: "Peluquería", href: "#services" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user