Files
d1648c46-ef6c-451a-a4bd-437…/src/app/page.tsx
2026-04-04 21:39:29 +00:00

260 lines
8.5 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="compact"
sizing="largeSmall"
background="blurBottom"
cardStyle="glass-depth"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Inici",
id: "#hero",
},
{
name: "Serveis",
id: "#serveis",
},
{
name: "Sobre Nosaltres",
id: "#sobre-nosaltres",
},
{
name: "Contacte",
id: "#contacte",
},
]}
brandName="Ferreteria Lampisteria Costa"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
title="Els teus experts de confiança en lampisteria i ferreteria"
description="Solucions professionals per a la teva llar i negoci. Des de petites reparacions fins a reformes integrals amb el compromís i la qualitat que ens defineix a Catalunya."
buttons={[
{
text: "Demana un pressupost gratuït",
href: "#contacte",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721527.jpg"
imageAlt="Expert en lampisteria treballant"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/closeup-satisfied-africanamerican-woman-showing-okay-sign-smiling-recommending-something-good_1258-179439.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/real-estate-concept-satisfied-man-recommending-agency-showing-thumb-up-house-maket-standing_1258-155440.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-asian-woman-holding-clean-folded-clothes-home_1262-18067.jpg",
alt: "Client 5",
},
]}
avatarText="Més de 500 clients satisfets a Catalunya"
marqueeItems={[
{
type: "text",
text: "Lampisteria 24h",
},
{
type: "text",
text: "Reformes Integrals",
},
{
type: "text",
text: "Servei Professional",
},
{
type: "text",
text: "Pressupost Gratuït",
},
{
type: "text",
text: "Qualitat Garantida",
},
]}
/>
</div>
<div id="serveis" data-section="serveis">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Lampisteria",
description: "Reparacions, fuites i instal·lacions d'aigua amb garanties.",
imageSrc: "http://img.b2bpic.net/free-vector/construction_24908-54410.jpg",
imageAlt: "Lampisteria",
},
{
title: "Reformes",
description: "Transformem el teu espai amb acabats de qualitat i disseny.",
imageSrc: "http://img.b2bpic.net/free-vector/home-repair-flat-icons-collection_1284-11673.jpg",
imageAlt: "Reformes",
},
{
title: "Instal·lacions",
description: "Muntatge de sanitaris, escalfadors i sistemes de climatització.",
imageSrc: "http://img.b2bpic.net/free-photo/person-with-adjustable-wrench_1048-1698.jpg",
imageAlt: "Instal·lacions",
},
{
title: "Reparacions",
description: "Manteniment ràpid i eficient per a qualsevol urgència domèstica.",
imageSrc: "http://img.b2bpic.net/free-photo/gear-icon-set-isolated-background_53876-71277.jpg",
imageAlt: "Reparacions",
},
]}
title="Els nostres serveis"
description="Oferim solucions integrals amb professionalitat i neteja."
/>
</div>
<div id="sobre-nosaltres" data-section="sobre-nosaltres">
<TextSplitAbout
useInvertedBackground={false}
title="Per què escollir-nos?"
description={[
"Som un equip compromès amb l'honestedat i el bon tracte. La nostra filosofia és simple: treballs ben fets, puntualitat garantida i un entorn de treball impecable.",
"Comptem amb anys d'experiència al sector a Catalunya, donant sempre el millor servei professional.",
]}
/>
</div>
<div id="testimonis" data-section="testimonis">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Montse Bech",
role: "Clienta",
company: "Reforma Llar",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-satisfied-africanamerican-woman-showing-okay-sign-smiling-recommending-something-good_1258-179439.jpg",
},
{
id: "2",
name: "Rosa Hostench",
role: "Clienta",
company: "Manteniment",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-satisfied-man-recommending-agency-showing-thumb-up-house-maket-standing_1258-155440.jpg",
},
{
id: "3",
name: "Marta Prats",
role: "Clienta",
company: "Serveis",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg",
},
{
id: "4",
name: "Carlos",
role: "Client",
company: "Reparacions",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg",
},
{
id: "5",
name: "Joan Costa",
role: "Client",
company: "Projecte",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-woman-holding-clean-folded-clothes-home_1262-18067.jpg",
},
]}
kpiItems={[
{
value: "15+",
label: "Anys d'experiència",
},
{
value: "100%",
label: "Clients satisfets",
},
{
value: "24h",
label: "Resposta ràpida",
},
]}
title="Què diuen els nostres clients"
description="La satisfacció dels nostres clients és el nostre millor aval."
/>
</div>
<div id="contacte" data-section="contacte">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
title="Contacta amb nosaltres"
description="Demana el teu pressupost sense compromís o resol els teus dubtes avui mateix."
buttonText="Enviar consulta"
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721527.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Ferreteria Lampisteria Costa"
leftLink={{
text: "Avís Legal",
href: "#",
}}
rightLink={{
text: "Catalunya, Espanya",
href: "#",
}}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}