421 lines
14 KiB
TypeScript
421 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import { AlertTriangle, Award, Briefcase, CheckCircle, Scale, Shield, TrendingUp, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="noise"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Inicio",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "Servicios",
|
|
id: "services",
|
|
},
|
|
{
|
|
name: "El Despacho",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Contacto",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Bufete Jaime Avelino"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Bufete de abogados en Almería | Bufete Jaime Avelino"
|
|
description="Tu despacho de confianza en Almería. Asesoramiento integral, atención personalizada y soluciones eficaces ante accidentes, lesiones y casos de responsabilidad civil."
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cheerful-young-executive-looking-camera_1262-4763.jpg",
|
|
alt: "Cliente Satisfecho",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/three-businesswomen-shaking-hands-modern-office_1139-963.jpg",
|
|
alt: "Cliente Satisfecho",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cheerful-businesswomen-relaxing-cafe_53876-30774.jpg",
|
|
alt: "Cliente Satisfecho",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
|
|
alt: "Cliente Satisfecho",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-attractive-afroamerican-man_23-2148508906.jpg",
|
|
alt: "Cliente Satisfecho",
|
|
},
|
|
]}
|
|
avatarText="Más de 500+ clientes satisfechos"
|
|
buttons={[
|
|
{
|
|
text: "Contactar ahora",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon",
|
|
text: "Derecho Civil",
|
|
icon: Scale,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Accidentes Laborales",
|
|
icon: Briefcase,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Indemnizaciones",
|
|
icon: TrendingUp,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Asesoramiento Legal",
|
|
icon: Briefcase,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Negligencias",
|
|
icon: AlertTriangle,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="Experiencia y Compromiso en Almería"
|
|
description="En Bufete Jaime Avelino, nos dedicamos a defender tus derechos con rigor y cercanía. Con años de trayectoria, nuestro objetivo es brindarte tranquilidad y resultados efectivos en cada paso de tu proceso legal."
|
|
metrics={[
|
|
{
|
|
value: "15+",
|
|
title: "Años de experiencia",
|
|
},
|
|
{
|
|
value: "95%",
|
|
title: "Casos exitosos",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-business-people-talking_23-2148427073.jpg?_wi=1"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
imageAlt="Abogados reunidos en el despacho analizando un caso"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Accidentes de tráfico",
|
|
description: "Gestión integral de indemnizaciones por accidentes de circulación.",
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pensioner-filling-out-aform_53876-165297.jpg",
|
|
imageAlt: "Reclamaciones por accidentes de tráfico en Almería",
|
|
},
|
|
items: [
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Reclamación de daños corporales",
|
|
},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Asesoramiento pericial médico",
|
|
},
|
|
],
|
|
reverse: false,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vintage-style-people-working-office-with-computers_23-2149850983.jpg",
|
|
imageAlt: "car accident legal support",
|
|
},
|
|
{
|
|
title: "Accidente Laboral",
|
|
description: "Defensa de derechos de trabajadores en caso de siniestralidad laboral.",
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businessman-reaching-agreement-with-real-estate-agent-shaking-hands_482257-90873.jpg",
|
|
imageAlt: "Derechos laborales y seguridad social",
|
|
},
|
|
items: [
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Seguridad social e incapacidad",
|
|
},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Indemnizaciones laborales",
|
|
},
|
|
],
|
|
reverse: true,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-people-talking_23-2148427073.jpg?_wi=2",
|
|
imageAlt: "car accident legal support",
|
|
},
|
|
{
|
|
title: "Responsabilidad Civil",
|
|
description: "Soluciones jurídicas ante daños materiales o personales.",
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-businessman-signing-documents_74855-2701.jpg",
|
|
imageAlt: "Asistencia jurídica en responsabilidad civil",
|
|
},
|
|
items: [
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Negligencias médicas y profesionales",
|
|
},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Daños ocasionados por terceros",
|
|
},
|
|
],
|
|
reverse: false,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-entrepreneurs-mature-investor-watching-presentation-discussing-project_74855-10462.jpg?_wi=1",
|
|
imageAlt: "car accident legal support",
|
|
},
|
|
]}
|
|
title="Nuestros Servicios Legales"
|
|
description="Especialistas en la protección de tus intereses frente a accidentes y negligencias."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
icon: Award,
|
|
title: "Sentencias ganadas",
|
|
value: "1200+",
|
|
},
|
|
{
|
|
id: "m2",
|
|
icon: Shield,
|
|
title: "Clientes protegidos",
|
|
value: "2000+",
|
|
},
|
|
{
|
|
id: "m3",
|
|
icon: Users,
|
|
title: "Años de servicio",
|
|
value: "15",
|
|
},
|
|
]}
|
|
title="Resultados que nos avalan"
|
|
description="La confianza de nuestros clientes es nuestro mayor logro en el sector legal."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Juan Pérez",
|
|
handle: "@juanp",
|
|
testimonial: "Excelente trato, muy profesionales en todo momento. Me ayudaron con todo.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "María García",
|
|
handle: "@mariag",
|
|
testimonial: "Lograron la indemnización que esperaba tras mi accidente. Totalmente recomendados.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Luis López",
|
|
handle: "@luisl",
|
|
testimonial: "Muy recomendables para cualquier accidente laboral. Gente seria y eficiente.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Ana Martínez",
|
|
handle: "@anam",
|
|
testimonial: "Transparencia total en el proceso legal. Gracias por vuestra paciencia.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-secretary-with-papers_1262-5366.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Carlos Ruiz",
|
|
handle: "@carlosr",
|
|
testimonial: "Un equipo humano y jurídico excepcional en la ciudad.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg",
|
|
},
|
|
]}
|
|
title="Lo que dicen nuestros clientes"
|
|
description="Atención personalizada y resultados que marcan la diferencia en Almería."
|
|
/>
|
|
</div>
|
|
|
|
<div id="blog" data-section="blog">
|
|
<BlogCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Actualidad Jurídica"
|
|
description="Artículos informativos para proteger tus intereses legales y estar bien informado."
|
|
blogs={[
|
|
{
|
|
id: "b1",
|
|
category: "Tráfico",
|
|
title: "Pasos tras un accidente de tráfico",
|
|
excerpt: "Guía básica de actuación inmediata para proteger tus derechos tras un siniestro vial.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/wooden-gavel-books-wooden-table_93675-130727.jpg",
|
|
authorName: "Jaime Avelino",
|
|
authorAvatar: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",
|
|
date: "10 Ene 2024",
|
|
},
|
|
{
|
|
id: "b2",
|
|
category: "Laboral",
|
|
title: "Derechos ante siniestros laborales",
|
|
excerpt: "Lo que debes saber para reclamar cuando sufres un accidente en tu puesto de trabajo.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-bible-with-golden-pages-bookmarks-warm-light-bible-angle_169016-71324.jpg",
|
|
authorName: "Equipo Jurídico",
|
|
authorAvatar: "http://img.b2bpic.net/free-photo/smiling-insurance-agent-going-through-paperwork-communicating-with-her-clients-meeting_637285-5796.jpg",
|
|
date: "15 Feb 2024",
|
|
},
|
|
{
|
|
id: "b3",
|
|
category: "Civil",
|
|
title: "Guía de responsabilidad civil",
|
|
excerpt: "Entendiendo los conceptos básicos sobre indemnizaciones por daños a terceros.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/judge-gavel-auction-law-court-concept_53876-125416.jpg",
|
|
authorName: "Jaime Avelino",
|
|
authorAvatar: "http://img.b2bpic.net/free-photo/business-partners-worried-woman-table_1262-1692.jpg",
|
|
date: "05 Mar 2024",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "f1",
|
|
title: "¿Cuándo puedo reclamar una indemnización?",
|
|
content: "Tan pronto como se produzca el daño o accidente, contacta con nosotros para evaluar tu caso lo antes posible.",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "¿Cuánto cuesta la primera consulta?",
|
|
content: "Ofrecemos una primera consulta informativa sin compromiso para evaluar la viabilidad de tu caso.",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "¿Qué necesito para iniciar mi caso?",
|
|
content: "Necesitarás toda la documentación médica, partes policiales y datos del siniestro relacionados con el hecho.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-entrepreneurs-mature-investor-watching-presentation-discussing-project_74855-10462.jpg?_wi=2"
|
|
title="Preguntas Frecuentes"
|
|
description="Resolvemos tus dudas legales más comunes para que tengas claridad en tu proceso."
|
|
faqsAnimation="slide-up"
|
|
imageAlt="Abogado explicando procedimiento legal a cliente"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
text="Bufete Jaime Avelino - Defensa legal en Almería. Estamos a tu disposición para ayudarte a obtener justicia."
|
|
buttons={[
|
|
{
|
|
text: "Llamar ahora",
|
|
href: "tel:+34950000000",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Servicios",
|
|
items: [
|
|
{
|
|
label: "Indemnizaciones",
|
|
href: "#services",
|
|
},
|
|
{
|
|
label: "Accidentes",
|
|
href: "#services",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Aviso Legal",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Política de Privacidad",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="Bufete Jaime Avelino. Todos los derechos reservados 2026"
|
|
bottomRightText="Almería, España"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|