129 lines
6.8 KiB
TypeScript
129 lines
6.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Inicio", id: "hero" },
|
|
{ name: "Servicios", id: "servicios" },
|
|
{ name: "Opiniones", id: "testimonios" },
|
|
{ name: "Contacto", id: "contacto" }
|
|
]}
|
|
brandName="Viluria"
|
|
button={{ text: "Reservar", href: "#contacto" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
background={{ variant: "gradient-bars" }}
|
|
logoText="Viluria Projectes"
|
|
description="Tu partner de confianza en gestión y creación de espacios exclusivos en Barcelona. Profesionalidad y cercanía en cada detalle."
|
|
buttons={[
|
|
{ text: "Solicitar asesoramiento", href: "#contacto" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/modern-dining-room-living-room-with-luxury-decor_105762-1672.jpg?_wi=1"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="sobre-nosotros" data-section="sobre-nosotros">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{ type: "text", content: "Una forma diferente de gestionar y crear espacios" },
|
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/female-ceos-business-meeting-evaluating-monthly-statistics-records-success-story_482257-133295.jpg", alt: "Sobre Viluria" }
|
|
]}
|
|
buttons={[
|
|
{ text: "Saber más", href: "#servicios" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="servicios" data-section="servicios">
|
|
<FeatureCardTwentySeven
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ id: "1", title: "Reformas integrales", descriptions: ["Transformamos espacios con diseño exclusivo."], imageSrc: "http://img.b2bpic.net/free-photo/modern-dining-room-living-room-with-luxury-decor_105762-1672.jpg?_wi=2" },
|
|
{ id: "2", title: "Gestión de propiedades", descriptions: ["Cuidado y rentabilidad profesional."], imageSrc: "http://img.b2bpic.net/free-photo/female-ceos-business-meeting-evaluating-monthly-statistics-records-success-story_482257-133295.jpg" },
|
|
{ id: "3", title: "Coliving & Alquiler", descriptions: ["Espacios optimizados para convivir."], imageSrc: "http://img.b2bpic.net/free-photo/couple-moving-new-house_23-2149383620.jpg?_wi=1" },
|
|
{ id: "4", title: "Mantenimiento 24/7", descriptions: ["Resolutivos en cualquier momento."], imageSrc: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg?_wi=1" },
|
|
{ id: "5", title: "Limpieza profesional", descriptions: ["Atención impecable a los detalles."], imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204697.jpg?_wi=1" },
|
|
{ id: "6", title: "Asesoramiento experto", descriptions: ["Acompañamiento personalizado y cercano."], imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-messy-bun-hair-style_23-2149459189.jpg?_wi=1" }
|
|
]}
|
|
title="Nuestros Servicios"
|
|
description="Soluciones integrales diseñadas para tu tranquilidad."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonios" data-section="testimonios">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Elena M.", role: "Propietaria", company: "Cliente Particular", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-moving-new-house_23-2149383620.jpg?_wi=2" },
|
|
{ id: "2", name: "Jordi B.", role: "Inversor", company: "Real Estate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg?_wi=2" },
|
|
{ id: "3", name: "Ana R.", role: "Residente", company: "Coliving", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204697.jpg?_wi=2" },
|
|
{ id: "4", name: "Carlos S.", role: "Propietario", company: "Gestión", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-messy-bun-hair-style_23-2149459189.jpg?_wi=2" },
|
|
{ id: "5", name: "María D.", role: "Cliente", company: "Viluria", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-gay-official-suit-looking-camera-front-view-bearded-caucasian-man-smiling-camera-getting-dressed-wedding-ceremony-with-lover-lgbt-love-marriage-concept_74855-22937.jpg" }
|
|
]}
|
|
kpiItems={[
|
|
{ value: "100+", label: "Proyectos realizados" },
|
|
{ value: "98%", label: "Satisfacción cliente" },
|
|
{ value: "24/7", label: "Atención disponible" }
|
|
]}
|
|
title="Lo que dicen nuestros clientes"
|
|
description="Experiencias reales de quienes confían en nuestra gestión."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contacto" data-section="contacto">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{ variant: "gradient-bars" }}
|
|
text="Confía en un equipo que se implica de verdad. Cuéntanos tu proyecto y deja que nos ocupemos de todo."
|
|
buttons={[{ text: "Contactar ahora", href: "mailto:info@viluriaprojectes.com" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{ title: "Servicios", items: [{ label: "Reformas", href: "#servicios" }, { label: "Gestión", href: "#servicios" }, { label: "Coliving", href: "#servicios" }] },
|
|
{ title: "Legal", items: [{ label: "Privacidad", href: "#" }, { label: "Aviso", href: "#" }] }
|
|
]}
|
|
logoText="Viluria Projectes"
|
|
copyrightText="© 2025 Viluria Projectes — Barcelona"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |