286 lines
9.4 KiB
TypeScript
286 lines
9.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="grid"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Acasă",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "Servicii",
|
|
id: "services",
|
|
},
|
|
{
|
|
name: "De Ce Noi",
|
|
id: "why-us",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Autoban Total"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Service Auto de Încredere în Cîmpineanca"
|
|
description="Diagnoză rapidă, reparații corecte și oameni pe care te poți baza. Suntem aici să ne asigurăm că mașina ta funcționează impecabil."
|
|
testimonials={[
|
|
{
|
|
name: "Ion Popescu",
|
|
handle: "@ion_p",
|
|
testimonial: "Le-am dus un VW Bora în moarte clinică și am luat o rachetă înapoi.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750031.jpg?_wi=1",
|
|
imageAlt: "auto repair workshop interior professional",
|
|
},
|
|
{
|
|
name: "Maria Ionescu",
|
|
handle: "@maria_i",
|
|
testimonial: "Servicii peste așteptări. Personal foarte bine pregătit.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/lot-old-instruments-tool-box_146671-19078.jpg?_wi=1",
|
|
imageAlt: "mechanic tools engine inspection",
|
|
},
|
|
{
|
|
name: "Andrei V.",
|
|
handle: "@andrei_v",
|
|
testimonial: "Profesionalism maxim. Prețuri corecte și timp scurt de execuție.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-with-tablet-near-car-work-clothes_1157-46144.jpg?_wi=1",
|
|
imageAlt: "car diagnostic scanner modern garage",
|
|
},
|
|
{
|
|
name: "Elena D.",
|
|
handle: "@elena_d",
|
|
testimonial: "Recomand cu încredere. Mi-au salvat mașina când nimeni nu știa ce are.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-opening-radiator-cap-checking-overheated-car-cooling-system-workshop_637285-4221.jpg?_wi=1",
|
|
imageAlt: "car oil change professional workshop",
|
|
},
|
|
{
|
|
name: "Mihai Stan",
|
|
handle: "@mihai_s",
|
|
testimonial: "Service serios, nu te taxează pentru piese inutile. Transparent și rapid.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/serviceman-does-checkup-client-car_482257-76119.jpg?_wi=1",
|
|
imageAlt: "car technical inspection garage",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Sună acum: 0762 492 522",
|
|
href: "tel:0762492522",
|
|
},
|
|
{
|
|
text: "Programează-te",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750031.jpg?_wi=2"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750031.jpg",
|
|
alt: "Client 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/lot-old-instruments-tool-box_146671-19078.jpg",
|
|
alt: "Client 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/car-mechanic-with-tablet-near-car-work-clothes_1157-46144.jpg",
|
|
alt: "Client 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/auto-mechanic-opening-radiator-cap-checking-overheated-car-cooling-system-workshop_637285-4221.jpg",
|
|
alt: "Client 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/serviceman-does-checkup-client-car_482257-76119.jpg",
|
|
alt: "Client 5",
|
|
},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "Diagnoză Computerizată",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Reparații Mecanice",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Mentenanță Ulei",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Service Frâne",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Verificări ITP",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardEight
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Reparații generale",
|
|
description: "Reparații mecanice complexe realizate cu echipamente de ultimă generație.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/lot-old-instruments-tool-box_146671-19078.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Diagnoză completă",
|
|
description: "Identificăm problemele rapid cu software de diagnoză autorizat.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-with-tablet-near-car-work-clothes_1157-46144.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Revizii periodice",
|
|
description: "Schimburi de ulei, filtre și mentenanță preventivă.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-opening-radiator-cap-checking-overheated-car-cooling-system-workshop_637285-4221.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Verificări tehnice",
|
|
description: "Asigurăm starea tehnică optimă pentru siguranța ta pe drum.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/serviceman-does-checkup-client-car_482257-76119.jpg?_wi=2",
|
|
},
|
|
]}
|
|
title="Serviciile Noastre"
|
|
description="Soluții complete pentru întreținerea și repararea autoturismului tău."
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={true}
|
|
title="De Ce Autoban Total?"
|
|
description="Expertiza noastră ne recomandă, iar feedback-ul clienților confirmă seriozitatea și rapiditatea cu care lucrăm în fiecare zi."
|
|
metrics={[
|
|
{
|
|
value: "5.0⭐",
|
|
title: "Rating Mediu",
|
|
},
|
|
{
|
|
value: "11+",
|
|
title: "Recenzii Google",
|
|
},
|
|
{
|
|
value: "100%",
|
|
title: "Profesionalism",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750031.jpg?_wi=3"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="cta" data-section="cta">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
tag="Programare rapidă"
|
|
title="Ai o problemă cu mașina?"
|
|
description="Sună acum și rezolvăm rapid. Suntem pregătiți să intervenim cu profesionalism."
|
|
imageSrc="http://img.b2bpic.net/free-photo/cheerful-call-center-onboarding-specialist-training-worker_482257-125802.jpg"
|
|
mediaAnimation="blur-reveal"
|
|
mediaPosition="right"
|
|
buttonText="Sună: 0762 492 522"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
tag="Contact"
|
|
title="Programează o vizită"
|
|
description="Calea Odobești, Cîmpineanca. Sună pentru informații sau trimite o cerere online."
|
|
imageSrc="http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750031.jpg?_wi=4"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="left"
|
|
buttonText="Trimite cererea"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Autoban Total",
|
|
items: [
|
|
{
|
|
label: "Calea Odobești, Cîmpineanca",
|
|
},
|
|
{
|
|
label: "Telefon: 0762 492 522",
|
|
href: "tel:0762492522",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Program",
|
|
items: [
|
|
{
|
|
label: "Luni - Vineri: 09:00 - 17:00",
|
|
},
|
|
{
|
|
label: "Sâmbătă - Duminică: Închis",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 Autoban Total. Toate drepturile rezervate."
|
|
bottomRightText="Service auto profesional în Vrancea"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|