325 lines
21 KiB
TypeScript
325 lines
21 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import { CheckCircle, Shield, Zap, Sparkles, Heart, TrendingUp, Star, HelpCircle, Camera, Stethoscope } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Pet City"
|
|
navItems={[
|
|
{ name: "Inicio", id: "hero" },
|
|
{ name: "Sobre Nosotros", id: "about" },
|
|
{ name: "Servicios", id: "services" },
|
|
{ name: "Galería", id: "gallery" },
|
|
{ name: "Opiniones", id: "testimonials" },
|
|
{ name: "Contacto", id: "contact" }
|
|
]}
|
|
button={{ text: "Agendar Cita", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Cuidamos la salud y felicidad de tu mascota"
|
|
description="Con amor, profesionalismo y la mejor atención veterinaria en Bogotá. Pet City Clínica Veterinaria ofrece diagnósticos precisos, tratamientos responsables y un equipo comprometido con el bienestar de tus compañeros felinos y caninos."
|
|
background={{ variant: "radial-gradient" }}
|
|
tag="Pet City Clínica Veterinaria"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Agendar Cita", href: "#contact" },
|
|
{ text: "Llamar Ahora", href: "tel:+601 4108457" },
|
|
{ text: "Ver Servicios", href: "#services" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
carouselItems={[
|
|
{ id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-holding-her-dog-park_23-2148576977.jpg", imageAlt: "Perros y gatos felices" },
|
|
{ id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8577.jpg", imageAlt: "Clínica veterinaria moderna" },
|
|
{ id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/veterinarian-taking-care-pet-dog_23-2149198682.jpg?_wi=1", imageAlt: "Consulta veterinaria profesional" },
|
|
{ id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bulldog-lifestyle_23-2151765831.jpg?_wi=1", imageAlt: "Perro feliz y saludable" },
|
|
{ id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-head-cute-white-grey-cat-with-green-eyes_181624-21541.jpg?_wi=1", imageAlt: "Gato tranquilo y cómodo" },
|
|
{ id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-patient-meeting-with-his-doctor-discuss-results-office_482257-126983.jpg?_wi=1", imageAlt: "Instalaciones de la clínica" }
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={4000}
|
|
ariaLabel="Hero section with rotating carousel of pets and clinic images"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Sobre Pet City Clínica Veterinaria" },
|
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8577.jpg", alt: "Clínica veterinaria profesional" }
|
|
]}
|
|
buttons={[
|
|
{ text: "Contactar", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTen
|
|
title="Servicios Veterinarios Especializados"
|
|
description="En Pet City ofrecemos una amplia gama de servicios de salud y bienestar para perros y gatos. Nuestro equipo de médicos veterinarios está capacitado para brindar atención integral y personalizada a cada mascota."
|
|
tag="Servicios de Excelencia"
|
|
tagIcon={Stethoscope}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Agendar Cita", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "consultation", title: "Consulta Veterinaria", description: "Evaluación profesional de la salud de tu mascota. Diagnóstico preciso y recomendaciones personalizadas.", media: { imageSrc: "http://img.b2bpic.net/free-photo/veterinarian-taking-care-pet-dog_23-2149198682.jpg?_wi=2", imageAlt: "Consulta veterinaria profesional" },
|
|
items: [
|
|
{ icon: CheckCircle, text: "Examen físico completo" },
|
|
{ icon: CheckCircle, text: "Diagnóstico preciso" },
|
|
{ icon: CheckCircle, text: "Plan de tratamiento personalizado" }
|
|
],
|
|
reverse: false
|
|
},
|
|
{
|
|
id: "vaccination", title: "Vacunación y Desparasitación", description: "Protege a tu mascota con nuestro programa de inmunización completo. Prevención eficaz de enfermedades.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-veterinarian-checking-dog_23-2149143865.jpg", imageAlt: "Vacunación de mascotas" },
|
|
items: [
|
|
{ icon: Shield, text: "Vacunas actualizadas" },
|
|
{ icon: Shield, text: "Desparasitación interna y externa" },
|
|
{ icon: Shield, text: "Calendario de salud preventiva" }
|
|
],
|
|
reverse: true
|
|
},
|
|
{
|
|
id: "surgery", title: "Cirugías Veterinarias", description: "Procedimientos quirúrgicos con tecnología moderna y protocolos de seguridad. Atención profesional en todos los casos.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-holding-cute-cat_23-2149304288.jpg", imageAlt: "Cirugía veterinaria" },
|
|
items: [
|
|
{ icon: Zap, text: "Equipamiento moderno" },
|
|
{ icon: Zap, text: "Protocolo anestésico seguro" },
|
|
{ icon: Zap, text: "Recuperación monitoreada" }
|
|
],
|
|
reverse: false
|
|
},
|
|
{
|
|
id: "grooming", title: "Baño y Peluquería", description: "Servicio de higiene y estética para tu mascota. Mantén a tu compañero limpio y feliz. (Requiere cita previa)", media: { imageSrc: "http://img.b2bpic.net/free-psd/pets-care-template_23-2151959643.jpg", imageAlt: "Baño y peluquería de mascotas" },
|
|
items: [
|
|
{ icon: Sparkles, text: "Baño con productos especializados" },
|
|
{ icon: Sparkles, text: "Corte de uñas y limpieza" },
|
|
{ icon: Sparkles, text: "Corte de pelo a medida" }
|
|
],
|
|
reverse: true
|
|
},
|
|
{
|
|
id: "preventive", title: "Control de Salud Preventiva", description: "Mantén a tu mascota saludable con revisiones periódicas. Detección temprana de problemas de salud.", media: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-teen-with-dog-bed_23-2148883005.jpg", imageAlt: "Control de salud preventiva" },
|
|
items: [
|
|
{ icon: Heart, text: "Chequeos periódicos" },
|
|
{ icon: Heart, text: "Análisis de laboratorio" },
|
|
{ icon: Heart, text: "Monitoreo de peso y nutrición" }
|
|
],
|
|
reverse: false
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
title="Nuestra Trayectoria en Números"
|
|
description="Pet City Clínica Veterinaria es reconocida en Bogotá por su excelencia en atención veterinaria y satisfacción de nuestros clientes."
|
|
metrics={[
|
|
{
|
|
id: "rating", value: "4.6★", title: "Calificación", items: ["414 opiniones positivas", "Confianza de nuestros clientes", "Excelente servicio"]
|
|
},
|
|
{
|
|
id: "hours", value: "24h", title: "Disponibilidad", items: ["Atención ampliada", "Emergencias veterinarias", "Seguimiento profesional"]
|
|
},
|
|
{
|
|
id: "team", value: "5+", title: "Médicos Veterinarios", items: ["Equipo especializado", "Experiencia comprobada", "Atención personalizada"]
|
|
},
|
|
{
|
|
id: "patients", value: "1000+", title: "Mascotas Atendidas", items: ["Perros y gatos saludables", "Cirugías exitosas", "Tratamientos efectivos"]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
tag="Números que Hablan"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
title="Lo que Dicen Nuestros Clientes"
|
|
description="Más de 414 opiniones satisfechas de dueños de mascotas que confían en Pet City Clínica Veterinaria para el cuidado de sus compañeros."
|
|
testimonials={[
|
|
{
|
|
id: "testimonial-1", title: "Excelente Atención", quote: "Excelente atención para las mascotas. Siempre han tratado a mis felinos aquí y los diagnósticos han sido acertados. Los médicos explican muy bien y aclaran todas las dudas.", name: "María García", role: "Dueña de Gatos", imageSrc: "http://img.b2bpic.net/free-photo/loving-girl-huging-her-cat-home-near-window-cheerful-girl-holding-her-surprised-pet-girl-loves-her-cat-friends-expressing-feelings_574295-2646.jpg"
|
|
},
|
|
{
|
|
id: "testimonial-2", title: "Atención Cálida y Profesional", quote: "La atención es increíble, responden rápido para resolver dudas o programar citas. La doctora Laura Ladino es muy cálida, empática y cuidadosa con los pacientes.", name: "Carlos Rodríguez", role: "Dueño de Perro", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-posing-with-her-dog_23-2148454605.jpg"
|
|
},
|
|
{
|
|
id: "testimonial-3", title: "Confianza Garantizada", quote: "Pet City es nuestra clínica de confianza desde hace años. El equipo veterinario es profesional, amable y siempre busca lo mejor para nuestras mascotas. Recomendado 100%.", name: "Familia López", role: "Dueños de Mascotas", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-walk-with-her-puppy_1328-3592.jpg"
|
|
},
|
|
{
|
|
id: "testimonial-4", title: "Servicio de Calidad", quote: "Desde que descubrí Pet City, no voy a otro lado. Los precios son justos, el servicio es de primera calidad y mis mascotas se sienten seguras y cuidadas.", name: "Jorge Moreno", role: "Dueño de Gato y Perro", imageSrc: "http://img.b2bpic.net/free-photo/man-spending-time-with-dog-home_23-2149392587.jpg"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tag="Opiniones Reales"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<BlogCardOne
|
|
title="Galería de Mascotas Felices"
|
|
description="Conoce a algunos de nuestros pacientes más queridos. Mascotas saludables y felices que confían en Pet City Clínica Veterinaria."
|
|
blogs={[
|
|
{
|
|
id: "gallery-1", category: "Perros", title: "Perros Saludables", excerpt: "Nuestros pacientes caninos están siempre en excelente salud. Revisa cómo cuidamos a tus perros favoritos.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bulldog-lifestyle_23-2151765831.jpg?_wi=2", imageAlt: "Perro feliz", authorName: "Pet City", authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-bulldog-lifestyle_23-2151765831.jpg", date: "2024"
|
|
},
|
|
{
|
|
id: "gallery-2", category: "Perros", title: "Cachorros Felices", excerpt: "Los cachorros reciben la mejor atención veterinaria. Vacunación, chequeos y cuidados completos.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-dog-painting_1048-4854.jpg", imageAlt: "Cachorro adorable", authorName: "Pet City", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-dog-painting_1048-4854.jpg", date: "2024"
|
|
},
|
|
{
|
|
id: "gallery-3", category: "Gatos", title: "Gatos Tranquilos", excerpt: "Nuestros gatos reciben atención especializada. Bienestar y confort en cada consulta.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-head-cute-white-grey-cat-with-green-eyes_181624-21541.jpg?_wi=2", imageAlt: "Gato descansando", authorName: "Pet City", authorAvatar: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-head-cute-white-grey-cat-with-green-eyes_181624-21541.jpg", date: "2024"
|
|
},
|
|
{
|
|
id: "gallery-4", category: "Gatos", title: "Gatitos Adorables", excerpt: "Los gatitos son especiales. Reciben cuidados personalizados desde su primer día.", imageSrc: "http://img.b2bpic.net/free-photo/cute-grey-cat_1339-7660.jpg", imageAlt: "Gatito bonito", authorName: "Pet City", authorAvatar: "http://img.b2bpic.net/free-photo/cute-grey-cat_1339-7660.jpg", date: "2024"
|
|
},
|
|
{
|
|
id: "gallery-5", category: "Clínica", title: "Instalaciones Modernas", excerpt: "Nuestras instalaciones cuentan con tecnología veterinaria de última generación.", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-patient-meeting-with-his-doctor-discuss-results-office_482257-126983.jpg?_wi=2", imageAlt: "Clínica veterinaria", authorName: "Pet City", authorAvatar: "http://img.b2bpic.net/free-photo/senior-man-patient-meeting-with-his-doctor-discuss-results-office_482257-126983.jpg", date: "2024"
|
|
},
|
|
{
|
|
id: "gallery-6", category: "Clínica", title: "Espacio Seguro", excerpt: "Un ambiente limpio, seguro y acogedor para todas tus mascotas.", imageSrc: "http://img.b2bpic.net/free-photo/you-are-so-adorable-happy-caucasian-woman-pajamas-petting-her-small-dog-smiling-young-woman-relaxing-with-her-cute-shih-tzu-dog_662251-2249.jpg", imageAlt: "Clínica acogedora", authorName: "Pet City", authorAvatar: "http://img.b2bpic.net/free-photo/you-are-so-adorable-happy-caucasian-woman-pajamas-petting-her-small-dog-smiling-young-woman-relaxing-with-her-cute-shih-tzu-dog_662251-2249.jpg", date: "2024"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
tag="Conoce a Nuestros Pacientes"
|
|
tagIcon={Camera}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Preguntas Frecuentes"
|
|
description="Resuelve tus dudas sobre nuestros servicios, horarios y cuidados para mascotas."
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "¿Cuál es el horario de atención?", content: "Pet City Clínica Veterinaria atiende de lunes a domingo. Estamos abiertos hasta las 7:00 p.m. Para emergencias fuera de horario, contáctanos y haremos lo posible por ayudarte."
|
|
},
|
|
{
|
|
id: "faq-2", title: "¿Es necesario agendar cita previa?", content: "Sí, recomendamos agendar cita previa para garantizar atención oportuna. Puedes llamarnos al (601) 4108457 o usar nuestro formulario de contacto. Las emergencias se atienden sin cita."
|
|
},
|
|
{
|
|
id: "faq-3", title: "¿Qué servicios incluye una consulta general?", content: "La consulta general incluye examen físico completo, toma de signos vitales, evaluación de salud y asesoramiento personalizado. Si se requieren análisis adicionales, se coordinarán en la consulta."
|
|
},
|
|
{
|
|
id: "faq-4", title: "¿Se requiere cita para baño y peluquería?", content: "Sí, el servicio de baño y peluquería requiere cita previa. Contáctanos con anticipación para coordinar la fecha y hora que mejor se adapte a tu agenda."
|
|
},
|
|
{
|
|
id: "faq-5", title: "¿Qué debo llevar en la primera consulta?", content: "Lleva la cartilla de vacunación de tu mascota, antecedentes médicos si los tienes, y la descripción de los síntomas actuales. Esto nos ayudará a brindar mejor atención."
|
|
},
|
|
{
|
|
id: "faq-6", title: "¿Aceptan mascotas de emergencia?", content: "Sí, atendemos emergencias veterinarias. Llama inmediatamente al (601) 4108457 para informarnos sobre la situación y recibirás instrucciones de cómo proceder."
|
|
}
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tag="Resuelve Tus Dudas"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Pet City Clínica Veterinaria\n\nUbicación: Cl. 23 # 85 A 96, Fontibón, Bogotá, Cundinamarca, Colombia\nTeléfono: (601) 4108457\nHorario: Lunes a Domingo, abierto hasta las 7:00 p.m.\n\n¡Contáctanos hoy y agenda la cita de tu mascota!"
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Llamar Ahora", href: "tel:+601 4108457" },
|
|
{ text: "WhatsApp", href: "https://wa.me/+601 4108457" },
|
|
{ text: "Ver en Mapa", href: "https://maps.google.com/?q=Cl.+23+%23+85+A+96,+Fontib%C3%B3n,+Bogot%C3%A1" }
|
|
]}
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Pet City"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Inicio", href: "#hero" },
|
|
{ label: "Sobre Nosotros", href: "#about" },
|
|
{ label: "Servicios", href: "#services" },
|
|
{ label: "Galería", href: "#gallery" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Opiniones", href: "#testimonials" },
|
|
{ label: "Preguntas Frecuentes", href: "#faq" },
|
|
{ label: "Contacto", href: "#contact" },
|
|
{ label: "Ubicación", href: "https://maps.google.com/?q=Cl.+23+%23+85+A+96,+Fontib%C3%B3n,+Bogot%C3%A1" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Teléfono: (601) 4108457", href: "tel:+601 4108457" },
|
|
{ label: "WhatsApp", href: "https://wa.me/+601 4108457" },
|
|
{ label: "Dirección: Cl. 23 # 85 A 96, Fontibón", href: "https://maps.google.com/?q=Cl.+23+%23+85+A+96,+Fontib%C3%B3n,+Bogot%C3%A1" },
|
|
{ label: "Horario: Lunes a Domingo hasta 7:00 p.m.", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Política de Privacidad", href: "#" },
|
|
{ label: "Términos de Servicio", href: "#" },
|
|
{ label: "Política de Cookies", href: "#" },
|
|
{ label: "© 2024 Pet City Clínica Veterinaria", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |