129 lines
6.1 KiB
TypeScript
129 lines
6.1 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import { Calendar, DollarSign, MessageSquare, Users, Wrench } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Acasă", id: "/" },
|
|
{ name: "Programare VTP", id: "/programare-vtp" },
|
|
{ name: "Intervenții", id: "/interventii" },
|
|
{ name: "Centrale Termice", id: "/centrale-termice" },
|
|
{ name: "ENA CONFORT", id: "/ena-confort" },
|
|
{ name: "Contact", id: "/#contact" }
|
|
]}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ex8KOdTiKTo6wVU9IBbBzQFXCf/uploaded-1781109072417-wp3t2fav.jpg"
|
|
logoAlt="ENA INSTAL Logo"
|
|
button={{ text: "Login Admin", href: "/admin" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="ENA INSTAL: Soluții Profesionale pentru Instalații Termice"
|
|
description="Experți în centrale termice, programări VTP și intervenții rapide. Confort și siguranță pentru casa ta."
|
|
background={{ variant: "radial-gradient" }}
|
|
kpis={[
|
|
{ value: "15+", label: "Ani Experiență" },
|
|
{ value: "5000+", label: "Clienți Satisfăcuți" },
|
|
{ value: "24/7", label: "Suport Urgent" }
|
|
]}
|
|
enableKpiAnimation={true}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ex8KOdTiKTo6wVU9IBbBzQFXCf/uploaded-1781109156637-p7l2y77k.png?_wi=1"
|
|
imageAlt="Tehnician instalator verificând o centrală termică"
|
|
mediaAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Programează un VTP", href: "/programare-vtp" },
|
|
{ text: "Solicită o Intervenție", href: "/interventii" }
|
|
]}
|
|
tag="Servicii Complete"
|
|
/>
|
|
</div>
|
|
|
|
<div id="feature" data-section="feature">
|
|
<FeatureCardNineteen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="De ce să Alegi ENA INSTAL?"
|
|
description="Ne dedicăm excelenței în fiecare serviciu oferit."
|
|
features={[
|
|
{
|
|
tag: "Calitate", title: "Echipă Certificată", subtitle: "Profesioniști cu experiență", description: "Tehnicienii noștri sunt autorizați și instruiți continuu, garantând servicii de cea mai bună calitate.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ex8KOdTiKTo6wVU9IBbBzQFXCf/uploaded-1781109156637-p7l2y77k.png?_wi=2", imageAlt: "Echipă de tehnicieni"
|
|
},
|
|
{
|
|
tag: "Rapiditate", title: "Intervenții Rapide", subtitle: "Soluții prompte la probleme", description: "Garantăm răspuns rapid pentru urgențe și programări, minimizând disconfortul și riscurile.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ex8KOdTiKTo6wVU9IBbBzQFXCf/uploaded-1781109156637-p7l2y77k.png?_wi=3", imageAlt: "Ceas rapiditate"
|
|
},
|
|
{
|
|
tag: "Siguranță", title: "Verificări Periodice", subtitle: "Asigură funcționarea optimă", description: "Oferim servicii de Verificare Tehnică Periodică (VTP) esențiale pentru siguranța și eficiența instalației tale.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ex8KOdTiKTo6wVU9IBbBzQFXCf/uploaded-1781109156637-p7l2y77k.png?_wi=4", imageAlt: "Verificare siguranță"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={false}
|
|
title="Despre ENA INSTAL"
|
|
metrics={[
|
|
{
|
|
icon: Calendar,
|
|
label: "Proiecte Finalizate", value: "1000+"
|
|
},
|
|
{
|
|
icon: Wrench,
|
|
label: "Servicii Oferite", value: "3000+"
|
|
},
|
|
{
|
|
icon: Users,
|
|
label: "Clienți Fidei", value: "500+"
|
|
},
|
|
{
|
|
icon: DollarSign,
|
|
label: "Investiții Tehnologice", value: "Constant"
|
|
},
|
|
{
|
|
icon: MessageSquare,
|
|
label: "Rating Mediu", value: "4.9/5"
|
|
}
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ex8KOdTiKTo6wVU9IBbBzQFXCf/uploaded-1781109072417-wp3t2fav.jpg"
|
|
logoAlt="ENA INSTAL Logo"
|
|
logoText="ENA INSTAL"
|
|
leftLink={{ text: "Confidentialitate", href: "#" }}
|
|
rightLink={{ text: "Termeni și Condiții", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|