Update src/app/page.tsx

This commit is contained in:
2026-06-10 16:41:27 +00:00
parent 858f52d181
commit f76e603f92

View File

@@ -3,15 +3,11 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric'; import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen'; import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive'; import { Calendar, DollarSign, MessageSquare, Users, Wrench } from "lucide-react";
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Award, CheckCircle, Cog, Gauge, Headphones, Settings, ShieldCheck, Users, Wrench } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -28,244 +24,104 @@ export default function LandingPage() {
headingFontWeight="medium" headingFontWeight="medium"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ { name: "Acasă", id: "/" },
name: "Acasă", id: "/"}, { name: "Programare VTP", id: "/programare-vtp" },
{ { name: "Intervenții", id: "/interventii" },
name: "Programare VTP", id: "/programare-vtp"}, { name: "Centrale Termice", id: "/centrale-termice" },
{ { name: "ENA CONFORT", id: "/ena-confort" },
name: "Intervenții", id: "/interventii"}, { name: "Contact", id: "/#contact" }
{ ]}
name: "Centrale Termice", id: "/centrale-termice"}, logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ex8KOdTiKTo6wVU9IBbBzQFXCf/uploaded-1781109072417-wp3t2fav.jpg"
{ logoAlt="ENA INSTAL Logo"
name: "ENA CONFORT", id: "/ena-confort"}, button={{ text: "Login Admin", href: "/admin" }}
{ animateOnLoad={true}
name: "Contact", id: "/#contact"}, />
]} </div>
brandName="ENA INSTAL"
button={{
text: "Login Admin", href: "/admin"}}
animateOnLoad={true}
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplit <HeroSplitKpi
background={{ title="ENA INSTAL: Soluții Profesionale pentru Instalații Termice"
variant: "animated-grid"}} description="Experți în centrale termice, programări VTP și intervenții rapide. Confort și siguranță pentru casa ta."
imagePosition="right" background={{ variant: "radial-gradient" }}
title="Service și Verificări Centrale Termice în București și Ilfov" kpis={[
description="Programări rapide pentru VTP, service, intervenții și montaj centrale termice." { value: "15+", label: "Ani Experiență" },
buttons={[ { value: "5000+", label: "Clienți Satisfăcuți" },
{ { value: "24/7", label: "Suport Urgent" }
text: "Programează VTP", href: "/programare-vtp"}, ]}
{ enableKpiAnimation={true}
text: "Solicită Intervenție", href: "/interventii"}, imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ex8KOdTiKTo6wVU9IBbBzQFXCf/uploaded-1781109156637-p7l2y77k.png"
{ imageAlt="Tehnician instalator verificând o centrală termică"
text: "Cere Ofertă", href: "/centrale-termice#formular-oferta"}, mediaAnimation="slide-up"
]} buttons={[
imageSrc="http://img.b2bpic.net/free-photo/side-view-repairman-man-putting-gloves-work-with-car-service-station_496169-984.jpg" { text: "Programează un VTP", href: "/programare-vtp" },
imageAlt="Centrală termică modernă cu tehnician autorizat" { text: "Solicită o Intervenție", href: "/interventii" }
mediaAnimation="slide-up" ]}
avatars={[ tag="Servicii Complete"
{ />
src: "http://img.b2bpic.net/free-photo/portrait-caucasian-man_641386-12.jpg", alt: "John Doe"}, </div>
{
src: "http://img.b2bpic.net/free-photo/close-up-handsome-man-with-beard-looking-thoughtful-upper-left-corner-imaging-smiling_1258-26774.jpg", alt: "Jane Smith"},
{
src: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg", alt: "Robert Johnson"},
{
src: "http://img.b2bpic.net/free-photo/closeup-happy-bearded-man-suit-laughing-smiling-standing-white-background_1258-155212.jpg", alt: "Emily Davis"},
{
src: "http://img.b2bpic.net/free-photo/young-woman-smiling-confident-standing-street_839833-33403.jpg", alt: "Michael Brown"},
]}
avatarText="Peste 1000+ clienți mulțumiți"
marqueeItems={[
{
type: "text-icon", text: "Autorizați ISCIR", icon: ShieldCheck,
},
{
type: "text-icon", text: "Intervenții Rapide", icon: Gauge,
},
{
type: "text-icon", text: "Echipamente Moderne", icon: Cog,
},
{
type: "text-icon", text: "Suport Dedicat", icon: Headphones,
},
{
type: "text-icon", text: "Garanția Calității", icon: Award,
},
]}
/>
</div>
<div id="beneficii" data-section="beneficii"> <div id="feature" data-section="feature">
<FeatureCardNineteen <FeatureCardNineteen
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
features={[ title="De ce să Alegi ENA INSTAL?"
{ description="Ne dedicăm excelenței în fiecare serviciu oferit."
tag: "Expertiză", title: "Autorizați ISCIR", subtitle: "Garanția calității și siguranței", description: "Toți tehnicienii noștri sunt autorizați ISCIR, asigurând servicii conform celor mai înalte standarde de siguranță și profesionalism.", imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17482.jpg", imageAlt: "ISCIR Authorization badge"}, features={[
{ {
tag: "Rapiditate", title: "Programări rapide", subtitle: "Timp redus de așteptare", description: "Înțelegem urgențele. Oferim programări flexibile și intervenții rapide pentru a minimiza disconfortul.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-nurse-giving-scan-patient_23-2149341551.jpg", imageAlt: "Fast scheduling calendar icon"}, 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", imageAlt: "Echipă de tehnicieni"
{ },
tag: "Calitate", title: "Service profesionist", subtitle: "Soluții durabile pentru orice problemă", description: "Utilizăm piese originale și cele mai moderne echipamente pentru a asigura reparații eficiente și de lungă durată.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-worker-sweeping-away-loose-debris-accumulated-around-air-conditioner-base-trained-engineer-cleaning-hvac-system-body-control-panel-with-dusting-brush-tool-remove-loose-dirt_482257-70162.jpg", imageAlt: "Professional service tools"}, {
{ 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", imageAlt: "Ceas rapiditate"
tag: "Suport", title: "Suport tehnic", subtitle: "Asistență ori de câte ori ai nevoie", description: "Echipa noastră este disponibilă pentru consultanță și suport post-intervenție, pentru a te asigura că centrala ta funcționează optim.", imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23928.jpg", imageAlt: "Technical support headset icon"}, },
]} {
title="De ce să alegi ENA INSTAL?" 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", imageAlt: "Verificare siguranță"
description="Ne dedicăm să oferim cele mai bune servicii pentru confortul și siguranța casei tale." }
/> ]}
</div> />
</div>
<div id="servicii-principale" data-section="servicii-principale"> <div id="about" data-section="about">
<PricingCardFive <AboutMetric
animationType="slide-up" useInvertedBackground={false}
textboxLayout="default" title="Despre ENA INSTAL"
useInvertedBackground={false} metrics={[
plans={[ {
{ icon: Calendar,
id: "vtp", tag: "Obligatoriu", tagIcon: CheckCircle, label: "Proiecte Finalizate", value: "1000+"
price: "Solicită Ofertă", period: "/programare", description: "Asigură-te că centrala ta termică funcționează în parametri optimi de siguranță și eficiență.", button: { },
text: "Programează acum", href: "/programare-vtp"}, {
featuresTitle: "Include:", features: [ icon: Wrench,
"Verificare funcționare", "Măsurare gaze arse", "Eliberare autorizație"], label: "Servicii Oferite", value: "3000+"
}, },
{ {
id: "service", tag: "Profesional", tagIcon: Settings, icon: Users,
price: "Solicită Ofertă", period: "/intervenție", description: "Mentenanță preventivă și corectivă pentru a prelungi durata de viață a centralei și a preveni defecțiunile.", button: { label: "Clienți Fidei", value: "500+"
text: "Solicită Service", href: "/interventii"}, },
featuresTitle: "Include:", features: [ {
"Curățare sistem", "Verificare componente", "Optimizare setări"], icon: DollarSign,
}, label: "Investiții Tehnologice", value: "Constant"
{ },
id: "interventii", tag: "Urgență", tagIcon: Wrench, {
price: "Solicită Ofertă", period: "/intervenție", description: "Intervenții rapide pentru orice defecțiune, cu diagnosticare precisă și reparații eficiente.", button: { icon: MessageSquare,
text: "Solicită Intervenție", href: "/interventii"}, label: "Rating Mediu", value: "4.9/5"
featuresTitle: "Include:", features: [ }
"Diagnosticare rapidă", "Piese de schimb originale", "Garanție reparație"], ]}
}, metricsAnimation="slide-up"
]} />
title="Servicii Principale ENA INSTAL" </div>
description="Descoperă gama completă de servicii autorizate pentru centralele tale termice."
/>
</div>
<div id="centrale-termice-home" data-section="centrale-termice-home"> <div id="footer" data-section="footer">
<ProductCardTwo <FooterLogoReveal
animationType="slide-up" logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ex8KOdTiKTo6wVU9IBbBzQFXCf/uploaded-1781109072417-wp3t2fav.jpg"
textboxLayout="default" logoAlt="ENA INSTAL Logo"
gridVariant="four-items-2x2-equal-grid" logoText="ENA INSTAL"
useInvertedBackground={false} leftLink={{ text: "Confidentialitate", href: "#" }}
products={[ rightLink={{ text: "Termeni și Condiții", href: "#" }}
{ />
id: "ariston-one", brand: "Ariston", name: "Centrală Termică Condensare Cares S", price: "Cere Ofertă", rating: 5, </div>
reviewCount: "250+", imageSrc: "http://img.b2bpic.net/free-photo/dolly-shot-air-conditioner-side-panel-opened-before-customer-comissioned-repairments-are-being-done-faulty-wiring-hvac-system-prepared-be-fixed-by-professional-engineer_482257-65948.jpg", imageAlt: "Ariston Cares S condensing boiler"},
{
id: "ariston-two", brand: "Ariston", name: "Boiler Electric Velis Evo", price: "Cere Ofertă", rating: 4,
reviewCount: "180+", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-talking-phone_23-2148879310.jpg", imageAlt: "Ariston Velis Evo electric boiler"},
{
id: "ariston-three", brand: "Ariston", name: "Termostat Conectat Sensys HD", price: "Cere Ofertă", rating: 5,
reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/woman-hands-holding-phone-with-smart-app-home-lighting-person-apartment-holding-telephone-with-touchscreen-app-lights_482257-12366.jpg", imageAlt: "Ariston Sensys HD smart thermostat"},
{
id: "motan-one", brand: "Motan", name: "Centrală Termică Sigma 24", price: "Cere Ofertă", rating: 5,
reviewCount: "300+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-turning-up-heater_23-2149335140.jpg", imageAlt: "Motan Sigma 24 gas boiler"},
{
id: "motan-two", brand: "Motan", name: "Pompa de Circulație MPX", price: "Cere Ofertă", rating: 4,
reviewCount: "90+", imageSrc: "http://img.b2bpic.net/free-photo/steel-pipelines-cables-plant_1359-137.jpg", imageAlt: "Motan MPX circulation pump"},
{
id: "motan-three", brand: "Motan", name: "Kit Vană Termostatată", price: "Cere Ofertă", rating: 4,
reviewCount: "70+", imageSrc: "http://img.b2bpic.net/free-photo/polished-gas-cooker-after-washingperfectly-clean-gas-cooker-after-being-washed-with-polishing-chemicals-result-washing-burners_132075-13128.jpg", imageAlt: "Motan thermostatic valve kit"},
]}
title="Centrale Termice - Branduri de Top"
description="Descoperă oferta noastră de centrale termice de la producători renumiți, pentru eficiență și fiabilitate maximă."
/>
</div>
<div id="despre-noi" data-section="despre-noi">
<AboutMetric
useInvertedBackground={false}
title="Despre ENA INSTAL"
metrics={[
{
icon: Users,
label: "Ani Experiență", value: "15+"},
{
icon: Award,
label: "Autorizații ISCIR", value: "Complete"},
{
icon: CheckCircle,
label: "Intervenții Anuale", value: "1000+"},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="recenzii" data-section="recenzii">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Andrei Popescu", handle: "@andrei.p", testimonial: "Echipa ENA INSTAL a venit prompt pentru VTP. Foarte profesioniști și rapizi! Recomand cu încredere.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", imageAlt: "Andrei Popescu"},
{
id: "2", name: "Maria Ionescu", handle: "@maria.i", testimonial: "Am avut o defecțiune majoră la centrală, iar ENA INSTAL a intervenit imediat. Serviciu impecabil, centrala merge ca nouă!", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-gorgeous-woman-with-relaxed-smile-spending-nice-time-cafe_273609-9043.jpg", imageAlt: "Maria Ionescu"},
{
id: "3", name: "Bogdan Vasile", handle: "@bogdan.v", testimonial: "Montajul noii centrale a decurs fără probleme. Explicații clare și un serviciu de calitate superioară. Mulțumesc ENA INSTAL!", imageSrc: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg", imageAlt: "Bogdan Vasile"},
{
id: "4", name: "Elena Dumitrescu", handle: "@elena.d", testimonial: "Profesionalism și amabilitate! VTP-ul a fost efectuat rapid, iar prețul a fost corect. Cu siguranță voi apela din nou.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-playing-with-party-accesories_1187-4014.jpg", imageAlt: "Elena Dumitrescu"},
{
id: "5", name: "Cristian Georgescu", handle: "@cristian.g", testimonial: "Excelent serviciu de service! Tehnicianul a identificat rapid problema și a rezolvat-o eficient. Felicitări!", imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-with-thumb-up-business-card_1187-3166.jpg", imageAlt: "Cristian Georgescu"},
{
id: "6", name: "Ioana Mihai", handle: "@ioana.m", testimonial: "Recomand ENA INSTAL pentru orice problemă cu centrala termică. Sunt prompți, pregătiți și oferă soluții optime.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-female-black-white-polka-dot-dress-holding-white-like-sign-smiling-yellow_140725-24138.jpg", imageAlt: "Ioana Mihai"},
]}
title="Ce spun clienții noștri"
description="Recenzii autentice de la clienții mulțumiți care au beneficiat de serviciile ENA INSTAL."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Contact Rapid"
description="Pentru orice întrebări sau solicitări, contactează-ne direct sau completează formularul de mai jos."
inputs={[
{
name: "nume", type: "text", placeholder: "Numele tău", required: true,
},
{
name: "email", type: "email", placeholder: "Adresa de email", required: true,
},
{
name: "telefon", type: "tel", placeholder: "Număr de telefon", required: false,
},
]}
textarea={{
name: "mesaj", placeholder: "Mesajul tău", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/3d-view-map_23-2150471718.jpg"
imageAlt="Harta București și Ilfov"
mediaAnimation="slide-up"
mediaPosition="left"
buttonText="Trimite Mesajul"
onSubmit={(data) => console.log('Contact form submitted:', data)}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="ENA INSTAL"
leftLink={{
text: "Confidentialitate", href: "#"}}
rightLink={{
text: "Termeni și Condiții", href: "#"}}
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );