Merge version_2 into main #1
227
src/app/page.tsx
227
src/app/page.tsx
@@ -2,14 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { ShieldCheck, Mail, FileText, Phone } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "servicios",
|
||||
},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "nosotros",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contacto",
|
||||
},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Servicios", id: "servicios" },
|
||||
{ name: "Nosotros", id: "nosotros" },
|
||||
{ name: "Contacto", id: "contacto" },
|
||||
]}
|
||||
brandName="RetiradaAmiant.cat"
|
||||
/>
|
||||
@@ -54,34 +43,12 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Retirada d'Amiant i Fibrociment a tot Catalunya"
|
||||
description="Especialistes en desmuntatge de teulades, baixants i descontaminació amb equip propi i garanties legals totals."
|
||||
buttons={[
|
||||
{
|
||||
text: "Solicitar presupuesto",
|
||||
href: "#contacto",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Solicitar presupuesto", href: "#contacto" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-plus-size-people-working-construction_23-2150772860.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-traveling-without-covid-worries_23-2149051626.jpg",
|
||||
alt: "People traveling without covid worries",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-showing-approval_23-2148269355.jpg",
|
||||
alt: "Medium shot smiley man showing approval",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-engineer-architect-looking-clipboard_23-2148233772.jpg",
|
||||
alt: "Medium shot of engineer and architect looking at clipboard",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-wearing-safety-helmet-giving-hand-shake_23-2148242884.jpg",
|
||||
alt: "Man wearing safety helmet and giving a hand shake",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-businessman-writing-paper-pinned-corkboard-talking-phone-smiling_176420-6478.jpg",
|
||||
alt: "Young handsome businessman writing at the paper pinned to corkboard",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-traveling-without-covid-worries_23-2149051626.jpg", alt: "" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-showing-approval_23-2148269355.jpg", alt: "" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-engineer-architect-looking-clipboard_23-2148233772.jpg", alt: "" }
|
||||
]}
|
||||
avatarText="+500 clients satisfets"
|
||||
/>
|
||||
@@ -93,46 +60,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Teulades d'Uralita",
|
||||
author: "Servicio técnico",
|
||||
description: "Desmuntatge segur i professional de cobertes.",
|
||||
tags: [
|
||||
"Seguridad",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-senior-woman-living-city_23-2148956485.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Baixants i Tuberías",
|
||||
author: "Servicio técnico",
|
||||
description: "Retirada certificada de baixants de fibrociment.",
|
||||
tags: [
|
||||
"Certificado",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-rubber-gloves-holding-static-duster-cleaning-spray-looking-confused-displeased-sitting-table-with-cleaning-supplies-tools-light-living-room_141793-99218.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Gestión de Residuos",
|
||||
author: "Servicio técnico",
|
||||
description: "Transporte y gestión integral de amianto.",
|
||||
tags: [
|
||||
"Legal",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ground-littered-with-plastic-bottles_1268-20045.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Desamiantats Façanes",
|
||||
author: "Servicio técnico",
|
||||
description: "Descontaminación completa de elementos.",
|
||||
tags: [
|
||||
"Profesional",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-workers-washing-windows-outside-building_1268-20391.jpg",
|
||||
},
|
||||
{ id: "s1", title: "Teulades d'Uralita", author: "Tècnic", description: "Desmuntatge segur i professional de cobertes.", tags: ["Seguridad"], imageSrc: "http://img.b2bpic.net/free-photo/modern-senior-woman-living-city_23-2148956485.jpg" },
|
||||
{ id: "s2", title: "Baixants i Tuberías", author: "Tècnic", description: "Retirada certificada de baixants de fibrociment.", tags: ["Certificado"], imageSrc: "http://img.b2bpic.net/free-photo/young-woman-rubber-gloves-holding-static-duster-cleaning-spray-looking-confused-displeased-sitting-table-with-cleaning-supplies-tools-light-living-room_141793-99218.jpg" },
|
||||
{ id: "s3", title: "Gestión de Residuos", author: "Tècnic", description: "Transporte y gestión integral de amianto.", tags: ["Legal"], imageSrc: "http://img.b2bpic.net/free-photo/ground-littered-with-plastic-bottles_1268-20045.jpg" },
|
||||
{ id: "s4", title: "Desamiantats Façanes", author: "Tècnic", description: "Descontaminación completa de elementos.", tags: ["Profesional"], imageSrc: "http://img.b2bpic.net/free-photo/two-workers-washing-windows-outside-building_1268-20391.jpg" }
|
||||
]}
|
||||
title="Nuestros Servicios"
|
||||
description="Realizamos el servicio completo: desmuntatge de teulades, baixants, dipòsits i gestió integral de residus."
|
||||
@@ -144,8 +75,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Comptem amb equip propi"
|
||||
description={[
|
||||
"Empresa líder en retirada d'amiant i fibrociment a Catalunya.",
|
||||
"Realitzem el servei en totes les seves fases, sense subcontractacions: estudi, presupost, desmuntatge i gestió integral.",
|
||||
"Empresa líder en retirada d'amiant i fibrociment a Catalunya.", "Realitzem el servei en totes les seves fases, sense subcontractacions."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -156,30 +86,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "+10",
|
||||
title: "Años",
|
||||
description: "Experiencia en el sector",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-shot-ceiling-cool-house-with-modern-minimalistic-interior_181624-6635.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "+2000",
|
||||
title: "Toneladas",
|
||||
description: "Amianto retirado",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steel-pipelines-cables-factory-interior-as-nuclear-industry-background-concept_645730-823.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "+100",
|
||||
title: "Clientes",
|
||||
description: "Satisfechos en Catalunya",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-collecting-scattered-plastic-bottles-from-ground_1268-20053.jpg",
|
||||
},
|
||||
{ id: "m1", value: "+10", title: "Años", description: "Experiencia en el sector", imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-shot-ceiling-cool-house-with-modern-minimalistic-interior_181624-6635.jpg" },
|
||||
{ id: "m2", value: "+2000", title: "Toneladas", description: "Amianto retirado", imageSrc: "http://img.b2bpic.net/free-photo/steel-pipelines-cables-factory-interior-as-nuclear-industry-background-concept_645730-823.jpg" }
|
||||
]}
|
||||
title="Nuestra Experiencia"
|
||||
description="Resultados demostrables con años de trayectoria."
|
||||
description="Resultados demostrables con años de trayectoria industrial."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -189,41 +100,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Jordi M.",
|
||||
handle: "Comunidad",
|
||||
testimonial: "Profesionales y rápidos. Nos dieron toda la documentación legal al instante.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-male-engineer-throws-air-plane-wears-protective-headgear-formal-suit-has-aim-develop-his-innovative-project_273609-31213.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maria C.",
|
||||
handle: "Particulares",
|
||||
testimonial: "Un trabajo impecable y sin complicaciones. Muy agradecidos.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-camera-his-office_23-2148242891.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Pere L.",
|
||||
handle: "Empresa",
|
||||
testimonial: "La mejor gestión integral de residuos que he contratado nunca.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-male-entrepreneur-reading-email-laptop-while-working-office_637285-6756.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena R.",
|
||||
handle: "Administración",
|
||||
testimonial: "Seguridad ante todo. Gran equipo humano y técnico.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-man-greeting-colleague_74855-1519.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Marc F.",
|
||||
handle: "Industrial",
|
||||
testimonial: "Cumplimiento de plazos excelente. Totalmente recomendados.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-engineer-building-protective-helmet-gray-wall-serious-focused-face_343596-6764.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Jordi M.", handle: "Comunidad", testimonial: "Profesionales y rápidos. Nos dieron toda la documentación legal al instante.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-male-engineer-throws-air-plane-wears-protective-headgear-formal-suit-has-aim-develop-his-innovative-project_273609-31213.jpg" },
|
||||
{ id: "t2", name: "Maria C.", handle: "Particulares", testimonial: "Un trabajo impecable y sin complicaciones. Muy agradecidos.", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-camera-his-office_23-2148242891.jpg" }
|
||||
]}
|
||||
title="Opiniones de Clientes"
|
||||
description="Confianza y seguridad para su comunidad o empresa."
|
||||
@@ -231,62 +109,29 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contacto" data-section="contacto">
|
||||
<ContactSplit
|
||||
<ContactCTA
|
||||
tag="Presupuesto"
|
||||
tagIcon={Phone}
|
||||
title="¿Necesitas retirar amianto?"
|
||||
description="Solicita hoy mismo una inspección técnica o presupuesto detallado sin compromiso. Garantizamos cumplimiento normativo."
|
||||
buttons={[{ text: "Contactar ahora", href: "#contacto" }]}
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Contacto"
|
||||
title="Solicita tu presupuesto en 72h"
|
||||
description="Déjanos tus datos y nos pondremos en contacto contigo para estudiar tu caso."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-male-laborer-with-hard-hat-copy-space_23-2148773509.jpg"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Sobre Nosotros",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Proyectos",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Servicios",
|
||||
href: "#servicios",
|
||||
},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#contacto",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Aviso Legal",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterCard
|
||||
logoText="RetiradaAmiant.cat"
|
||||
copyrightText="© 2025 RetiradaAmiant.cat | Gestión Industrial de Amianto"
|
||||
socialLinks={[
|
||||
{ icon: ShieldCheck, href: "#", ariaLabel: "Seguridad" },
|
||||
{ icon: FileText, href: "#", ariaLabel: "Documentación" },
|
||||
{ icon: Mail, href: "#", ariaLabel: "Contacto" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user