bender/3a746666-91d2-4970-8cca-b822d997ff2f
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #5

Open
bender wants to merge 7 commits from version_2 into main
pull from: version_2
merge into: bender:main
Conversation 0 Commits 7 Files Changed 4 +258 -722
4 changed files with 258 additions and 722 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/admin/page.tsx
View File

@@ -55,9 +55,9 @@ export default function LandingPage() {
description="Gestionează eficient operațiunile ENA INSTAL cu instrumente avansate." description="Gestionează eficient operațiunile ENA INSTAL cu instrumente avansate."
features={[ features={[
{ {
tag: "Management", title: "Administrare Programări", subtitle: "Vezi și gestionează programările VTP", description: "O interfață intuitivă pentru vizualizarea, editarea și confirmarea tuturor programărilor de verificare tehnică periodică.", imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24154.jpg", imageAlt: "Man an electrical technician working in a switchboard with fuses uses a tablet"}, tag: "Management", title: "Administrare Programări", subtitle: "Vezi și gestionează programările VTP", description: "O interfață intuitivă pentru vizualizarea, editarea și confirmarea tuturor programărilor de verificare tehnică periodică.", imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24154.jpg?_wi=1", imageAlt: "Man an electrical technician working in a switchboard with fuses uses a tablet"},
{ {
tag: "Urmărire", title: "Monitorizare Intervenții", subtitle: "Status live pentru solicitările de intervenție", description: "Urmărește statusul intervențiilor în timp real, de la solicitare până la finalizare, cu detalii despre tehnician și locație.", imageSrc: "http://img.b2bpic.net/free-photo/hands-preparing-machine-scanning_23-2149341559.jpg", imageAlt: "Hands preparing machine for scanning"}, tag: "Urmărire", title: "Monitorizare Intervenții", subtitle: "Status live pentru solicitările de intervenție", description: "Urmărește statusul intervențiilor în timp real, de la solicitare până la finalizare, cu detalii despre tehnician și locație.", imageSrc: "http://img.b2bpic.net/free-photo/hands-preparing-machine-scanning_23-2149341559.jpg?_wi=1", imageAlt: "Hands preparing machine for scanning"},
{ {
tag: "Catalog", title: "Gestionează Produse", subtitle: "Actualizează ofertele de centrale termice", description: "Adaugă, editează și elimină produse din catalogul de centrale termice, menținând informațiile la zi.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tomato-ktichen_23-2147782435.jpg", imageAlt: "Woman with tomato in kitchen"}, tag: "Catalog", title: "Gestionează Produse", subtitle: "Actualizează ofertele de centrale termice", description: "Adaugă, editează și elimină produse din catalogul de centrale termice, menținând informațiile la zi.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tomato-ktichen_23-2147782435.jpg", imageAlt: "Woman with tomato in kitchen"},
{ {

201
src/app/interventii/page.tsx
View File

@@ -3,12 +3,12 @@
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 FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import { AlertTriangle, Cog, Truck } from "lucide-react"; import { Calendar, DollarSign, MessageSquare, Users, Wrench } from "lucide-react";
export default function LandingPage() { export default function InterventiiPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="directional-hover" defaultButtonVariant="directional-hover"
@@ -23,138 +23,75 @@ 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ă", { name: "Programare VTP", id: "/programare-vtp" },
id: "/", { name: "Intervenții", id: "/interventii" },
}, { name: "Centrale Termice", id: "/centrale-termice" },
{ { name: "ENA CONFORT", id: "/ena-confort" },
name: "Programare VTP", { name: "Contact", id: "/#contact" }
id: "/programare-vtp", ]}
}, logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ex8KOdTiKTo6wVU9IBbBzQFXCf/uploaded-1781109072417-wp3t2fav.jpg"
{ logoAlt="ENA INSTAL Logo"
name: "Intervenții", button={{ text: "Login Admin", href: "/admin" }}
id: "/interventii", animateOnLoad={true}
}, />
{ </div>
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="interventii-intro" data-section="interventii-intro"> <div id="feature" data-section="feature">
<AboutMetric <FeatureCardNineteen
useInvertedBackground={false} textboxLayout="default"
title="Solicită Intervenție pentru Defecțiune" useInvertedBackground={false}
metrics={[ title="Servicii de Intervenții Rapide"
{ description="Răspuns prompt la orice urgență legată de instalațiile termice."
icon: AlertTriangle, features={[
label: "Urgență", {
value: "Prioritară", tag: "Urgențe", title: "Intervenții Non-Stop", subtitle: "Disponibili 24/7", description: "Echipa noastră este pregătită să intervină rapid, la orice oră, pentru a rezolva defecțiunile.", imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24154.jpg?_wi=2", imageAlt: "Tehnician în intervenție"
}, },
{ {
icon: Truck, tag: "Eficiență", title: "Diagnosticare Rapidă", subtitle: "Identificăm problema eficient", description: "Utilizăm echipamente moderne pentru a localiza și remedia rapid cauza defecțiunilor.", imageSrc: "http://img.b2bpic.net/free-photo/hands-preparing-machine-scanning_23-2149341559.jpg?_wi=2", imageAlt: "Diagnosticare tehnică"
label: "Timp Răspuns", },
value: "Rapid", ]}
}, />
{ </div>
icon: Cog,
label: "Expertiză",
value: "Garantată",
},
]}
metricsAnimation="slide-up"
description="Echipa ENA INSTAL este pregătită să intervină rapid pentru orice defecțiune a centralei termice. Completează formularul de mai jos pentru o solicitare de intervenție."
/>
</div>
<div id="interventii-form" data-section="interventii-form"> <div id="about" data-section="about">
<ContactSplitForm <AboutMetric
useInvertedBackground={false} useInvertedBackground={false}
title="Detalii Intervenție" title="Statistici Intervenții"
description="Completează cât mai multe detalii pentru a facilita diagnosticarea și intervenția rapidă." metrics={[
inputs={[ {
{ icon: Calendar,
name: "nume", label: "Intervenții Finalizate (lună)", value: "95+"
type: "text", },
placeholder: "Numele tău", {
required: true, icon: Wrench,
}, label: "Răspuns Mediu (ore)", value: "<2"
{ },
name: "telefon", {
type: "tel", icon: Users,
placeholder: "Telefon", label: "Clienți Asistați", value: "50+"
required: true, },
}, {
{ icon: MessageSquare,
name: "email", label: "Feedback Pozitiv", value: "98%"
type: "email", }
placeholder: "Email", ]}
required: true, metricsAnimation="slide-up"
}, />
{ </div>
name: "adresa",
type: "text",
placeholder: "Adresă completă",
required: true,
},
{
name: "modelCentrala",
type: "text",
placeholder: "Model Centrală",
required: false,
},
{
name: "codEroare",
type: "text",
placeholder: "Cod Eroare (dacă există)",
required: false,
},
]}
textarea={{
name: "descriereProblema",
placeholder: "Descrie problema",
rows: 4,
required: true,
}}
buttonText="Trimite Solicitarea"
onSubmit={(data) => console.log('Intervenție solicitare submitted:', { ...data, status: 'Nou', createdAt: new Date().toISOString(), imageUploadPlaceholder: 'file_upload_logic_here' })}
imageSrc="http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334227.jpg"
imageAlt="Worker repairing water heater"
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoReveal <FooterLogoReveal
logoText="ENA INSTAL" logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ex8KOdTiKTo6wVU9IBbBzQFXCf/uploaded-1781109072417-wp3t2fav.jpg"
leftLink={{ logoAlt="ENA INSTAL Logo"
text: "Confidentialitate", logoText="ENA INSTAL"
href: "#", leftLink={{ text: "Confidentialitate", href: "#" }}
}} rightLink={{ text: "Termeni și Condiții", href: "#" }}
rightLink={{ />
text: "Termeni și Condiții", </div>
href: "#",
}}
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );

534
src/app/page.tsx
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,442 +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ă", { name: "Programare VTP", id: "/programare-vtp" },
id: "/", { name: "Intervenții", id: "/interventii" },
}, { name: "Centrale Termice", id: "/centrale-termice" },
{ { name: "ENA CONFORT", id: "/ena-confort" },
name: "Programare VTP", { name: "Contact", id: "/#contact" }
id: "/programare-vtp", ]}
}, logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ex8KOdTiKTo6wVU9IBbBzQFXCf/uploaded-1781109072417-wp3t2fav.jpg"
{ logoAlt="ENA INSTAL Logo"
name: "Intervenții", button={{ text: "Login Admin", href: "/admin" }}
id: "/interventii", animateOnLoad={true}
}, />
{ </div>
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="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."
}} background={{ variant: "radial-gradient" }}
imagePosition="right" kpis={[
title="Service și Verificări Centrale Termice în București și Ilfov" { value: "15+", label: "Ani Experiență" },
description="Programări rapide pentru VTP, service, intervenții și montaj centrale termice." { value: "5000+", label: "Clienți Satisfăcuți" },
buttons={[ { value: "24/7", label: "Suport Urgent" }
{ ]}
text: "Programează VTP", enableKpiAnimation={true}
href: "/programare-vtp", 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"
text: "Solicită Intervenție", buttons={[
href: "/interventii", { text: "Programează un VTP", href: "/programare-vtp" },
}, { text: "Solicită o Intervenție", href: "/interventii" }
{ ]}
text: "Cere Ofertă", tag="Servicii Complete"
href: "/centrale-termice#formular-oferta", />
}, </div>
]}
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="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ă", features={[
title: "Autorizați ISCIR", {
subtitle: "Garanția calității și siguranței", 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"
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: "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: "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ță"
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", </div>
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="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", label: "Proiecte Finalizate", value: "1000+"
tag: "Obligatoriu", },
tagIcon: CheckCircle, {
price: "Solicită Ofertă", icon: Wrench,
period: "/programare", label: "Servicii Oferite", value: "3000+"
description: "Asigură-te că centrala ta termică funcționează în parametri optimi de siguranță și eficiență.", },
button: { {
text: "Programează acum", icon: Users,
href: "/programare-vtp", label: "Clienți Fidei", value: "500+"
}, },
featuresTitle: "Include:", {
features: [ icon: DollarSign,
"Verificare funcționare", label: "Investiții Tehnologice", value: "Constant"
"Măsurare gaze arse", },
"Eliberare autorizație", {
], icon: MessageSquare,
}, label: "Rating Mediu", value: "4.9/5"
{ }
id: "service", ]}
tag: "Profesional", metricsAnimation="slide-up"
tagIcon: Settings, />
price: "Solicită Ofertă", </div>
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="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", </div>
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"
description="ENA INSTAL oferă servicii complete pentru centrale termice, verificări tehnice periodice, service autorizat și intervenții rapide pentru clienți rezidențiali și comerciali din București și Ilfov. Misiunea noastră este să asigurăm confortul și siguranța locuințelor dumneavoastră prin soluții eficiente și profesionale."
/>
</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>
); );

241
src/app/programare-vtp/page.tsx
View File

@@ -3,12 +3,13 @@
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 FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import { CalendarCheck, Gauge, Timer } from "lucide-react"; import { Calendar, DollarSign, MessageSquare, Users, Wrench } from "lucide-react";
export default function LandingPage() { export default function ProgramareVTPPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="directional-hover" defaultButtonVariant="directional-hover"
@@ -23,156 +24,96 @@ 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ă", { name: "Programare VTP", id: "/programare-vtp" },
id: "/", { name: "Intervenții", id: "/interventii" },
}, { name: "Centrale Termice", id: "/centrale-termice" },
{ { name: "ENA CONFORT", id: "/ena-confort" },
name: "Programare VTP", { name: "Contact", id: "/#contact" }
id: "/programare-vtp", ]}
}, logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ex8KOdTiKTo6wVU9IBbBzQFXCf/uploaded-1781109072417-wp3t2fav.jpg"
{ logoAlt="ENA INSTAL Logo"
name: "Intervenții", button={{ text: "Login Admin", href: "/admin" }}
id: "/interventii", animateOnLoad={true}
}, />
{ </div>
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="vtp-intro" data-section="vtp-intro"> <div id="hero" data-section="hero">
<AboutMetric <HeroSplitKpi
useInvertedBackground={false} title="Programează Verificarea Tehnică Periodică (VTP)"
title="Programare Verificare Tehnică Periodică (VTP)" description="Asigură siguranța și eficiența centralei tale termice cu o programare rapidă și simplă."
metrics={[ background={{ variant: "radial-gradient" }}
{ kpis={[
icon: Gauge, { value: "Rapid", label: "Programare Online" },
label: "Siguranță", { value: "Sigur", label: "Tehnicieni Certificați" },
value: "Maximizată", { value: "Eficient", label: "Servicii Complete" }
}, ]}
{ enableKpiAnimation={true}
icon: Timer, imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ex8KOdTiKTo6wVU9IBbBzQFXCf/uploaded-1781109156637-p7l2y77k.png?_wi=5"
label: "Timp Răspuns", imageAlt="Tehnician verificând o centrală termică"
value: "Rapid", mediaAnimation="slide-up"
}, buttons={[
{ { text: "Programează Acum", href: "/programare-vtp#formular" },
icon: CalendarCheck, { text: "Află Mai Multe", href: "/#about" }
label: "Ușor de Programat", ]}
value: "Online", tag="VTP Esențial"
}, />
]} </div>
metricsAnimation="slide-up"
description="Asigură-te că centrala ta termică funcționează la parametri optimi și în conformitate cu normele de siguranță. Completează formularul pentru a programa o verificare tehnică periodică (VTP)."
/>
</div>
<div id="vtp-form" data-section="vtp-form"> <div id="feature" data-section="feature">
<ContactSplitForm <FeatureCardNineteen
useInvertedBackground={false} textboxLayout="default"
title="Completează Detaliile Programării" useInvertedBackground={false}
description="Un tehnician ENA INSTAL te va contacta în cel mai scurt timp pentru a confirma programarea." title="Beneficiile Verificării Periodice"
inputs={[ description="De ce este important să-ți verifici centrala termică anual."
{ features={[
name: "nume", {
type: "text", tag: "Siguranță", title: "Prevenirea Accidentelor", subtitle: "Evită riscurile", description: "Verificările periodice identifică și remediază potențialele defecțiuni care pot duce la scurgeri de gaze sau intoxicații cu monoxid de carbon.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ex8KOdTiKTo6wVU9IBbBzQFXCf/uploaded-1781109156637-p7l2y77k.png?_wi=6", imageAlt: "Prevenirea Accidentelor"
placeholder: "Nume", },
required: true, {
}, tag: "Economie", title: "Reducerea Costurilor", subtitle: "Eficiență energetică sporită", description: "O centrală bine întreținută consumă mai puțin gaz, reducând facturile lunare și prelungind durata de viață a echipamentului.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ex8KOdTiKTo6wVU9IBbBzQFXCf/uploaded-1781109156637-p7l2y77k.png?_wi=7", imageAlt: "Reducerea Costurilor"
{ },
name: "prenume", {
type: "text", tag: "Conformitate", title: "Respectarea Legislației", subtitle: "Obligatoriu legal", description: "Legea impune verificarea tehnică periodică la fiecare 2 ani pentru siguranța ta și a celor din jur.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ex8KOdTiKTo6wVU9IBbBzQFXCf/uploaded-1781109156637-p7l2y77k.png?_wi=8", imageAlt: "Respectarea Legislației"
placeholder: "Prenume", }
required: true, ]}
}, />
{ </div>
name: "telefon",
type: "tel",
placeholder: "Telefon",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email",
required: true,
},
{
name: "adresa",
type: "text",
placeholder: "Adresă completă",
required: true,
},
{
name: "localitate",
type: "text",
placeholder: "Localitate",
required: true,
},
{
name: "tipCentrala",
type: "text",
placeholder: "Tip Centrală (ex: Condensare)",
required: true,
},
{
name: "marca",
type: "text",
placeholder: "Marcă Centrală (ex: Ariston)",
required: true,
},
{
name: "dataProgramare",
type: "date",
placeholder: "Data dorită",
required: true,
},
]}
textarea={{
name: "observatii",
placeholder: "Observații (detalii suplimentare)",
rows: 3,
required: false,
}}
buttonText="Trimite Programarea"
onSubmit={(data) => console.log('VTP programare submitted:', { ...data, status: 'Nou', createdAt: new Date().toISOString() })}
imageSrc="http://img.b2bpic.net/free-photo/service-man-adjusting-house-heating-system_1303-26529.jpg"
imageAlt="Service man adjusting house heating system"
/>
</div>
<div id="footer" data-section="footer"> <div id="about" data-section="about">
<FooterLogoReveal <AboutMetric
logoText="ENA INSTAL" useInvertedBackground={false}
leftLink={{ title="Ce Include Verificarea VTP?"
text: "Confidentialitate", metrics={[
href: "#", {
}} icon: Wrench,
rightLink={{ label: "Verificarea Componentelor", value: "Detalii"},
text: "Termeni și Condiții", {
href: "#", icon: DollarSign,
}} label: "Testare Etanșeitate", value: "Test"},
/> {
</div> icon: Users,
label: "Analiza Gazelor Arse", value: "Analiză"},
{
icon: MessageSquare,
label: "Reglaje Optime", value: "Reglaj"},
]}
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> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );