260 lines
8.5 KiB
TypeScript
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>
|
|
);
|
|
}
|