150 lines
8.2 KiB
TypeScript
150 lines
8.2 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Inicio", id: "/"},
|
|
{
|
|
name: "Accidentes Laborales", id: "/accidentes-laborales"},
|
|
{
|
|
name: "Accidentes de Tránsito", id: "/accidentes-de-transito"},
|
|
{
|
|
name: "Sobre Nosotros", id: "/sobre-nosotros"},
|
|
{
|
|
name: "Contacto", id: "/contacto"},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/logo-templates-collection_1142-469.jpg"
|
|
brandName="ABOGADOS R&E"
|
|
button={{
|
|
text: "WhatsApp", href: "https://wa.me/XXXXXXXXXX", onClick: () => console.log('WhatsApp button clicked'),
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="transito-guide" data-section="transito-guide">
|
|
<FeatureCardMedia
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "paso-1", title: "Paso 1: Tomar fotografías", description: "Registra el lugar del hecho, vehículos involucrados, daños y la posición final de los mismos. ¡Todo sirve como prueba!", tag: "Guía", imageSrc: "http://img.b2bpic.net/free-vector/illustration-human-avatar-with-environment_53876-17548.jpg", imageAlt: "dos personas conversando icono legal"},
|
|
{
|
|
id: "paso-2", title: "Paso 2: Obtener datos de testigos", description: "Si hubo testigos, anota sus nombres, apellidos, DNI y teléfonos. Son fundamentales para validar tu versión.", tag: "Guía", imageSrc: "http://img.b2bpic.net/free-vector/logo-templates-collection_1142-469.jpg", imageAlt: "dos personas conversando icono legal"},
|
|
{
|
|
id: "paso-3", title: "Paso 3: Reunir documentación", description: "Recopila todos los datos de los vehículos y conductores, informes policiales y certificados médicos.", tag: "Guía", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199360.jpg", imageAlt: "dos personas conversando icono legal"},
|
|
{
|
|
id: "paso-4", title: "Paso 4: Contactar asesoramiento legal", description: "No esperes. Un abogado especializado te orientará sobre tus derechos y los pasos a seguir para tu reclamo.", tag: "Guía", imageSrc: "http://img.b2bpic.net/free-photo/people-with-home-safety-concept_53876-30626.jpg", imageAlt: "dos personas conversando icono legal"},
|
|
]}
|
|
title="Accidentes de Tránsito: Defendemos a las víctimas de siniestros viales."
|
|
description="Un accidente de tránsito puede ser abrumador. Te guiamos paso a paso sobre qué hacer inmediatamente después del suceso para proteger tus derechos y te acompañamos en el proceso de reclamo."
|
|
/>
|
|
</div>
|
|
|
|
<div id="transito-process" data-section="transito-process">
|
|
<FeatureCardMedia
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "proceso-1", title: "1. Analizamos tu caso", description: "Realizamos un estudio detallado de las circunstancias de tu accidente para entender tus necesidades y derechos.", tag: "Proceso", imageSrc: "http://img.b2bpic.net/free-vector/trophy-awards-flat-emblems-set_98292-7592.jpg", imageAlt: "trofeo victoria legal icono"},
|
|
{
|
|
id: "proceso-2", title: "2. Iniciamos el reclamo", description: "Preparamos y presentamos toda la documentación necesaria, iniciando formalmente el proceso de indemnización.", tag: "Proceso", imageSrc: "http://img.b2bpic.net/free-vector/logo-templates-collection_1142-469.jpg", imageAlt: "trofeo victoria legal icono"},
|
|
{
|
|
id: "proceso-3", title: "3. Representamos tus intereses", description: "Te defendemos ante las aseguradoras y en todas las instancias legales, siempre buscando el mejor acuerdo para vos.", tag: "Proceso", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199360.jpg", imageAlt: "trofeo victoria legal icono"},
|
|
{
|
|
id: "proceso-4", title: "4. Buscamos la mejor resolución", description: "Negociamos incansablemente para asegurar que obtengas la indemnización justa que te corresponde por los daños sufridos.", tag: "Proceso", imageSrc: "http://img.b2bpic.net/free-photo/people-with-home-safety-concept_53876-30626.jpg", imageAlt: "trofeo victoria legal icono"},
|
|
]}
|
|
title="¿Cómo trabajamos? Tu camino hacia la indemnización."
|
|
description="Nuestro proceso está diseñado para ser claro, eficiente y centrado en tu recuperación y el éxito de tu reclamo. Te acompañamos en cada fase."
|
|
/>
|
|
</div>
|
|
|
|
<div id="transito-cta" data-section="transito-cta">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "downward-rays-static"}}
|
|
tag="Asistencia Urgente"
|
|
title="¿Sufriste un accidente de tránsito?"
|
|
description="No dejes pasar el tiempo. Es crucial actuar rápido. Contactanos ahora mismo por WhatsApp para una consulta sin cargo."
|
|
inputPlaceholder="Tu mensaje para el estudio"
|
|
buttonText="Necesito un abogado ¡Ahora!"
|
|
onSubmit={() => console.log('Accidentes de Tránsito CTA WhatsApp clicked')}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoSrc="http://img.b2bpic.net/free-vector/logo-templates-collection_1142-469.jpg"
|
|
logoText="ABOGADOS R&E"
|
|
columns={[
|
|
{
|
|
title: "Navegación", items: [
|
|
{
|
|
label: "Inicio", href: "/"},
|
|
{
|
|
label: "Accidentes Laborales", href: "/accidentes-laborales"},
|
|
{
|
|
label: "Accidentes de Tránsito", href: "/accidentes-de-transito"},
|
|
{
|
|
label: "Sobre Nosotros", href: "/sobre-nosotros"},
|
|
{
|
|
label: "Contacto", href: "/contacto"},
|
|
],
|
|
},
|
|
{
|
|
title: "Servicios", items: [
|
|
{
|
|
label: "Accidentes Laborales", href: "/accidentes-laborales"},
|
|
{
|
|
label: "Accidentes de Tránsito", href: "/accidentes-de-transito"},
|
|
{
|
|
label: "Derecho de Familia", href: "/servicios#familia"},
|
|
{
|
|
label: "Defensas Penales", href: "/servicios#penales"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contacto", items: [
|
|
{
|
|
label: "WhatsApp", href: "https://wa.me/XXXXXXXXXX"},
|
|
{
|
|
label: "Email", href: "mailto:info@abogadosre.com.ar"},
|
|
{
|
|
label: "Ubicación", href: "/contacto#mapa"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Abogados R&E. Todos los derechos reservados."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|