117 lines
4.0 KiB
TypeScript
117 lines
4.0 KiB
TypeScript
"use client";
|
|
|
|
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 FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import { AlertTriangle, Cog, Truck } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
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="interventii-intro" data-section="interventii-intro">
|
|
<AboutMetric
|
|
useInvertedBackground={false}
|
|
title="Solicită Intervenție pentru Defecțiune"
|
|
metrics={[
|
|
{
|
|
icon: AlertTriangle,
|
|
label: "Urgență", value: "Prioritară"},
|
|
{
|
|
icon: Truck,
|
|
label: "Timp Răspuns", value: "Rapid"},
|
|
{
|
|
icon: Cog,
|
|
label: "Expertiză", value: "Garantată"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="interventii-form" data-section="interventii-form">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Detalii Intervenție"
|
|
description="Completează cât mai multe detalii pentru a facilita diagnosticarea și intervenția rapidă."
|
|
inputs={[
|
|
{
|
|
name: "nume", type: "text", placeholder: "Numele tău", required: true,
|
|
},
|
|
{
|
|
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: "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">
|
|
<FooterLogoReveal
|
|
logoText="ENA INSTAL"
|
|
leftLink={{
|
|
text: "Confidentialitate", href: "#"}}
|
|
rightLink={{
|
|
text: "Termeni și Condiții", href: "#"}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|