Files
6ea58556-7494-457b-82eb-c64…/src/app/page.tsx
2026-05-27 06:36:52 +00:00

672 lines
22 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, Car, CheckCircle, Diamond, Facebook, Instagram, ShieldCheck, Sparkles, Star, Users, Zap } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="smallMedium"
sizing="largeSmall"
background="aurora"
cardStyle="outline"
primaryButtonStyle="flat"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Početna",
id: "#hero",
},
{
name: "O nama",
id: "#about",
},
{
name: "Kursevi",
id: "#courses",
},
{
name: "Zašto mi?",
id: "#metrics",
},
{
name: "Vozila",
id: "#products",
},
{
name: "Cene",
id: "#pricing",
},
{
name: "Iskustva",
id: "#testimonials",
},
{
name: "FAQ",
id: "#faq",
},
{
name: "Kontakt",
id: "#contact",
},
]}
logoSrc="http://img.b2bpic.net/free-vector/school-design-yellow-illustration_24877-49381.jpg"
logoAlt="Auto škola Euro Start Logo"
brandName="Auto škola Euro Start"
button={{
text: "Prijavi se odmah",
href: "#contact",
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "downward-rays-animated-grid",
}}
title="Auto škola Euro Start"
description="Vaš put do sigurne vožnje počinje ovde. Nudimo kvalitetnu obuku sa iskusnim instruktorima i modernim vozilima u Zrenjaninu."
testimonials={[
{
name: "Ana K.",
handle: "@anak",
testimonial: "Najbolja auto škola u Zrenjaninu! Instruktor je bio izuzetno strpljiv i posvećen. Vozačka dozvola iz prvog puta!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-yellow-shirt-sitting-car_23-2148510594.jpg?_wi=1",
imageAlt: "Ana K. student",
},
{
name: "Marko P.",
handle: "@markop",
testimonial: "Oduševljen sam profesionalnošću. Vozila su nova, a časovi su bili zabavni i efikasni. Hvala Euro Start!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-enjoying-hot-drink-while-winter-trip_23-2149314460.jpg",
imageAlt: "Marko P. student",
},
{
name: "Jelena T.",
handle: "@jelenat",
testimonial: "Položila sam iz prve, zahvaljujući sjajnim instruktorima. Preporučujem svima Euro Start!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-sitting-her-car_1303-28787.jpg",
imageAlt: "Smiley woman leaning on the steering wheel",
},
{
name: "Petar V.",
handle: "@petarv",
testimonial: "Atmosfera na časovima je bila opuštena i profesionalna. Osećao sam se sigurno za volanom.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-holding-woman-car_23-2148637355.jpg",
imageAlt: "Young couple traveling with car",
},
{
name: "Marija S.",
handle: "@marijas",
testimonial: "Sve pohvale za auto školu Euro Start! Odlična organizacija i izuzetno korisni saveti.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-white-people-with-off-road-car-driving-adventure_23-2151476191.jpg",
imageAlt: "Black and white view of adventure time with off-road vehicle and rough terrain",
},
]}
tag="Vozi sa samopouzdanjem"
tagIcon={Sparkles}
buttons={[
{
text: "Pogledaj kurseve",
href: "#courses",
},
{
text: "Prijavi se",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/young-woman-embracing-her-new-car-excited-young-woman-her-new-car-indoors-young-cheerful-woman-enjoying-new-car-hugging-steering-wheel-sitting-inside_657921-533.jpg?_wi=1"
imageAlt="Učenik auto škole sa instruktorom u automobilu"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiley-delivery-man-doing-his-job_23-2148546032.jpg",
alt: "Smiley delivery guy in car",
},
{
src: "http://img.b2bpic.net/free-photo/joy-road-weekend-wheel-smiling-woman-driver_169016-69133.jpg",
alt: "Young hispanic woman doing victory gesture driving car at street",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-two-young-beautiful-smiling-hipster-girls-convertible-car_158538-17103.jpg",
alt: "Joyful redhead woman inside of car looking back from driver seat while driving during the day",
},
{
src: "http://img.b2bpic.net/free-photo/woman-using-smartphone-technology_23-2149263972.jpg",
alt: "Asian Businesswoman Taking Taxi in Rainy Street",
},
{
src: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-22216.jpg",
alt: "Smiley woman having her seat belt on",
},
]}
avatarText="Preko 1000 zadovoljnih kandidata"
marqueeItems={[
{
type: "text-icon",
text: "Sigurnost na prvom mestu",
icon: ShieldCheck,
},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/motivational-poster-inspirational-quote-design_1284-43535.jpg",
alt: "Motivational quote. Inspirational quote design.",
},
{
type: "text-icon",
text: "Iskusni instruktori",
icon: Users,
},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/drive-thru-sign_23-2148659367.jpg",
alt: "Gradient driving school labels collection",
},
{
type: "text-icon",
text: "Moderna vozila",
icon: Car,
},
]}
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={true}
title="Zašto smo najbolji izbor za vašu vozačku obuku?"
metrics={[
{
icon: Car,
label: "Godina iskustva",
value: "15+",
},
{
icon: Users,
label: "Zadovoljnih kandidata",
value: "1000+",
},
{
icon: Award,
label: "Uspešnost prolaznosti",
value: "95%",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="courses" data-section="courses">
<FeatureCardTen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "B kategorija",
description: "Obuka za putnička vozila, najpopularniji kurs za sticanje vozačke dozvole. Obuhvata teoretsku i praktičnu obuku.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/smiling-looking-friendly-showing-number-five_1194-413829.jpg",
imageAlt: "Vožnja automobila na otvorenom putu",
},
items: [
{
icon: CheckCircle,
text: "30 časova teorije",
},
{
icon: CheckCircle,
text: "40 časova praktične obuke",
},
{
icon: CheckCircle,
text: "Moderna vozila",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-vector/school-design-yellow-illustration_24877-49381.jpg",
imageAlt: "car driving on open road",
},
{
title: "Dodatni časovi",
description: "Idealno za one koji žele da usavrše veštine, obnove znanje ili se pripreme za specifične situacije u saobraćaju.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-driver-s-license-exam_23-2149891407.jpg",
imageAlt: "Noćna vožnja u gradu",
},
items: [
{
icon: CheckCircle,
text: "Individualni pristup",
},
{
icon: CheckCircle,
text: "Fokus na specifične veštine",
},
{
icon: CheckCircle,
text: "Fleksibilni termini",
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-embracing-her-new-car-excited-young-woman-her-new-car-indoors-young-cheerful-woman-enjoying-new-car-hugging-steering-wheel-sitting-inside_657921-533.jpg?_wi=2",
imageAlt: "car driving on open road",
},
{
title: "Prva pomoć",
description: "Obavezni kurs prve pomoći koji je ključan za svakog vozača. Saznajte kako da reagujete u hitnim situacijama.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-traveling-by-car_23-2148906399.jpg",
imageAlt: "Kurs prve pomoći",
},
items: [
{
icon: CheckCircle,
text: "Stručni predavači",
},
{
icon: CheckCircle,
text: "Praktične demonstracije",
},
{
icon: CheckCircle,
text: "Sertifikat o završenoj obuci",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-yellow-shirt-sitting-car_23-2148510594.jpg?_wi=2",
imageAlt: "car driving on open road",
},
]}
title="Naši kursevi vožnje"
description="Nudimo širok spektar kurseva prilagođenih vašim potrebama, od početnih do naprednih nivoa. Izaberite idealan kurs i započnite svoju vozačku avanturu."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "Iskusni Instruktori",
title: "Stručnost",
items: [
"Visoko kvalifikovani",
"Strpljivi i posvećeni",
"Prilagođavaju se vama",
],
},
{
id: "m2",
value: "Moderna Vozila",
title: "Komfor",
items: [
"Nova i održavana",
"Bezbedna i udobna",
"Laka za učenje",
],
},
{
id: "m3",
value: "Fleksibilni Termini",
title: "Prilagodljivost",
items: [
"Dogovor oko časova",
"Online zakazivanje",
"Individualni plan",
],
},
{
id: "m4",
value: "Visoka Uspešnost",
title: "Rezultati",
items: [
"Preko 95% prolaznosti",
"Dozvola iz prvog puta",
"Zadovoljni kandidati",
],
},
]}
title="Zašto odabrati Auto školu Euro Start?"
description="Posvećeni smo vašem uspehu i sigurnosti na putu. Pogledajte ključne razloge zašto smo najbolji izbor za vas."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Škoda Fabia",
price: "Automatski Menjač",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-30140.jpg",
imageAlt: "Bela Škoda Fabia za obuku",
},
{
id: "p2",
name: "Volkswagen Golf",
price: "Ručni Menjač",
imageSrc: "http://img.b2bpic.net/free-photo/blue-hatchback-driving-winter-highway-compact-car-motion_169016-71649.jpg",
imageAlt: "Crni Volkswagen Golf za obuku",
},
{
id: "p3",
name: "Peugeot 208",
price: "Ručni Menjač",
imageSrc: "http://img.b2bpic.net/free-photo/young-person-using-sustainable-mobility_23-2149290907.jpg",
imageAlt: "Plavi Peugeot 208 za obuku",
},
{
id: "p4",
name: "Renault Clio",
price: "Automatski Menjač",
imageSrc: "http://img.b2bpic.net/free-photo/two-women-looking-map-sitting-near-broken-down-car-road_23-2147855637.jpg",
imageAlt: "Sivi Renault Clio za obuku",
},
{
id: "p5",
name: "Hyundai i20",
price: "Ručni Menjač",
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-sitting-new-car-car-showroom_1303-21326.jpg",
imageAlt: "Crveni Hyundai i20 za obuku",
},
{
id: "p6",
name: "Citroen C3",
price: "Ručni Menjač",
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-driver-s-license-exam_23-2149891394.jpg",
imageAlt: "Sivi Citroen C3 za obuku",
},
]}
title="Naša vozila za obuku"
description="Učite na modernim i bezbednim vozilima. Svako vozilo je opremljeno dualnim komandama i redovno servisirano za vašu sigurnost i udobnost."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "basic",
badge: "Standard",
badgeIcon: Star,
price: "Pozovite za cenu",
name: "B Kategorija",
buttons: [
{
text: "Saznaj više",
href: "#contact",
},
],
features: [
"Standardni kurs B kategorije",
"30 časova teorije",
"40 časova vožnje",
"Podrška do ispita",
],
},
{
id: "premium",
badge: "Popularno",
badgeIcon: Zap,
price: "Pozovite za cenu",
name: "B Kategorija Plus",
buttons: [
{
text: "Prijavi se",
href: "#contact",
},
],
features: [
"Standardni kurs + 5 dodatnih časova",
"30 časova teorije",
"45 časova vožnje",
"Prioritetno zakazivanje",
"Praćenje napretka",
],
},
{
id: "vip",
badge: "Premium",
badgeIcon: Diamond,
price: "Pozovite za cenu",
name: "VIP Obuka",
buttons: [
{
text: "Kontaktiraj nas",
href: "#contact",
},
],
features: [
"Kompletan kurs sa individualnim pristupom",
"Neograničeni časovi teorije",
"40+ časova vožnje",
"Personalizovani plan obuke",
"Dostupnost instruktora 24/7",
],
},
]}
title="Naši paketi obuke"
description="Fleksibilni paketi obuke prilagođeni vašem budžetu i rasporedu. Odaberite opciju koja vam najviše odgovara."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Miloš Petrović",
role: "Student",
company: "Fakultet Tehnickih Nauka",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-working_23-2149908159.jpg",
imageAlt: "Miloš Petrović",
},
{
id: "2",
name: "Jelena Marković",
role: "Prodavac",
company: "Lokalna radnja",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-lady-holding-looking-paper-map-sitting-inside-car_169016-25232.jpg",
imageAlt: "Jelena Marković",
},
{
id: "3",
name: "Nikola Stojanović",
role: "Programer",
company: "IT Startap",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-car-with-massage-seat-cushion_1385-1586.jpg",
imageAlt: "Nikola Stojanović",
},
{
id: "4",
name: "Marija Pavlović",
role: "Učenica",
company: "Gimnazija Zrenjanin",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-lady-holding-looking-paper-map-sitting-inside-car_169016-25013.jpg",
imageAlt: "Marija Pavlović",
},
{
id: "5",
name: "Dragan Jovanović",
role: "Preduzetnik",
company: "Vlastiti biznis",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/family-having-fun-winter-roadtrip_23-2149314861.jpg",
imageAlt: "Dragan Jovanović",
},
{
id: "6",
name: "Sara Đorđević",
role: "Grafički dizajner",
company: "Kreativni studio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/traveler-car-facing-camera_23-2148218421.jpg",
imageAlt: "Sara Đorđević",
},
]}
kpiItems={[
{
value: "15+",
label: "Godina iskustva",
},
{
value: "1000+",
label: "Zadovoljnih kandidata",
},
{
value: "95%",
label: "Uspešnost",
},
]}
title="Šta kažu naši kandidati"
description="Ponosi smo na iskustva naših polaznika koji su uz nas postali sigurni i uspešni vozači."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"Ministarstvo Saobraćaja",
"Agencija za bezbednost saobraćaja",
"Grad Zrenjanin",
"Privredna komora Srbije",
"Automobilski savez Srbije",
"Auto-moto savez Srbije",
"Lokalne škole",
]}
title="Naši partneri i akreditacije"
description="Ponosni smo na saradnju sa vodećim institucijama i organizacijama koje potvrđuju kvalitet naše obuke."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Koji su uslovi za upis?",
content: "Za upis u auto školu potrebno je da imate najmanje 16 godina za B kategoriju i važeću ličnu kartu. Lekarsko uverenje se pribavlja tokom obuke.",
},
{
id: "f2",
title: "Koliko traje obuka?",
content: "Trajanje obuke zavisi od tempa učenja kandidata, ali prosečno traje 2-3 meseca za B kategoriju, uključujući teoriju i praksu.",
},
{
id: "f3",
title: "Da li nudite plaćanje na rate?",
content: "Da, nudimo fleksibilne opcije plaćanja na rate kako bismo vam olakšali finansiranje obuke. Kontaktirajte nas za detalje.",
},
{
id: "f4",
title: "Šta je uključeno u cenu kursa?",
content: "Cena kursa obično uključuje teoretsku nastavu, praktičnu obuku, korišćenje vozila za ispit i administrativne troškove. Specifičnosti paketa variraju.",
},
{
id: "f5",
title: "Kako se zakazuju časovi vožnje?",
content: "Časove vožnje zakazujete direktno sa instruktorom ili putem našeg online sistema, u dogovoru o terminima koji vam najviše odgovaraju.",
},
]}
sideTitle="Često postavljana pitanja"
sideDescription="Imate pitanja? Pronađite odgovore na najčešća pitanja o upisu, obuci i polaganju ispita."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
tag="Započnite svoju vozačku avanturu"
title="Prijavite se danas!"
description="Spremni ste da postanete siguran vozač? Kontaktirajte nas da saznate više o upisu i kursevima. Auto škola Euro Start vas čeka!"
buttons={[
{
text: "Pozovite nas",
href: "tel:+3816X XXX XXX",
},
{
text: "Pošaljite email",
href: "mailto:info@eurostart.rs",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoSrc="http://img.b2bpic.net/free-vector/school-design-yellow-illustration_24877-49381.jpg"
logoAlt="Auto škola Euro Start Logo"
logoText="Auto škola Euro Start"
copyrightText="© 2024 Auto škola Euro Start. Sva prava zadržana."
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com/eurostart",
ariaLabel: "Facebook",
},
{
icon: Instagram,
href: "https://instagram.com/eurostart",
ariaLabel: "Instagram",
},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}