diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx index 12f57e1..3a68ad3 100644 --- a/src/components/Layout.tsx +++ b/src/components/Layout.tsx @@ -7,97 +7,39 @@ import { StyleProvider } from "@/components/ui/StyleProvider"; export default function Layout() { const navItems = [ - { - "name": "Inicio", - "href": "#hero" - }, - { - "name": "Nosotros", - "href": "#about" - }, - { - "name": "Productos", - "href": "#products" - }, - { - "name": "Contacto", - "href": "#contact" - }, - { - "name": "Features", - "href": "#features" - }, - { - "name": "Metrics", - "href": "#metrics" - }, - { - "name": "Testimonials", - "href": "#testimonials" - } -]; + { name: "Inicio", href: "#hero" }, + { name: "Nosotros", href: "#about" }, + { name: "Productos", href: "#products" }, + { name: "Contacto", href: "#contact" }, + { name: "Features", href: "#features" }, + { name: "Metrics", href: "#metrics" }, + { name: "Testimonials", href: "#testimonials" } + ]; return ( + logo="Seguros Bolívar" + logoImageSrc="http://img.b2bpic.net/free-vector/letter-b-p-o-initial-logo-designs-vector-illustration_384344-1687.jpg" + ctaButton={{ text: "Mi Portal", href: "/login" }} + navItems={navItems} + />
+ columns={[ + { title: "Empresa", items: [{ label: "Nosotros", href: "#about" }, { label: "Empleos", href: "#" }] }, + { title: "Servicios", items: [{ label: "Cotizar", href: "#" }, { label: "Pagos", href: "#" }] }, + { title: "Legal", items: [{ label: "Privacidad", href: "#" }, { label: "Términos", href: "#" }] } + ]} + leftText="© 2024 Seguros Bolívar. Todos los derechos reservados." + rightText="Vigilado Superintendencia Financiera de Colombia." + />
); diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index f1dedb1..37244fd 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -12,256 +12,117 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; export default function HomePage() { return ( <> -
- +
+ - -
- -
- + brand="Tu seguridad, nuestro compromiso." + description="Protegemos lo que más quieres con la experiencia y confianza que Seguros Bolívar te brinda cada día." + primaryButton={{ text: "Cotiza ahora", href: "#contact" }} + secondaryButton={{ text: "Conoce más", href: "#about" }} + imageSrc="http://img.b2bpic.net/free-photo/mid-adult-couple-their-financial-advisor-discussing-about-paperwork-meeting_637285-11086.jpg" + /> + +
+
+ - -
- -
- + tag="Sobre nosotros" + title="Líderes en protección integral" + description="Con más de 75 años en el mercado, Seguros Bolívar ofrece soluciones adaptadas a tus necesidades personales y empresariales." + items={[ + { icon: "Shield", title: "Seguridad total", description: "Respaldo sólido ante cualquier eventualidad." }, + { icon: "Clock", title: "Atención 24/7", description: "Estamos para ti en todo momento." }, + { icon: "CheckCircle", title: "Fácil gestión", description: "Trámites simples y digitales." } + ]} + imageSrc="http://img.b2bpic.net/free-photo/smiling-group-co-workers_23-2147626397.jpg" + /> + +
+
+ - -
- -
- + tag="Por qué elegirnos" + title="Beneficios que marcan la diferencia" + description="Tu tranquilidad es nuestra prioridad. Disfruta de beneficios exclusivos pensados para tu bienestar." + features={[ + { icon: Heart, title: "Seguro de Vida", description: "Protección para los que más amas." }, + { icon: Car, title: "Seguro de Auto", description: "Asistencia vial completa en todo el país." }, + { icon: Home, title: "Seguro de Hogar", description: "Tu casa siempre protegida." } + ]} + /> + +
+
+ - -
- -
- + tag="Nuestro Portafolio" + title="Soluciones para cada etapa de tu vida" + description="Conoce nuestras opciones de seguros diseñadas para proteger lo que valoras." + items={[ + { title: "Vida", description: "Bienestar para tu familia.", imageSrc: "http://img.b2bpic.net/free-photo/stethoscope-patient-information_1232-4435.jpg" }, + { title: "Auto", description: "Tu movilidad protegida.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-doctor-filling-life-insurance-form_53876-24737.jpg" }, + { title: "Hogar", description: "Tu refugio seguro.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-antivirus-injection-with-notes-magnfier-blue-background-hospital-virus-pandemic-lab-covid-cure-health-drug-medicine_179666-19666.jpg" }, + { title: "Salud", description: "Cuidado médico premium.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-clipboard-pen_23-2149191416.jpg" }, + { title: "Viajes", description: "Protección sin fronteras.", imageSrc: "http://img.b2bpic.net/free-photo/business-report-graphs-charts-business-concept_1150-2259.jpg" }, + { title: "Empresarial", description: "Respaldo para tu negocio.", imageSrc: "http://img.b2bpic.net/free-photo/mature-couple-having-meeting-with-bank-manager-signing-lease-agreement-office-focus-is-mature-man_637285-1851.jpg" }, + { title: "Ahorro", description: "Tu futuro financiero.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-medical-objects-composition-with-empty-clipboard_23-2148502930.jpg" } + ]} + /> + +
+
+ - -
- -
- + tag="Resultados sólidos" + title="Confianza comprobada" + description="Miles de colombianos respaldan nuestra gestión financiera y de protección." + metrics={[ + { value: "1M+", title: "Clientes", features: ["Satisfechos", "Protegidos", "Acompañados"] }, + { value: "75", title: "Años", features: ["De experiencia", "De respaldo", "De historia"] }, + { value: "98%", title: "Respuesta", features: ["Rápida", "Efectiva", "Confiable"] } + ]} + /> + +
+
+ - -
- -
- + tag="Testimonios" + title="Lo que dicen nuestros clientes" + description="La tranquilidad de saber que Seguros Bolívar siempre responde." + testimonials={[ + { name: "Carlos Ruiz", role: "Cliente", quote: "Excelente servicio, resolvieron todo muy rápido.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-casual-middle-aged-man-doing-yes-gesture-isolated-green-wall_141793-113273.jpg" }, + { name: "Ana Gómez", role: "Cliente", quote: "Muy confiables, me siento tranquila con su seguro.", imageSrc: "http://img.b2bpic.net/free-photo/standing-vote-graduation-conference-room-bargain_1134-1130.jpg" }, + { name: "Luis Torres", role: "Cliente", quote: "La mejor opción para asegurar mi auto.", imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg" }, + { name: "Sofía Díaz", role: "Cliente", quote: "El respaldo que mi familia necesitaba.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-elder-couple-taking-walk-city-together_23-2148645399.jpg" }, + { name: "Jorge Pardo", role: "Cliente", quote: "Trámites fáciles y atención impecable.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-university-student-filing-planner_1262-20864.jpg" } + ]} + /> + +
+
+ - -
- -
- + tag="Preguntas frecuentes" + title="Estamos aquí para ayudar" + description="Resolvemos tus dudas sobre nuestros seguros y servicios." + categories={[ + { name: "General", items: [{ question: "¿Cómo puedo cotizar?", answer: "Puedes hacerlo desde nuestra página web en minutos." }, { question: "¿Qué documentos necesito?", answer: "Solo tu identificación básica y datos del bien." }] }, + { name: "Pagos", items: [{ question: "¿Cómo puedo pagar?", answer: "Disponemos de PSE y otros medios electrónicos." }] } + ]} + /> + +
+
+ - -
+ tag="Contáctanos" + text="¿Listo para proteger tu futuro? Habla con un asesor hoy." + primaryButton={{ text: "Cotizar ahora", href: "#" }} + secondaryButton={{ text: "Ver sedes", href: "#" }} + /> +
+
); }