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"
@@ -26,133 +26,70 @@ export default function LandingPage() {
<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",
},
{
name: "Intervenții",
id: "/interventii",
},
{
name: "Centrale Termice",
id: "/centrale-termice",
},
{
name: "ENA CONFORT",
id: "/ena-confort",
},
{
name: "Contact",
id: "/#contact",
},
]} ]}
brandName="ENA INSTAL" logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ex8KOdTiKTo6wVU9IBbBzQFXCf/uploaded-1781109072417-wp3t2fav.jpg"
button={{ logoAlt="ENA INSTAL Logo"
text: "Login Admin", button={{ text: "Login Admin", href: "/admin" }}
href: "/admin",
}}
animateOnLoad={true} animateOnLoad={true}
/> />
</div> </div>
<div id="interventii-intro" data-section="interventii-intro"> <div id="feature" data-section="feature">
<AboutMetric <FeatureCardNineteen
textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
title="Solicită Intervenție pentru Defecțiune" title="Servicii de Intervenții Rapide"
metrics={[ description="Răspuns prompt la orice urgență legată de instalațiile termice."
features={[
{ {
icon: AlertTriangle, 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"
label: "Urgență",
value: "Prioritară",
}, },
{ {
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",
},
{
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>
<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={[
{ {
name: "nume", icon: Calendar,
type: "text", label: "Intervenții Finalizate (lună)", value: "95+"
placeholder: "Numele tău",
required: true,
}, },
{ {
name: "telefon", icon: Wrench,
type: "tel", label: "Răspuns Mediu (ore)", value: "<2"
placeholder: "Telefon",
required: true,
}, },
{ {
name: "email", icon: Users,
type: "email", label: "Clienți Asistați", value: "50+"
placeholder: "Email",
required: true,
}, },
{ {
name: "adresa", icon: MessageSquare,
type: "text", label: "Feedback Pozitiv", value: "98%"
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={{ metricsAnimation="slide-up"
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>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoReveal <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" logoText="ENA INSTAL"
leftLink={{ leftLink={{ text: "Confidentialitate", href: "#" }}
text: "Confidentialitate", rightLink={{ text: "Termeni și Condiții", href: "#" }}
href: "#",
}}
rightLink={{
text: "Termeni și Condiții",
href: "#",
}}
/> />
</div> </div>
</ReactLenis> </ReactLenis>