Update src/app/interventii/page.tsx

This commit is contained in:
2026-06-10 16:39:46 +00:00
parent ca8eb7421a
commit 415d7cd270

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", 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", 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>
); );