Update src/app/programare-vtp/page.tsx
This commit is contained in:
@@ -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,102 +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ă", 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="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: "Maximizată"},
|
{ value: "Sigur", label: "Tehnicieni Certificați" },
|
||||||
{
|
{ value: "Eficient", label: "Servicii Complete" }
|
||||||
icon: Timer,
|
]}
|
||||||
label: "Timp Răspuns", value: "Rapid"},
|
enableKpiAnimation={true}
|
||||||
{
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ex8KOdTiKTo6wVU9IBbBzQFXCf/uploaded-1781109156637-p7l2y77k.png"
|
||||||
icon: CalendarCheck,
|
imageAlt="Tehnician verificând o centrală termică"
|
||||||
label: "Ușor de Programat", value: "Online"},
|
mediaAnimation="slide-up"
|
||||||
]}
|
buttons={[
|
||||||
metricsAnimation="slide-up"
|
{ text: "Programează Acum", href: "/programare-vtp#formular" },
|
||||||
/>
|
{ text: "Află Mai Multe", href: "/#about" }
|
||||||
</div>
|
]}
|
||||||
|
tag="VTP Esențial"
|
||||||
|
/>
|
||||||
|
</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", placeholder: "Nume", required: true,
|
{
|
||||||
},
|
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", imageAlt: "Prevenirea Accidentelor"
|
||||||
{
|
},
|
||||||
name: "prenume", type: "text", placeholder: "Prenume", 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", imageAlt: "Reducerea Costurilor"
|
||||||
{
|
},
|
||||||
name: "telefon", type: "tel", placeholder: "Telefon", required: true,
|
{
|
||||||
},
|
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", imageAlt: "Respectarea Legislației"
|
||||||
{
|
}
|
||||||
name: "email", type: "email", placeholder: "Email", required: true,
|
]}
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
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", href: "#"}}
|
metrics={[
|
||||||
rightLink={{
|
{
|
||||||
text: "Termeni și Condiții", href: "#"}}
|
icon: Wrench,
|
||||||
/>
|
label: "Verificarea Componentelor", value: "Detalii"},
|
||||||
</div>
|
{
|
||||||
|
icon: DollarSign,
|
||||||
|
label: "Testare Etanșeitate", value: "Test"},
|
||||||
|
{
|
||||||
|
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>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user