Merge version_1 into main #4
272
src/app/page.tsx
272
src/app/page.tsx
@@ -1,129 +1,143 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import Link from "next/link";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import { Shield, Users, CheckCircle, Award, Zap, TrendingUp, Clock, DollarSign, Star, Mail } from 'lucide-react';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import { Briefcase, DollarSign, Eye, HelpCircle, Headphones, Mail, Shield, Star, Target, Users } from 'lucide-react';
|
||||
|
||||
const navItems = [
|
||||
{ name: "Inicio", id: "/" },
|
||||
{ name: "Servicios", id: "/services" },
|
||||
{ name: "Sobre Nosotros", id: "/about" },
|
||||
{ name: "Contacto", id: "/contact" }
|
||||
];
|
||||
|
||||
const navButton = {
|
||||
text: "Obtener Cotización", href: "contact"
|
||||
};
|
||||
|
||||
export default function Home() {
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={navButton}
|
||||
brandName="AseguraMax"
|
||||
<NavbarStyleFullscreen
|
||||
brandName="Seguros Premium"
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Servicios", id: "features" },
|
||||
{ name: "Acerca de", id: "about" },
|
||||
{ name: "Testimonios", id: "testimonials" },
|
||||
{ name: "Contacto", id: "contact" }
|
||||
]}
|
||||
bottomLeftText="Protegiendo tu Futuro"
|
||||
bottomRightText="contacto@seguros-premium.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
title="Tu Seguridad es Nuestra Prioridad"
|
||||
description="Obtén cobertura integral y protección completa para lo que más importa. Nuestros expertos están aquí para guiarte hacia el plan perfecto."
|
||||
tag="Protección Total"
|
||||
<HeroSplitKpi
|
||||
title="Tu Confianza es Nuestro Compromiso"
|
||||
description="Protege lo que más importa con seguros personalizados. Expertos en soluciones de seguros integrales para tu familia y negocios."
|
||||
background={{ variant: "animated-grid" }}
|
||||
kpis={[
|
||||
{ value: "15+ años", label: "Experiencia en el Sector" },
|
||||
{ value: "5,000+", label: "Clientes Satisfechos" },
|
||||
{ value: "24/7", label: "Atención al Cliente" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
tag="Seguros Confiables"
|
||||
tagIcon={Shield}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-car-dealer-sellers-office-doing-paper-work_23-2148332878.jpg", imageAlt: "protección familiar seguros hogar" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-male-holding-clipboard-suit-looking-strict-front-view_176474-14748.jpg", imageAlt: "portapapeles seguro documento legal" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/casual-teenager-talking-phone_23-2148804670.jpg", imageAlt: "personas familia grupo seguro" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/credit-check-financial-accounting-request-form-concept_53876-125105.jpg", imageAlt: "certificado aprobado documento oficial" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-male-holding-clipboard-suit-looking-strict-front-view_176474-14748.jpg", imageAlt: "portapapeles seguro documento legal" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/casual-teenager-talking-phone_23-2148804670.jpg", imageAlt: "personas familia grupo seguro" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/credit-check-financial-accounting-request-form-concept_53876-125105.jpg", imageAlt: "certificado aprobado documento oficial" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-car-dealer-sellers-office-doing-paper-work_23-2148332878.jpg", imageAlt: "protección familiar seguros hogar" }
|
||||
]}
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[
|
||||
{ text: "Obtener Cotización", href: "contact" },
|
||||
{ text: "Conocer Más", href: "features" }
|
||||
{ text: "Solicitar Cotización", href: "#contact" },
|
||||
{ text: "Más Información", href: "#features" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/serious-colleagues-watching-discussing-content-computer-monitor-pointing-display-talking-while-sitting-meeting-room-with-panoramic-window-business-communication-concept_74855-11967.jpg"
|
||||
imageAlt="Oficina profesional de seguros"
|
||||
mediaAnimation="opacity"
|
||||
imagePosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
title="Somos líderes en la industria de seguros con más de 15 años de experiencia garantizando la tranquilidad de nuestros clientes"
|
||||
metrics={[
|
||||
{ icon: Users, label: "Clientes Satisfechos", value: "50,000+" },
|
||||
{ icon: CheckCircle, label: "Reclamaciones Aprobadas", value: "98.5%" },
|
||||
{ icon: Award, label: "Años de Experiencia", value: "15+" },
|
||||
{ icon: Zap, label: "Tramitación en Horas", value: "24-48" }
|
||||
<SplitAbout
|
||||
title="Acerca de Nuestro Equipo"
|
||||
description="Somos profesionales dedicados a brindarte la mejor asesoría en seguros. Nuestro equipo cuenta con amplia experiencia en el mercado de seguros con un enfoque personalizado para cada cliente."
|
||||
tag="Quiénes Somos"
|
||||
tagIcon={Users}
|
||||
tagAnimation="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Asesoría Personalizada", description: "Cada cliente es único. Diseñamos soluciones adaptadas a tus necesidades específicas.", icon: Target
|
||||
},
|
||||
{
|
||||
title: "Transparencia Total", description: "Explicamos cada detalle de tus pólizas sin tecnicismos innecesarios.", icon: Eye
|
||||
},
|
||||
{
|
||||
title: "Mejor Precio Garantizado", description: "Comparamos opciones del mercado para obtener las mejores coberturas.", icon: DollarSign
|
||||
},
|
||||
{
|
||||
title: "Soporte Continuo", description: "Estamos aquí para ti antes, durante y después de contratar tu seguro.", icon: Headphones
|
||||
}
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-economist_1098-15786.jpg"
|
||||
imageAlt="Equipo profesional de seguros"
|
||||
mediaAnimation="slide-up"
|
||||
imagePosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
title="Nuestros Servicios de Seguros"
|
||||
description="Ofrecemos soluciones de seguro personalizadas para cada necesidad de tu familia y negocio"
|
||||
<FeatureCardSeven
|
||||
title="Nuestros Servicios"
|
||||
description="Ofrecemos una amplia gama de productos de seguros para proteger lo que más te importa."
|
||||
tag="Cobertura Completa"
|
||||
tagIcon={Briefcase}
|
||||
tagAnimation="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Seguros de Hogar", description: "Protege tu propiedad contra incendios, robos y desastres naturales con cobertura completa", tag: "Vivienda", imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-posing-home_23-2147862577.jpg", imageAlt: "casa hogar protección completa"
|
||||
id: 1,
|
||||
title: "Seguros Automotrices", description: "Protege tu vehículo con cobertura integral. Incluye daños, responsabilidad civil y asistencia en carretera.", imageSrc: "http://img.b2bpic.net/free-photo/insurance-agent-working-car-accident-claim-process_1150-6413.jpg", imageAlt: "Seguro automotriz completo"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Seguros de Automóvil", description: "Conducción segura con cobertura integral, responsabilidad civil y asistencia en carretera", tag: "Vehículo", imageSrc: "http://img.b2bpic.net/free-photo/female-friends-looking-map-sitting-near-broken-down-car-road_23-2147855638.jpg", imageAlt: "auto coche automóvil vehículo"
|
||||
id: 2,
|
||||
title: "Seguros del Hogar", description: "Asegura tu propiedad y tus pertenencias. Cobertura para incendio, robo, vandalismos y desastres naturales.", imageSrc: "http://img.b2bpic.net/free-photo/home-insurance-concept-laptop_53876-127970.jpg", imageAlt: "Seguro del hogar protección total"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Seguros de Salud", description: "Acceso a centros médicos de calidad con planes flexibles adaptados a tu presupuesto", tag: "Salud", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctors-sitting-together_23-2149856230.jpg", imageAlt: "médico hospital salud atención"
|
||||
},
|
||||
{
|
||||
id: "4", title: "Seguros de Viaje", description: "Viaja sin preocupaciones con cobertura médica, equipaje y asistencia internacional", tag: "Viaje", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-with-map-compass_23-2148456523.jpg", imageAlt: "maleta viaje aventura destino"
|
||||
id: 3,
|
||||
title: "Seguros de Salud", description: "Acceso a red médica amplia con cobertura integral. Protección para ti y tu familia en cualquier emergencia.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-nurse-clinic_23-2149741265.jpg", imageAlt: "Seguro de salud familiar"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
title="Nuestro Desempeño en Números"
|
||||
description="Resultados que hablan por sí solos sobre nuestro compromiso con la excelencia"
|
||||
<MetricCardFourteen
|
||||
title="Nos respaldan números que demuestran nuestra excelencia y compromiso con nuestros clientes."
|
||||
tag="Por Números"
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{ id: "1", icon: TrendingUp, title: "Crecimiento Anual", value: "35%" },
|
||||
{ id: "2", icon: Clock, title: "Tiempo Promedio", value: "2 días" },
|
||||
{ id: "3", icon: DollarSign, title: "Indemnizaciones", value: "$5.2M" },
|
||||
{ id: "4", icon: Star, title: "Calificación Cliente", value: "4.9/5" }
|
||||
{
|
||||
id: "1", value: "98%", description: "Tasa de satisfacción de clientes en la renovación de pólizas"
|
||||
},
|
||||
{
|
||||
id: "2", value: "500+", description: "Reclamos procesados exitosamente cada año"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,107 +145,109 @@ export default function Home() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
title="Lo Que Dicen Nuestros Clientes"
|
||||
description="Miles de familias confían en nosotros para proteger lo que más importa"
|
||||
description="Conoce las experiencias reales de quienes confían en nosotros para proteger su futuro."
|
||||
tag="Testimonios"
|
||||
tagIcon={Star}
|
||||
tagAnimation="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "María González, Propietaria", date: "Date: 15 Noviembre 2024", title: "¡El mejor seguro de hogar que he tenido!", quote: "Después de un incendio, el proceso de reclamación fue increíblemente rápido y sin complicaciones. El equipo de AseguraMax fue muy profesional y empático.", tag: "Seguro Hogar", avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-receiving-praises-smiling-standing-happy-white-wall_176420-42703.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-receiving-praises-smiling-standing-happy-white-wall_176420-42703.jpg"
|
||||
id: "1", name: "María García, Propietaria", date: "Date: 15 Diciembre 2024", title: "Excelente servicio y asesoría profesional", quote: "El equipo me ayudó a encontrar la mejor cobertura para mi hogar. La atención fue personalizada y muy profesional. Altamente recomendado.", tag: "Seguro del Hogar", avatarSrc: "http://img.b2bpic.net/free-photo/bearded-man-holding-his-arms-crossed-christmas_23-2148737963.jpg", avatarAlt: "María García", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-holding-his-arms-crossed-christmas_23-2148737963.jpg", imageAlt: "Cliente satisfecho con seguro del hogar"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Carlos Rodríguez, Conductor", date: "Date: 22 Octubre 2024", title: "Tranquilidad en cada viaje", quote: "Tengo un accidente menor y su asistencia en carretera llegó en menos de 30 minutos. Excelente servicio y precios competitivos.", tag: "Seguro Auto", avatarSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg"
|
||||
id: "2", name: "Carlos Rodríguez, Empresario", date: "Date: 10 Diciembre 2024", title: "Soluciones inteligentes para mi negocio", quote: "Necesitaba varios seguros para mi empresa y ellos armaron un paquete perfecto. El precio fue muy competitivo y el servicio impecable.", tag: "Seguros Comerciales", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-bed_23-2147862652.jpg", avatarAlt: "Carlos Rodríguez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-bed_23-2147862652.jpg", imageAlt: "Empresario satisfecho"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Ana Martínez, Madre de Familia", date: "Date: 08 Noviembre 2024", title: "Cobertura médica sin preocupaciones", quote: "El plan de salud de AseguraMax es asequible y cubre todo lo que mi familia necesita. Recomiendo ampliamente sus servicios.", tag: "Seguro Salud", avatarSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-businessstyle-clothes_78826-2210.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-businessstyle-clothes_78826-2210.jpg"
|
||||
id: "3", name: "Patricia López, Abogada", date: "Date: 05 Diciembre 2024", title: "Atención que supera expectativas", quote: "Llevo 5 años como cliente y nunca he tenido problemas. Cuando necesité hacer un reclamo, todo fue rápido y eficiente. Muy satisfecha.", tag: "Seguros Integrales", avatarSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-854.jpg", avatarAlt: "Patricia López", imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-854.jpg", imageAlt: "Cliente leal y satisfecha"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Pedro López, Empresario", date: "Date: 10 Noviembre 2024", title: "Protección integral para mi negocio", quote: "Nuestro negocio está completamente protegido. El apoyo y asesoramiento de sus expertos es invaluable.", tag: "Seguro Comercial", avatarSrc: "http://img.b2bpic.net/free-psd/close-up-old-man-portrait_23-2150833792.jpg", imageSrc: "http://img.b2bpic.net/free-psd/close-up-old-man-portrait_23-2150833792.jpg"
|
||||
id: "4", name: "Juan Martínez, Conductor", date: "Date: 28 Noviembre 2024", title: "Mi vehículo está protegido", quote: "El seguro automotriz que me recomendaron es excelente. Tiene muy buena cobertura y el precio está acorde a la calidad del servicio.", tag: "Seguros Automotrices", avatarSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", avatarAlt: "Juan Martínez", imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", imageAlt: "Cliente con seguro automotriz"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Sofía Fernández, Viajera Frecuente", date: "Date: 20 Octubre 2024", title: "Viajes sin estrés", quote: "El seguro de viaje me salvó cuando tuve que cancelar un vuelo. Proceso ágil y atención personalizada.", tag: "Seguro Viaje", avatarSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1297.jpg", imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1297.jpg"
|
||||
id: "5", name: "Claudia Sánchez, Contadora", date: "Date: 20 Noviembre 2024", title: "Profesionalismo garantizado", quote: "El equipo demuestra verdadero conocimiento. Siempre dispuestos a aclarar dudas y a buscar la mejor opción. Es un placer trabajar con ellos.", tag: "Asesoría Completa", avatarSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-sitting-couch-smiling_23-2148095699.jpg", avatarAlt: "Claudia Sánchez", imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-sitting-couch-smiling_23-2148095699.jpg", imageAlt: "Profesional confiada"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Roberto Sánchez, Jubilado", date: "Date: 12 Noviembre 2024", title: "Paz mental a un precio justo", quote: "En mi jubilación, necesitaba un seguro confiable y asequible. AseguraMax me ofreció exactamente eso.", tag: "Seguro Vida", avatarSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-posing_23-2148116383.jpg", imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-posing_23-2148116383.jpg"
|
||||
id: "6", name: "Roberto Díaz, Empresario", date: "Date: 15 Noviembre 2024", title: "Mejor relación precio-calidad", quote: "Comparé con otros corredores y estos ofrecen mejor cobertura al mismo precio. No dudaría en recomendarlos a mis colegas.", tag: "Seguros Empresariales", avatarSrc: "http://img.b2bpic.net/free-photo/serious-executive-sitting-couch_1098-2454.jpg", avatarAlt: "Roberto Díaz", imageSrc: "http://img.b2bpic.net/free-photo/serious-executive-sitting-couch_1098-2454.jpg", imageAlt: "Empresario recomendando servicio"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Preguntas Frecuentes"
|
||||
description="Resolvemos tus dudas sobre nuestros productos y servicios de seguros"
|
||||
description="Resolvemos las dudas más comunes sobre nuestros servicios de seguros."
|
||||
tag="Dudas Comunes"
|
||||
tagIcon={HelpCircle}
|
||||
tagAnimation="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "¿Cuál es el tiempo de tramitación de una póliza?", content: "El tiempo promedio es de 24 a 48 horas laborales. En casos urgentes, podemos acelerar el proceso."
|
||||
id: "1", title: "¿Cómo puedo solicitar una cotización?", content: "Puedes contactarnos directamente por teléfono, correo electrónico o completar nuestro formulario en línea. Un asesor profesional te llamará para entender tus necesidades y brindarte las opciones más adecuadas."
|
||||
},
|
||||
{
|
||||
id: "2", title: "¿Qué métodos de pago aceptan?", content: "Aceptamos tarjetas de crédito, débito, transferencia bancaria y pagos mensuales automáticos."
|
||||
id: "2", title: "¿Cuáles son los tiempos de tramitación?", content: "La mayoría de las pólizas se activan dentro de 24 a 48 horas después de completar el proceso. Para casos especiales, trabajamos con las aseguradoras para acelerar los tiempos."
|
||||
},
|
||||
{
|
||||
id: "3", title: "¿Puedo cambiar o cancelar mi póliza?", content: "Sí, puedes hacer cambios en cualquier momento. Para cancelaciones, aplican términos específicos según tu póliza."
|
||||
id: "3", title: "¿Qué formas de pago aceptan?", content: "Aceptamos transferencia bancaria, tarjetas de crédito, débito automático y cheques. Ofrecemos planes de financiamiento para pólizas anuales."
|
||||
},
|
||||
{
|
||||
id: "4", title: "¿Cómo presento una reclamación?", content: "Puedes llamar a nuestro centro de atención, usar nuestra app móvil o contactar a tu agente. Estamos disponibles 24/7."
|
||||
id: "4", title: "¿Puedo cambiar mis coberturas en cualquier momento?", content: "Sí, puedes modificar tus coberturas durante la vigencia de la póliza. Te asesoraremos sobre los cambios y ajustes necesarios sin costo adicional."
|
||||
},
|
||||
{
|
||||
id: "5", title: "¿Ofrecen descuentos por pólizas múltiples?", content: "Sí, contratando varios seguros con nosotros recibes descuentos significativos y beneficios adicionales."
|
||||
id: "5", title: "¿Cómo presento un reclamo?", content: "Contáctanos inmediatamente por teléfono. Nuestro equipo te guiará en el proceso, recopilaremos la documentación necesaria y la presentaremos a la aseguradora."
|
||||
},
|
||||
{
|
||||
id: "6", title: "¿Qué documentos necesito para cotizar?", content: "Para una cotización inicial solo necesitas información básica. Los documentos completos se requieren al formalizar la póliza."
|
||||
id: "6", title: "¿Ofrecen descuentos por pólizas múltiples?", content: "Sí, contratando varios seguros con nosotros accedes a descuentos especiales. Consulta con nuestro equipo sobre las promociones vigentes."
|
||||
}
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Contacto"
|
||||
title="Obtén Tu Cotización Hoy"
|
||||
description="Suscríbete a nuestro boletín y recibe ofertas exclusivas, consejos sobre seguros y actualizaciones sobre nuevos productos."
|
||||
<ContactCTA
|
||||
tag="Ponte en Contacto"
|
||||
tagIcon={Mail}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "animated-grid" }}
|
||||
tagAnimation="blur-reveal"
|
||||
title="¿Listo Para Proteger tu Futuro?"
|
||||
description="Contáctanos hoy para recibir una cotización personalizada y conocer cómo podemos ayudarte a proteger lo que más importa."
|
||||
buttons={[
|
||||
{ text: "Solicitar Cotización", href: "mailto:contacto@seguros-premium.com" },
|
||||
{ text: "Llamar Ahora", href: "tel:+1234567890" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
useInvertedBackground={true}
|
||||
inputPlaceholder="Tu correo electrónico"
|
||||
buttonText="Suscribirse"
|
||||
termsText="Al suscribirse acepta recibir comunicaciones de AseguraMax. Puede desuscribirse en cualquier momento."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="AseguraMax"
|
||||
<FooterBase
|
||||
logoText="Seguros Premium"
|
||||
copyrightText="© 2025 | Seguros Premium - Corredores de Seguros Profesionales"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Inicio", href: "/" },
|
||||
{ label: "Servicios", href: "#features" },
|
||||
{ label: "Sobre Nosotros", href: "#about" }
|
||||
title: "Servicios", items: [
|
||||
{ label: "Seguros Automotrices", href: "#features" },
|
||||
{ label: "Seguros del Hogar", href: "#features" },
|
||||
{ label: "Seguros de Salud", href: "#features" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
title: "Empresa", items: [
|
||||
{ label: "Acerca de Nosotros", href: "#about" },
|
||||
{ label: "Testimonios", href: "#testimonials" },
|
||||
{ label: "Preguntas Frecuentes", href: "#faq" },
|
||||
{ label: "Contacto", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
title: "Recursos", items: [
|
||||
{ label: "Preguntas Frecuentes", href: "#faq" },
|
||||
{ label: "Política de Privacidad", href: "#" },
|
||||
{ label: "Términos y Condiciones", href: "#" },
|
||||
{ label: "Cookies", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" },
|
||||
{ label: "Twitter", href: "https://twitter.com" }
|
||||
{ label: "Términos y Condiciones", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
@@ -239,4 +255,4 @@ export default function Home() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,51 +1,36 @@
|
||||
"use client";
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
import React from 'react';
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
text: string;
|
||||
className?: string;
|
||||
fontSize?: number;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
text,
|
||||
className = '',
|
||||
fontSize = 48,
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
className={className}
|
||||
width="200"
|
||||
height="100"
|
||||
viewBox="0 0 200 100"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
}}
|
||||
x="10"
|
||||
y="60"
|
||||
fontSize={fontSize}
|
||||
fontFamily="Arial, sans-serif"
|
||||
fill="currentColor"
|
||||
dominantBaseline="auto"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
};
|
||||
|
||||
export default SvgTextLogo;
|
||||
|
||||
Reference in New Issue
Block a user