From 6b5b9aee6166db7d84f8dc7ee21c878cb69d5bc6 Mon Sep 17 00:00:00 2001 From: bender Date: Mon, 9 Mar 2026 12:14:14 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 132 ++++++++++------------------------------------- 1 file changed, 26 insertions(+), 106 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index de7ab34..219ebb4 100644 --- a/src/app/page.tsx +++ b/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"}, ]} /> @@ -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"}, ]} /> -- 2.49.1