Update src/app/page.tsx
This commit is contained in:
203
src/app/page.tsx
203
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Hem",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Hem", id: "hero"},
|
||||
{
|
||||
name: "Tjänster",
|
||||
id: "services",
|
||||
},
|
||||
name: "Tjänster", id: "services"},
|
||||
{
|
||||
name: "Om oss",
|
||||
id: "about",
|
||||
},
|
||||
name: "Om oss", id: "about"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="Hammarby Bilreparationer"
|
||||
/>
|
||||
@@ -55,66 +47,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Din pålitliga bilverkstad i Hammarby"
|
||||
description="Hög kvalitet, snabb service och 4,8 stjärnor i kundnöjdhet. Vi tar hand om din bil med expertis och ärlighet."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ring oss nu",
|
||||
href: "tel:08814297",
|
||||
},
|
||||
text: "Ring oss nu", href: "tel:08814297"},
|
||||
{
|
||||
text: "Boka tid",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Boka tid", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/advanced-diagnostic-lab-with-metallic-equipment-sterile-testing-environment_482257-124278.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881860.jpg",
|
||||
alt: "Modern automobile mechanic composition",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881860.jpg", alt: "Modern automobile mechanic composition"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-cars-lifting-maintenance-garage-service-station_627829-3878.jpg",
|
||||
alt: "Two cars lifting in maintenance at garage service station",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/two-cars-lifting-maintenance-garage-service-station_627829-3878.jpg", alt: "Two cars lifting in maintenance at garage service station"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/toolbox-car_1170-1608.jpg",
|
||||
alt: "Toolbox under a car",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/toolbox-car_1170-1608.jpg", alt: "Toolbox under a car"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881624.jpg",
|
||||
alt: "Modern automobile mechanic composition",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881624.jpg", alt: "Modern automobile mechanic composition"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-car-service-owner-with-arms-crossed-his-workshop_637285-9434.jpg",
|
||||
alt: "Portrait of happy car service owner with arms crossed at his workshop",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-car-service-owner-with-arms-crossed-his-workshop_637285-9434.jpg", alt: "Portrait of happy car service owner with arms crossed at his workshop"},
|
||||
]}
|
||||
avatarText="Över 500 nöjda kunder"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Däckbyte",
|
||||
},
|
||||
type: "text", text: "Däckbyte"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Motoroptimering",
|
||||
},
|
||||
type: "text", text: "Motoroptimering"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bromsservice",
|
||||
},
|
||||
type: "text", text: "Bromsservice"},
|
||||
{
|
||||
type: "text",
|
||||
text: "AC-kontroll",
|
||||
},
|
||||
type: "text", text: "AC-kontroll"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Felsökning",
|
||||
},
|
||||
type: "text", text: "Felsökning"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,9 +92,7 @@ export default function LandingPage() {
|
||||
title="Om Hammarby Bilreparationer"
|
||||
buttons={[
|
||||
{
|
||||
text: "Boka tid",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Boka tid", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -140,20 +105,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Bilservice",
|
||||
description: "Fullständig service enligt tillverkarens rekommendationer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-coworkers-using-laptop-while-working-auto-repair-shop_637285-11597.jpg",
|
||||
},
|
||||
title: "Bilservice", description: "Fullständig service enligt tillverkarens rekommendationer.", imageSrc: "http://img.b2bpic.net/free-photo/two-coworkers-using-laptop-while-working-auto-repair-shop_637285-11597.jpg"},
|
||||
{
|
||||
title: "Reparationer",
|
||||
description: "Expertis inom motor, växellåda och chassi.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-inspecting-wheel-system_23-2147897943.jpg",
|
||||
},
|
||||
title: "Reparationer", description: "Expertis inom motor, växellåda och chassi.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-inspecting-wheel-system_23-2147897943.jpg"},
|
||||
{
|
||||
title: "AC-service",
|
||||
description: "Vi ser till att din klimatanläggning fungerar perfekt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-using-diagnostic-tool-while-repairing-air-conditioning-system-car-auto-repair-shop_637285-4279.jpg",
|
||||
},
|
||||
title: "AC-service", description: "Vi ser till att din klimatanläggning fungerar perfekt.", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-using-diagnostic-tool-while-repairing-air-conditioning-system-car-auto-repair-shop_637285-4279.jpg"},
|
||||
]}
|
||||
title="Våra tjänster"
|
||||
description="Vi erbjuder omfattande tjänster för att hålla din bil i toppskick."
|
||||
@@ -167,28 +123,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.8",
|
||||
title: "Kundbetyg",
|
||||
items: [
|
||||
"Baserat på hundratals omdömen",
|
||||
],
|
||||
id: "m1", value: "4.8", title: "Kundbetyg", items: [
|
||||
"Baserat på hundratals omdömen"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Erfarenhet",
|
||||
items: [
|
||||
"Certifierad personal",
|
||||
],
|
||||
id: "m2", value: "100%", title: "Erfarenhet", items: [
|
||||
"Certifierad personal"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Snabb",
|
||||
title: "Service",
|
||||
items: [
|
||||
"Korta väntetider",
|
||||
],
|
||||
id: "m3", value: "Samma dag", title: "Service", items: [
|
||||
"Korta väntetider"],
|
||||
},
|
||||
]}
|
||||
title="Varför välja oss"
|
||||
@@ -202,45 +146,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Mycket nöjd!",
|
||||
quote: "Snabb och bra service!",
|
||||
name: "Erik S.",
|
||||
role: "Kund",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg",
|
||||
},
|
||||
id: "t1", title: "Mycket nöjd!", quote: "Snabb och bra service!", name: "Erik S.", role: "Kund", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Proffsigt",
|
||||
quote: "Ärliga och professionella.",
|
||||
name: "Maria L.",
|
||||
role: "Kund",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-woman-home_23-2148115589.jpg",
|
||||
},
|
||||
id: "t2", title: "Proffsigt", quote: "Ärliga och professionella.", name: "Maria L.", role: "Kund", imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-woman-home_23-2148115589.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Toppen",
|
||||
quote: "Rekommenderas starkt!",
|
||||
name: "Johan P.",
|
||||
role: "Kund",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg",
|
||||
},
|
||||
id: "t3", title: "Toppen", quote: "Rekommenderas starkt!", name: "Johan P.", role: "Kund", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Bra pris",
|
||||
quote: "Snabba tider och trevlig personal.",
|
||||
name: "Sofia K.",
|
||||
role: "Kund",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-showing-thumbs-up_1170-1235.jpg",
|
||||
},
|
||||
id: "t4", title: "Bra pris", quote: "Snabba tider och trevlig personal.", name: "Sofia K.", role: "Kund", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-showing-thumbs-up_1170-1235.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Bästa verkstaden",
|
||||
quote: "Hittar fel som andra missar.",
|
||||
name: "Anders M.",
|
||||
role: "Kund",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-jolly-car-dealership-agent-hired-respond-client-inquiries_482257-118268.jpg",
|
||||
},
|
||||
id: "t5", title: "Bästa verkstaden", quote: "Hittar fel som andra missar.", name: "Anders M.", role: "Kund", imageSrc: "http://img.b2bpic.net/free-photo/portrait-jolly-car-dealership-agent-hired-respond-client-inquiries_482257-118268.jpg"},
|
||||
]}
|
||||
title="Kundomdömen"
|
||||
description="Vad våra kunder säger om oss."
|
||||
@@ -252,14 +166,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Bosch",
|
||||
"Mobil 1",
|
||||
"Michelin",
|
||||
"Continental",
|
||||
"Castrol",
|
||||
"Hella",
|
||||
"NGK",
|
||||
]}
|
||||
"Bosch", "Mobil 1", "Michelin", "Continental", "Castrol", "Hella", "NGK"]}
|
||||
title="Vi samarbetar med ledande leverantörer"
|
||||
description="Vi använder endast delar och vätskor av högsta kvalitet för din säkerhet."
|
||||
/>
|
||||
@@ -270,20 +177,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Hur bokar jag service?",
|
||||
content: "Du kan boka tid genom att ringa oss eller fylla i kontaktformuläret.",
|
||||
},
|
||||
id: "q1", title: "Hur bokar jag service?", content: "Du kan boka tid genom att ringa oss eller fylla i kontaktformuläret."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Har ni garanti på arbetet?",
|
||||
content: "Ja, vi lämnar garanti på alla våra reparationer.",
|
||||
},
|
||||
id: "q2", title: "Har ni garanti på arbetet?", content: "Ja, vi lämnar garanti på alla våra reparationer."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Vilka märken jobbar ni med?",
|
||||
content: "Vi servar alla bilmärken och modeller.",
|
||||
},
|
||||
id: "q3", title: "Vilka märken jobbar ni med?", content: "Vi servar alla bilmärken och modeller."},
|
||||
]}
|
||||
sideTitle="Vanliga frågor"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -294,8 +192,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Kontakt"
|
||||
title="Boka tid hos oss"
|
||||
description="Besök oss på Bolidenvägen 12 eller kontakta oss för frågor."
|
||||
@@ -306,33 +203,21 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Hammarby Bilreparationer",
|
||||
items: [
|
||||
title: "Hammarby Bilreparationer", items: [
|
||||
{
|
||||
label: "Bolidenvägen 12, Johanneshov",
|
||||
href: "#",
|
||||
},
|
||||
label: "Bolidenvägen 12, Johanneshov", href: "#"},
|
||||
{
|
||||
label: "08-81 42 97",
|
||||
href: "tel:08814297",
|
||||
},
|
||||
label: "08-81 42 97", href: "tel:08814297"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Tjänster",
|
||||
items: [
|
||||
title: "Tjänster", items: [
|
||||
{
|
||||
label: "Service",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Service", href: "#services"},
|
||||
{
|
||||
label: "Reparationer",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Reparationer", href: "#services"},
|
||||
{
|
||||
label: "Däckbyte",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Däckbyte", href: "#services"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user