Merge version_1_1781577606390 into main #1
@@ -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 (
|
||||
<StyleProvider buttonVariant="elastic" siteBackground="gridDots" heroBackground="cornerGlow">
|
||||
<SiteBackgroundSlot />
|
||||
<SectionErrorBoundary name="navbar">
|
||||
<NavbarFloatingLogo
|
||||
logo="Seguros Bolívar"
|
||||
ctaButton={{
|
||||
text: "Mi Portal",
|
||||
href: "/login",
|
||||
}}
|
||||
navItems={navItems} />
|
||||
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}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
<main className="flex-grow">
|
||||
<Outlet />
|
||||
</main>
|
||||
<SectionErrorBoundary name="footer">
|
||||
<FooterBasic
|
||||
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."
|
||||
/>
|
||||
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."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</StyleProvider>
|
||||
);
|
||||
|
||||
@@ -12,256 +12,117 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardBrand
|
||||
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"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
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"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutFeaturesSplit
|
||||
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"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
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"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBorderGlow
|
||||
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.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
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." }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<FeaturesImageBento
|
||||
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",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
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" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsFeatureCards
|
||||
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",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
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"] }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialQuoteCards
|
||||
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",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
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" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="Preguntas frecuentes"
|
||||
title="Estamos aquí para ayudar"
|
||||
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.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
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." }] }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Contáctanos"
|
||||
text="¿Listo para proteger tu futuro? Habla con un asesor hoy."
|
||||
primaryButton={{
|
||||
text: "Cotizar ahora",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Ver sedes",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Contáctanos"
|
||||
text="¿Listo para proteger tu futuro? Habla con un asesor hoy."
|
||||
primaryButton={{ text: "Cotizar ahora", href: "#" }}
|
||||
secondaryButton={{ text: "Ver sedes", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user