Update src/app/page.tsx
This commit is contained in:
336
src/app/page.tsx
336
src/app/page.tsx
@@ -3,15 +3,11 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
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 FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
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";
|
||||
import { Calendar, DollarSign, MessageSquare, Users, Wrench } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,244 +24,104 @@ export default function LandingPage() {
|
||||
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"},
|
||||
]}
|
||||
brandName="ENA INSTAL"
|
||||
button={{
|
||||
text: "Login Admin", href: "/admin"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
<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">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "animated-grid"}}
|
||||
imagePosition="right"
|
||||
title="Service și Verificări Centrale Termice în București și Ilfov"
|
||||
description="Programări rapide pentru VTP, service, intervenții și montaj centrale termice."
|
||||
buttons={[
|
||||
{
|
||||
text: "Programează VTP", href: "/programare-vtp"},
|
||||
{
|
||||
text: "Solicită Intervenție", href: "/interventii"},
|
||||
{
|
||||
text: "Cere Ofertă", href: "/centrale-termice#formular-oferta"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-repairman-man-putting-gloves-work-with-car-service-station_496169-984.jpg"
|
||||
imageAlt="Centrală termică modernă cu tehnician autorizat"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-caucasian-man_641386-12.jpg", alt: "John Doe"},
|
||||
{
|
||||
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="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"
|
||||
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="beneficii" data-section="beneficii">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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"},
|
||||
{
|
||||
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: "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: "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?"
|
||||
description="Ne dedicăm să oferim cele mai bune servicii pentru confortul și siguranța casei tale."
|
||||
/>
|
||||
</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", 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", 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", imageAlt: "Verificare siguranță"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="servicii-principale" data-section="servicii-principale">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "vtp", tag: "Obligatoriu", tagIcon: CheckCircle,
|
||||
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: [
|
||||
"Verificare funcționare", "Măsurare gaze arse", "Eliberare autorizație"],
|
||||
},
|
||||
{
|
||||
id: "service", tag: "Profesional", tagIcon: Settings,
|
||||
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: {
|
||||
text: "Solicită Service", href: "/interventii"},
|
||||
featuresTitle: "Include:", features: [
|
||||
"Curățare sistem", "Verificare componente", "Optimizare setări"],
|
||||
},
|
||||
{
|
||||
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: {
|
||||
text: "Solicită Intervenție", href: "/interventii"},
|
||||
featuresTitle: "Include:", features: [
|
||||
"Diagnosticare rapidă", "Piese de schimb originale", "Garanție reparație"],
|
||||
},
|
||||
]}
|
||||
title="Servicii Principale ENA INSTAL"
|
||||
description="Descoperă gama completă de servicii autorizate pentru centralele tale termice."
|
||||
/>
|
||||
</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="centrale-termice-home" data-section="centrale-termice-home">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "ariston-one", brand: "Ariston", name: "Centrală Termică Condensare Cares S", price: "Cere Ofertă", rating: 5,
|
||||
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>
|
||||
<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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user