Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1d1febc065 |
225
src/app/page.tsx
225
src/app/page.tsx
@@ -2,14 +2,15 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
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 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 HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||||
|
import { ShieldCheck, Mail, FileText, Phone } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -29,22 +30,10 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Inicio", id: "hero" },
|
||||||
name: "Inicio",
|
{ name: "Servicios", id: "servicios" },
|
||||||
id: "hero",
|
{ name: "Nosotros", id: "nosotros" },
|
||||||
},
|
{ name: "Contacto", id: "contacto" },
|
||||||
{
|
|
||||||
name: "Servicios",
|
|
||||||
id: "servicios",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Nosotros",
|
|
||||||
id: "nosotros",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contacto",
|
|
||||||
id: "contacto",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="RetiradaAmiant.cat"
|
brandName="RetiradaAmiant.cat"
|
||||||
/>
|
/>
|
||||||
@@ -54,34 +43,12 @@ export default function LandingPage() {
|
|||||||
<HeroOverlay
|
<HeroOverlay
|
||||||
title="Retirada d'Amiant i Fibrociment a tot Catalunya"
|
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."
|
description="Especialistes en desmuntatge de teulades, baixants i descontaminació amb equip propi i garanties legals totals."
|
||||||
buttons={[
|
buttons={[{ text: "Solicitar presupuesto", href: "#contacto" }]}
|
||||||
{
|
|
||||||
text: "Solicitar presupuesto",
|
|
||||||
href: "#contacto",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-plus-size-people-working-construction_23-2150772860.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/side-view-plus-size-people-working-construction_23-2150772860.jpg"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{ src: "http://img.b2bpic.net/free-photo/people-traveling-without-covid-worries_23-2149051626.jpg", alt: "" },
|
||||||
src: "http://img.b2bpic.net/free-photo/people-traveling-without-covid-worries_23-2149051626.jpg",
|
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-showing-approval_23-2148269355.jpg", alt: "" },
|
||||||
alt: "People traveling without covid worries",
|
{ src: "http://img.b2bpic.net/free-photo/medium-shot-engineer-architect-looking-clipboard_23-2148233772.jpg", alt: "" }
|
||||||
},
|
|
||||||
{
|
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="+500 clients satisfets"
|
avatarText="+500 clients satisfets"
|
||||||
/>
|
/>
|
||||||
@@ -93,46 +60,10 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ 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: "s1",
|
{ 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" },
|
||||||
title: "Teulades d'Uralita",
|
{ 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" },
|
||||||
author: "Servicio técnico",
|
{ 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" }
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Nuestros Servicios"
|
title="Nuestros Servicios"
|
||||||
description="Realizamos el servicio completo: desmuntatge de teulades, baixants, dipòsits i gestió integral de residus."
|
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}
|
useInvertedBackground={false}
|
||||||
title="Comptem amb equip propi"
|
title="Comptem amb equip propi"
|
||||||
description={[
|
description={[
|
||||||
"Empresa líder en retirada d'amiant i fibrociment a Catalunya.",
|
"Empresa líder en retirada d'amiant i fibrociment a Catalunya.", "Realitzem el servei en totes les seves fases, sense subcontractacions."
|
||||||
"Realitzem el servei en totes les seves fases, sense subcontractacions: estudi, presupost, desmuntatge i gestió integral.",
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -156,30 +86,11 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
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: "m1",
|
{ 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" }
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Nuestra Experiencia"
|
title="Nuestra Experiencia"
|
||||||
description="Resultados demostrables con años de trayectoria."
|
description="Resultados demostrables con años de trayectoria industrial."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -189,41 +100,8 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
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: "t1",
|
{ 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" }
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Opiniones de Clientes"
|
title="Opiniones de Clientes"
|
||||||
description="Confianza y seguridad para su comunidad o empresa."
|
description="Confianza y seguridad para su comunidad o empresa."
|
||||||
@@ -231,59 +109,26 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contacto" data-section="contacto">
|
<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}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
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"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterCard
|
||||||
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: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
logoText="RetiradaAmiant.cat"
|
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>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user