Update src/app/page.tsx
This commit is contained in:
185
src/app/page.tsx
185
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Početna",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Početna", id: "hero"},
|
||||
{
|
||||
name: "O nama",
|
||||
id: "about",
|
||||
},
|
||||
name: "O nama", id: "about"},
|
||||
{
|
||||
name: "Usluge",
|
||||
id: "features",
|
||||
},
|
||||
name: "Usluge", id: "features"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="Autoservis Carmax"
|
||||
/>
|
||||
@@ -53,35 +45,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Autoservis Carmax Rijeka"
|
||||
description="Vaše vozilo zaslužuje stručnu brigu. Pouzdan automehaničarski servis s tradicijom i predanošću poslu."
|
||||
buttons={[
|
||||
{
|
||||
text: "Rezervirajte termin",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Rezervirajte termin", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop-while-servicing-car-engine_1170-1334.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop-while-servicing-car-engine_1170-1334.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-follows-car-checklist-fixing-tires_482257-75661.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-follows-car-checklist-fixing-tires_482257-75661.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car-workshop_329181-11827.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car-workshop_329181-11827.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-inspects-car-overhead-lift_482257-76181.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-inspects-car-overhead-lift_482257-76181.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-checking-car_1303-14042.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-checking-car_1303-14042.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cars-lifting-maintenance-garage-service-station_627829-3956.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cars-lifting-maintenance-garage-service-station_627829-3956.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -91,14 +74,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Stručnost koja ulijeva povjerenje",
|
||||
},
|
||||
type: "text", content: "Stručnost koja ulijeva povjerenje"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-working-laptop_1170-1628.jpg",
|
||||
alt: "Autoservis Carmax stručnjaci",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/mechanic-working-laptop_1170-1628.jpg", alt: "Autoservis Carmax stručnjaci"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -110,34 +88,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Servis",
|
||||
title: "Redovno održavanje",
|
||||
items: [
|
||||
"Izmjena ulja i filtera",
|
||||
"Pregled kočnica",
|
||||
"Dijagnostika",
|
||||
],
|
||||
id: "f1", label: "Servis", title: "Redovno održavanje", items: [
|
||||
"Izmjena ulja i filtera", "Pregled kočnica", "Dijagnostika"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Motor",
|
||||
title: "Popravak motora",
|
||||
items: [
|
||||
"Generalni popravci",
|
||||
"Brtvljenje motora",
|
||||
"Ispitivanje kompresije",
|
||||
],
|
||||
id: "f2", label: "Motor", title: "Popravak motora", items: [
|
||||
"Generalni popravci", "Brtvljenje motora", "Ispitivanje kompresije"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Podvozje",
|
||||
title: "Ovjes i upravljanje",
|
||||
items: [
|
||||
"Izmjena amortizera",
|
||||
"Geometrija kotača",
|
||||
"Popravak letve volana",
|
||||
],
|
||||
id: "f3", label: "Podvozje", title: "Ovjes i upravljanje", items: [
|
||||
"Izmjena amortizera", "Geometrija kotača", "Popravak letve volana"],
|
||||
},
|
||||
]}
|
||||
title="Naše usluge"
|
||||
@@ -152,30 +112,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Tehnički tim",
|
||||
members: [
|
||||
id: "g1", groupTitle: "Tehnički tim", members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Glavni mehaničar",
|
||||
subtitle: "20+ godina iskustva",
|
||||
detail: "Specijalist za dijagnostiku motora",
|
||||
},
|
||||
id: "m1", title: "Glavni mehaničar", subtitle: "20+ godina iskustva", detail: "Specijalist za dijagnostiku motora", imageSrc: "http://img.b2bpic.net/free-photo/engineer-does-checkup-client-car_482257-76153.jpg", imageAlt: "Engineer does checkup on client car"},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Automehaničar",
|
||||
subtitle: "Stručnjak za ovjes",
|
||||
detail: "Fokusiran na sigurnost na cesti",
|
||||
},
|
||||
id: "m2", title: "Automehaničar", subtitle: "Stručnjak za ovjes", detail: "Fokusiran na sigurnost na cesti"},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Pomoćni serviser",
|
||||
subtitle: "Tehnička podrška",
|
||||
detail: "Brz i temeljit u radu",
|
||||
},
|
||||
id: "m3", title: "Pomoćni serviser", subtitle: "Tehnička podrška", detail: "Brz i temeljit u radu"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-does-checkup-client-car_482257-76153.jpg",
|
||||
imageAlt: "Engineer does checkup on client car",
|
||||
},
|
||||
]}
|
||||
title="Naši stručnjaci"
|
||||
@@ -191,45 +135,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Edita Martinovic",
|
||||
role: "Klijent",
|
||||
company: "Zadovoljni korisnik",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg",
|
||||
},
|
||||
id: "t1", name: "Edita Martinovic", role: "Klijent", company: "Zadovoljni korisnik", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Milan Jugo",
|
||||
role: "Vozač",
|
||||
company: "Redoviti klijent",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-traveling-with-her-car_23-2149077753.jpg",
|
||||
},
|
||||
id: "t2", name: "Milan Jugo", role: "Vozač", company: "Redoviti klijent", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-traveling-with-her-car_23-2149077753.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Ana Dadić",
|
||||
role: "Vozač",
|
||||
company: "Autoservis klijent",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-customer-workshop_637285-8634.jpg",
|
||||
},
|
||||
id: "t3", name: "Ana Dadić", role: "Vozač", company: "Autoservis klijent", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-customer-workshop_637285-8634.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Ivan Horvat",
|
||||
role: "Klijent",
|
||||
company: "Vjerni vozač",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-happy-woman-pink-glasses-making-self-portrait-near-amazing-red-convertible-sport-car-california_273443-2520.jpg",
|
||||
},
|
||||
id: "t4", name: "Ivan Horvat", role: "Klijent", company: "Vjerni vozač", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-happy-woman-pink-glasses-making-self-portrait-near-amazing-red-convertible-sport-car-california_273443-2520.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Marko Ivić",
|
||||
role: "Vozač",
|
||||
company: "Zadovoljni klijent",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-girl-winking-smiling-showing-thumbs-up-positive-feedback-assure-everything-good-very-well-praise-nice-job-standing-white_176420-41484.jpg",
|
||||
},
|
||||
id: "t5", name: "Marko Ivić", role: "Vozač", company: "Zadovoljni klijent", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-girl-winking-smiling-showing-thumbs-up-positive-feedback-assure-everything-good-very-well-praise-nice-job-standing-white_176420-41484.jpg"},
|
||||
]}
|
||||
title="Što kažu naši klijenti"
|
||||
description="Povjerenje je temelj naše usluge."
|
||||
@@ -243,22 +162,14 @@ export default function LandingPage() {
|
||||
description="Nalazimo se u Rijeci na adresi Drenovski put 97. Nazovite nas na 091 548 3218."
|
||||
inputs={[
|
||||
{
|
||||
name: "ime",
|
||||
type: "text",
|
||||
placeholder: "Vaše ime",
|
||||
required: true,
|
||||
name: "ime", type: "text", placeholder: "Vaše ime", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email adresa",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email adresa", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "poruka",
|
||||
placeholder: "Opis kvara ili upit...",
|
||||
rows: 4,
|
||||
name: "poruka", placeholder: "Opis kvara ili upit...", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/customer-text-messaging-mobile-phone_1170-1372.jpg"
|
||||
/>
|
||||
@@ -268,29 +179,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigacija",
|
||||
items: [
|
||||
title: "Navigacija", items: [
|
||||
{
|
||||
label: "Početna",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Početna", href: "#hero"},
|
||||
{
|
||||
label: "O nama",
|
||||
href: "#about",
|
||||
},
|
||||
label: "O nama", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
title: "Info", items: [
|
||||
{
|
||||
label: "Kontaktirajte nas",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Kontaktirajte nas", href: "#contact"},
|
||||
{
|
||||
label: "Drenovski put 97",
|
||||
href: "#",
|
||||
},
|
||||
label: "Drenovski put 97", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user