Merge version_1 into main #2
132
src/app/page.tsx
132
src/app/page.tsx
@@ -26,7 +26,7 @@ export default function HomePage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="large"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -43,18 +43,14 @@ export default function HomePage() {
|
||||
tag="Landskronas Betrodda Bilverkstad"
|
||||
tagIcon={Wrench}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "animated-grid" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-preparing-check-list_1170-1219.jpg"
|
||||
imageAlt="Medina Bilservice professionell verkstad i Landskrona"
|
||||
buttons={[
|
||||
{
|
||||
text: "Boka Service",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Boka Service", href: "/contact"},
|
||||
{
|
||||
text: "Läs Mer",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Läs Mer", href: "#about"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
className="w-full"
|
||||
@@ -71,27 +67,19 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Professionell Service",
|
||||
description: "Expertmekaniker med lång erfarenhet och moderna verktyg för alla reparationer.",
|
||||
icon: CheckCircle,
|
||||
title: "Professionell Service", description: "Expertmekaniker med lång erfarenhet och moderna verktyg för alla reparationer.", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Rättvisa Priser",
|
||||
description: "Transparenta priser utan dolda kostnader. Vi ger alltid värde för pengarna.",
|
||||
icon: DollarSign,
|
||||
title: "Rättvisa Priser", description: "Transparenta priser utan dolda kostnader. Vi ger alltid värde för pengarna.", icon: DollarSign,
|
||||
},
|
||||
{
|
||||
title: "Erfaren Personal",
|
||||
description: "Far och son arbetar tillsammans med dedikation och kunskap från tjugo år i branschen.",
|
||||
icon: Users,
|
||||
title: "Erfaren Personal", description: "Far och son arbetar tillsammans med dedikation och kunskap från tjugo år i branschen.", icon: Users,
|
||||
},
|
||||
{
|
||||
title: "Kunders Tillit",
|
||||
description: "Tusentals nöjda kunder i Landskrona litar på oss för högkvalitativ bilservice.",
|
||||
icon: Heart,
|
||||
title: "Kunders Tillit", description: "Tusentals nöjda kunder i Landskrona litar på oss för högkvalitativ bilservice.", icon: Heart,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woodcarve-training_1098-13620.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woodcarve-training_1098-13620.jpg"
|
||||
imageAlt="Medina Bilservice mekanikere - far och son"
|
||||
mediaAnimation="blur-reveal"
|
||||
textboxLayout="default"
|
||||
@@ -109,62 +97,24 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "service-maintenance",
|
||||
title: "Bilservice och Underhåll",
|
||||
description: "Regelbundna service, oljebyte och filterbyten för att hålla din bil i bästa skick.",
|
||||
tag: "Rutinunderhåll",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-auto-repair-shop-car_23-2150376959.jpg?_wi=1",
|
||||
imageAlt: "Bilservice och underhåll",
|
||||
},
|
||||
id: "service-maintenance", title: "Bilservice och Underhåll", description: "Regelbundna service, oljebyte och filterbyten för att hålla din bil i bästa skick.", tag: "Rutinunderhåll", imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-auto-repair-shop-car_23-2150376959.jpg", imageAlt: "Bilservice och underhåll"},
|
||||
{
|
||||
id: "diagnostics",
|
||||
title: "Diagnostik",
|
||||
description: "Moderna diagnostikverktyg för att snabbt identifiera och lösa alla bilproblem.",
|
||||
tag: "Teknologi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-using-laptop_1170-1249.jpg?_wi=1",
|
||||
imageAlt: "Fordonsdiagnostik",
|
||||
},
|
||||
id: "diagnostics", title: "Diagnostik", description: "Moderna diagnostikverktyg för att snabbt identifiera och lösa alla bilproblem.", tag: "Teknologi", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-using-laptop_1170-1249.jpg", imageAlt: "Fordonsdiagnostik"},
|
||||
{
|
||||
id: "brake-service",
|
||||
title: "Bromservice",
|
||||
description: "Professionell bromskivbyte, bromsbeläggutbyte och bromssystemkontroll för säkerhet.",
|
||||
tag: "Säkerhet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-auto-repairer-working-shop-car_23-2150170004.jpg?_wi=1",
|
||||
imageAlt: "Bromservice och reparation",
|
||||
},
|
||||
id: "brake-service", title: "Bromservice", description: "Professionell bromskivbyte, bromsbeläggutbyte och bromssystemkontroll för säkerhet.", tag: "Säkerhet", imageSrc: "http://img.b2bpic.net/free-photo/female-auto-repairer-working-shop-car_23-2150170004.jpg", imageAlt: "Bromservice och reparation"},
|
||||
{
|
||||
id: "oil-change",
|
||||
title: "Oljebyte",
|
||||
description: "Snabb och professionell oljebyte med högkvalitativ olja som rekommenderas för din bil.",
|
||||
tag: "Snabb Service",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-auto-repair-shop-car_23-2150376959.jpg?_wi=2",
|
||||
imageAlt: "Oljebyte service",
|
||||
},
|
||||
id: "oil-change", title: "Oljebyte", description: "Snabb och professionell oljebyte med högkvalitativ olja som rekommenderas för din bil.", tag: "Snabb Service", imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-auto-repair-shop-car_23-2150376959.jpg", imageAlt: "Oljebyte service"},
|
||||
{
|
||||
id: "engine-repair",
|
||||
title: "Motorreparation",
|
||||
description: "Expert motorreparation och underhåll för optimal prestanda och långsam drivit.",
|
||||
tag: "Expert Service",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-car-service-using-professional-mechanical-tool-repair-broken-engine-efficient-workers-garage-repairing-client-automobile-ensuring-optimal-automotive-performance-close-up_482257-73057.jpg",
|
||||
imageAlt: "Motorreparation",
|
||||
},
|
||||
id: "engine-repair", title: "Motorreparation", description: "Expert motorreparation och underhåll för optimal prestanda och långsam drivit.", tag: "Expert Service", imageSrc: "http://img.b2bpic.net/free-photo/coworkers-car-service-using-professional-mechanical-tool-repair-broken-engine-efficient-workers-garage-repairing-client-automobile-ensuring-optimal-automotive-performance-close-up_482257-73057.jpg", imageAlt: "Motorreparation"},
|
||||
{
|
||||
id: "general-repair",
|
||||
title: "Allmän Bilreparation",
|
||||
description: "Alla typer av bilreparationer från små justeringar till större arbeten. Vi fixar det!",
|
||||
tag: "Komplett Service",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-auto-repair-shop-car_23-2150376959.jpg?_wi=3",
|
||||
imageAlt: "Allmän bilreparation",
|
||||
},
|
||||
id: "general-repair", title: "Allmän Bilreparation", description: "Alla typer av bilreparationer från små justeringar till större arbeten. Vi fixar det!", tag: "Komplett Service", imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-auto-repair-shop-car_23-2150376959.jpg", imageAlt: "Allmän bilreparation"},
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Boka Nu",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Boka Nu", href: "/contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -179,35 +129,15 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Erik Andersson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-beauty-positive-emotions-concept-attractive-smiling-young-woman-with-bobbed-hairdo-dressed-green-casual-sweater-glad-recieve-present_273609-3743.jpg?_wi=1",
|
||||
imageAlt: "Erik Andersson",
|
||||
},
|
||||
id: "1", name: "Erik Andersson", imageSrc: "http://img.b2bpic.net/free-photo/people-beauty-positive-emotions-concept-attractive-smiling-young-woman-with-bobbed-hairdo-dressed-green-casual-sweater-glad-recieve-present_273609-3743.jpg", imageAlt: "Erik Andersson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maria Johansson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg?_wi=1",
|
||||
imageAlt: "Maria Johansson",
|
||||
},
|
||||
id: "2", name: "Maria Johansson", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg", imageAlt: "Maria Johansson"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lars Svensson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-curly-blonde-hair-pointing-upper-right-corner-green-jacket-looking-happy-front-view_176474-71743.jpg?_wi=1",
|
||||
imageAlt: "Lars Svensson",
|
||||
},
|
||||
id: "3", name: "Lars Svensson", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-curly-blonde-hair-pointing-upper-right-corner-green-jacket-looking-happy-front-view_176474-71743.jpg", imageAlt: "Lars Svensson"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ingrid Bergström",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1652.jpg?_wi=1",
|
||||
imageAlt: "Ingrid Bergström",
|
||||
},
|
||||
id: "4", name: "Ingrid Bergström", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1652.jpg", imageAlt: "Ingrid Bergström"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Stefan Lindqvist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-gesturing-with-hands-smiling-shirt-shorts-looking-cheerful-front-view_176474-13752.jpg?_wi=1",
|
||||
imageAlt: "Stefan Lindqvist",
|
||||
},
|
||||
id: "5", name: "Stefan Lindqvist", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-gesturing-with-hands-smiling-shirt-shorts-looking-cheerful-front-view_176474-13752.jpg", imageAlt: "Stefan Lindqvist"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -221,13 +151,9 @@ export default function HomePage() {
|
||||
description="Låt Medina Bilservice ta hand om din bil. Vi erbjuder snabb, rättvis och pålitlig service du kan lita på."
|
||||
buttons={[
|
||||
{
|
||||
text: "Boka Service",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Boka Service", href: "/contact"},
|
||||
{
|
||||
text: "Ring Oss",
|
||||
href: "tel:+46411234567",
|
||||
},
|
||||
text: "Ring Oss", href: "tel:+46411234567"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
@@ -242,19 +168,13 @@ export default function HomePage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com/medinabilservice",
|
||||
ariaLabel: "Besök oss på Facebook",
|
||||
},
|
||||
href: "https://facebook.com/medinabilservice", ariaLabel: "Besök oss på Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/medinabilservice",
|
||||
ariaLabel: "Besök oss på Instagram",
|
||||
},
|
||||
href: "https://instagram.com/medinabilservice", ariaLabel: "Besök oss på Instagram"},
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:+46411234567",
|
||||
ariaLabel: "Ring oss",
|
||||
},
|
||||
href: "tel:+46411234567", ariaLabel: "Ring oss"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user