From 3b2496c2e5866c4d56a254c895d3a4a2f7680a9a Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 10 Jun 2026 20:15:09 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 276 +++++++++++------------------------------------ 1 file changed, 62 insertions(+), 214 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 0151fd7..8a5f59a 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -11,7 +11,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard'; import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive'; -import { CalendarCheck, Car, Crown, Feather, Heart, Scissors, Sparkles, Star, Sun, Tv, User } from "lucide-react"; +import { CalendarCheck, Car, Crown, Feather, Heart, Scissors, Sparkles, Star, Sun, Tv, User, HairDryer, Laugh, Brush } from "lucide-react"; export default function LandingPage() { return ( @@ -32,34 +32,20 @@ export default function LandingPage() { @@ -156,7 +113,7 @@ export default function LandingPage() { description="Firas, din masterstylist, har en unik förmåga att verkligen lyssna. Han förstår dina önskemål och levererar med precision och omtanke, vilket skapar resultat du älskar." subdescription="Hundratals familjer i Malmö litar på hans skicklighet. Med en varm och inbjudande stil förvandlar Firas varje besök till en personlig upplevelse. Han är inte bara en frisör – han är en del av grannskapet, känd för sin professionalism och sitt stora hjärta." icon={Sparkles} - imageSrc="http://img.b2bpic.net/free-photo/female-shop-seller-helping-woman-try-new-dress-tying-waistband-customer-choosing-clothes-fashion-store-buying-clothes-boutique-concept_74855-11698.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/female-shop-seller-helping-woman-try-new-dress-tying-waistband-customer-choosing-clothes-fashion-store-buying-clothes-boutique-concept_74855-11698.jpg" imageAlt="Portrait of Firas, master stylist at Gyllen Saxen" mediaAnimation="slide-up" /> @@ -169,104 +126,68 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Herrklippning", - description: "Moderna och klassiska klippningar med precision och stil, anpassade för att framhäva din personlighet.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg?_wi=1", - imageAlt: "Man getting a modern haircut", - }, + title: "Herrklippning", description: "Moderna och klassiska klippningar med precision och stil, anpassade för att framhäva din personlighet.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg", imageAlt: "Man getting a modern haircut"}, items: [ { icon: Scissors, - text: "Personlig konsultation", - }, + text: "Personlig konsultation"}, { icon: HairDryer, - text: "Tvätt & styling", - }, + text: "Tvätt & styling"}, { icon: User, - text: "Skäggtrimning (tillval)", - }, + text: "Skäggtrimning (tillval)"}, ], reverse: false, - imageSrc: "http://img.b2bpic.net/free-vector/luxury-hair-salon-logo-collection_23-2148856025.jpg?_wi=1", - imageAlt: "mens haircut modern stylish salon", }, { - title: "Barnklippning", - description: "Vi gör klippningen till en rolig upplevelse! Med en specialdesignad bilbarnstol och underhållning blir besöket en lek.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/front-view-boy-winning-playing-video-games-with-his-sister_23-2148425225.jpg?_wi=1", - imageAlt: "Child happily getting a haircut in a fun car seat", - }, + title: "Barnklippning", description: "Vi gör klippningen till en rolig upplevelse! Med en specialdesignad bilbarnstol och underhållning blir besöket en lek.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/front-view-boy-winning-playing-video-games-with-his-sister_23-2148425225.jpg", imageAlt: "Child happily getting a haircut in a fun car seat"}, items: [ { icon: Car, - text: "Bekväm bilbarnstol", - }, + text: "Bekväm bilbarnstol"}, { icon: Tv, - text: "Skärmunderhållning", - }, + text: "Skärmunderhållning"}, { icon: Laugh, - text: "Tålmodig frisör", - }, + text: "Tålmodig frisör"}, ], reverse: true, - imageSrc: "http://img.b2bpic.net/free-photo/ornate-chair-art-nouveau-style-with-stained-glass_23-2150975569.jpg?_wi=2", - imageAlt: "mens haircut modern stylish salon", }, { - title: "Damklippning", - description: "Skräddarsydda klippningar som matchar din stil och hårtyp. Alltid med de senaste trenderna och teknikerna.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/blonde-smiling-woman-getting-hair-washed_23-2148332480.jpg", - imageAlt: "Woman getting her hair styled", - }, + title: "Damklippning", description: "Skräddarsydda klippningar som matchar din stil och hårtyp. Alltid med de senaste trenderna och teknikerna.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/blonde-smiling-woman-getting-hair-washed_23-2148332480.jpg", imageAlt: "Woman getting her hair styled"}, items: [ { icon: Brush, - text: "Klippning & Föning", - }, + text: "Klippning & Föning"}, { icon: Sun, - text: "Färgning (tillval)", - }, + text: "Färgning (tillval)"}, { icon: Sparkles, - text: "Stylingrådgivning", - }, + text: "Stylingrådgivning"}, ], reverse: false, - imageSrc: "http://img.b2bpic.net/free-photo/female-shop-seller-helping-woman-try-new-dress-tying-waistband-customer-choosing-clothes-fashion-store-buying-clothes-boutique-concept_74855-11698.jpg?_wi=2", - imageAlt: "mens haircut modern stylish salon", }, { - title: "Bröllop & Event", - description: "Gläns på din stora dag med en oförglömlig håruppsättning. Vi skapar den perfekta looken för bröllop, bal eller speciella tillfällen.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/back-view-unrecognizable-gorgeous-brunette-with-beautiful-hairdo-flowers-it-posing-luxurious-white-dress-with-bunch-pink-air-balloons_132075-13223.jpg", - imageAlt: "Elegant bridal hair styling", - }, + title: "Bröllop & Event", description: "Gläns på din stora dag med an oförglömlig håruppsättning. Vi skapar den perfekta looken för bröllop, bal eller speciella tillfällen.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/back-view-unrecognizable-gorgeous-brunette-with-beautiful-hairdo-flowers-it-posing-luxurious-white-dress-with-bunch-pink-air-balloons_132075-13223.jpg", imageAlt: "Elegant bridal hair styling"}, items: [ { icon: Heart, - text: "Bröllopsfrisyr", - }, + text: "Bröllopsfrisyr"}, { icon: Crown, - text: "Eventstyling", - }, + text: "Eventstyling"}, { icon: CalendarCheck, - text: "Konsultation", - }, + text: "Konsultation"}, ], reverse: true, - imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-hipster-man-posing-studio_158538-25512.jpg", - imageAlt: "mens haircut modern stylish salon", }, ]} title="Våra tjänster" @@ -281,20 +202,11 @@ export default function LandingPage() { tag="Vårt löfte till dig" metrics={[ { - id: "metric-1", - value: "💎", - description: "Utsökt hantverk & personlig service", - }, + id: "metric-1", value: "💎", description: "Utsökt hantverk & personlig service"}, { - id: "metric-2", - value: "✨", - description: "Resultat som får dig att stråla", - }, + id: "metric-2", value: "✨", description: "Resultat som får dig att stråla"}, { - id: "metric-3", - value: "🌟", - description: "En oöverträffad salongsatmosfär", - }, + id: "metric-3", value: "🌟", description: "En oöverträffad salongsatmosfär"}, ]} metricsAnimation="slide-up" /> @@ -306,64 +218,19 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Erik Svensson", - date: "2023-11-01", - title: "Världens bästa frisör!", - quote: "Han satt och log under klippningen och berättat för alla vi träffat att han varit hos världens bästa frisör!", - tag: "Barnklippning", - avatarSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-hipster-man-posing-studio_158538-25512.jpg", - avatarAlt: "Erik Svensson avatar", - imageSrc: "http://img.b2bpic.net/free-vector/luxury-hair-salon-logo-collection_23-2148856025.jpg?_wi=2", - imageAlt: "customer avatar profile smiling woman", + id: "1", name: "Erik Svensson", date: "2023-11-01", title: "Världens bästa frisör!", quote: "Han satt och log under klippningen och berättat för alla vi träffat att han varit hos världens bästa frisör!", tag: "Barnklippning", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-hipster-man-posing-studio_158538-25512.jpg", avatarAlt: "Erik Svensson avatar", imageSrc: "http://img.b2bpic.net/free-vector/luxury-hair-salon-logo-collection_23-2148856025.jpg", imageAlt: "customer avatar profile smiling woman" }, { - id: "2", - name: "Maria Karlsson", - date: "2023-10-25", - title: "Snabb och supertrevlig!", - quote: "Snabb och supertrevlig! Klippte mig inför ett bröllop och fortsatt att komma tillbaka efteråt.", - tag: "Damklippning", - avatarSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-beige-turtleneck-smiling-cheerfully-showing-teeth_141793-54841.jpg", - avatarAlt: "Maria Karlsson avatar", - imageSrc: "http://img.b2bpic.net/free-photo/ornate-chair-art-nouveau-style-with-stained-glass_23-2150975569.jpg?_wi=3", - imageAlt: "customer avatar profile smiling woman", + id: "2", name: "Maria Karlsson", date: "2023-10-25", title: "Snabb och supertrevlig!", quote: "Snabb och supertrevlig! Klippte mig inför ett bröllop och fortsatt att komma tillbaka efteråt.", tag: "Damklippning", avatarSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-beige-turtleneck-smiling-cheerfully-showing-teeth_141793-54841.jpg", avatarAlt: "Maria Karlsson avatar", imageSrc: "http://img.b2bpic.net/free-photo/ornate-chair-art-nouveau-style-with-stained-glass_23-2150975569.jpg", imageAlt: "customer avatar profile smiling woman" }, { - id: "3", - name: "Ahmed Hassan", - date: "2023-09-15", - title: "Fantastiskt resultat", - quote: "Fantastiskt resultat — stor förståelse för hur man ville ha håret. 5/5", - tag: "Herrklippning", - avatarSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg", - avatarAlt: "Ahmed Hassan avatar", - imageSrc: "http://img.b2bpic.net/free-photo/female-shop-seller-helping-woman-try-new-dress-tying-waistband-customer-choosing-clothes-fashion-store-buying-clothes-boutique-concept_74855-11698.jpg?_wi=3", - imageAlt: "customer avatar profile smiling woman", + id: "3", name: "Ahmed Hassan", date: "2023-09-15", title: "Fantastiskt resultat", quote: "Fantastiskt resultat — stor förståelse för hur man ville ha håret. 5/5", tag: "Herrklippning", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg", avatarAlt: "Ahmed Hassan avatar", imageSrc: "http://img.b2bpic.net/free-photo/female-shop-seller-helping-woman-try-new-dress-tying-waistband-customer-choosing-clothes-fashion-store-buying-clothes-boutique-concept_74855-11698.jpg", imageAlt: "customer avatar profile smiling woman" }, { - id: "4", - name: "Sara Lindgren", - date: "2023-08-01", - title: "Bästa och trevligaste frisören!", - quote: "Bästa och trevligaste frisören! 5/5 varje gång.", - tag: "Stammis", - avatarSrc: "http://img.b2bpic.net/free-photo/smart-looking-teacher_53876-23045.jpg", - avatarAlt: "Sara Lindgren avatar", - imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg?_wi=2", - imageAlt: "customer avatar profile smiling woman", + id: "4", name: "Sara Lindgren", date: "2023-08-01", title: "Bästa och trevligaste frisören!", quote: "Bästa och trevligaste frisören! 5/5 varje gång.", tag: "Stammis", avatarSrc: "http://img.b2bpic.net/free-photo/smart-looking-teacher_53876-23045.jpg", avatarAlt: "Sara Lindgren avatar", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg", imageAlt: "customer avatar profile smiling woman" }, { - id: "5", - name: "Fredrik Jansson", - date: "2023-07-10", - title: "Erfaren att klippa barn.", - quote: "Erfaren att klippa barn. Rekommenderar starkt.", - tag: "Barnspecialist", - avatarSrc: "http://img.b2bpic.net/free-photo/side-view-beautiful-senior-woman-portrait_23-2148891712.jpg", - avatarAlt: "Fredrik Jansson avatar", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-boy-winning-playing-video-games-with-his-sister_23-2148425225.jpg?_wi=2", - imageAlt: "customer avatar profile smiling woman", + id: "5", name: "Fredrik Jansson", date: "2023-07-10", title: "Erfaren att klippa barn.", quote: "Erfaren att klippa barn. Rekommenderar starkt.", tag: "Barnspecialist", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-beautiful-senior-woman-portrait_23-2148891712.jpg", avatarAlt: "Fredrik Jansson avatar", imageSrc: "http://img.b2bpic.net/free-photo/front-view-boy-winning-playing-video-games-with-his-sister_23-2148425225.jpg", imageAlt: "customer avatar profile smiling woman" }, ]} title="Vad våra kunder säger" @@ -376,25 +243,13 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "faq-1", - title: "Hur bokar jag en tid?", - content: "Du kan enkelt boka tid direkt här på vår hemsida genom att klicka på 'Boka tid'-knappen, eller ringa oss under våra öppettider.", - }, + id: "faq-1", title: "Hur bokar jag en tid?", content: "Du kan enkelt boka tid direkt här på vår hemsida genom att klicka på 'Boka tid'-knappen, eller ringa oss under våra öppettider."}, { - id: "faq-2", - title: "Vilka betalningsmetoder accepterar ni?", - content: "Vi accepterar de flesta större kreditkort, Swish och kontanter. Betalning sker efter avslutad behandling.", - }, + id: "faq-2", title: "Vilka betalningsmetoder accepterar ni?", content: "Vi accepterar de flesta större kreditkort, Swish och kontanter. Betalning sker efter avslutad behandling."}, { - id: "faq-3", - title: "Kan jag avboka eller omboka min tid?", - content: "Ja, du kan avboka eller omboka din tid upp till 24 timmar före den bokade tiden. Kontakta oss via telefon eller e-post för detta.", - }, + id: "faq-3", title: "Kan jag avboka eller omboka min tid?", content: "Ja, du kan avboka eller omboka din tid upp till 24 timmar före den bokade tiden. Kontakta oss via telefon eller e-post för detta."}, { - id: "faq-4", - title: "Har ni presentkort?", - content: "Ja, vi erbjuder presentkort som är den perfekta presenten till någon du bryr dig om. Fråga oss i salongen för mer information.", - }, + id: "faq-4", title: "Har ni presentkort?", content: "Ja, vi erbjuder presentkort som är den perfekta presenten till någon du bryr dig om. Fråga oss i salongen för mer information."}, ]} sideTitle="Vanliga frågor" sideDescription="Har du funderingar om bokning, tjänster eller något annat? Här hittar du svar på de vanligaste frågorna." @@ -408,14 +263,11 @@ export default function LandingPage() { @@ -426,13 +278,9 @@ export default function LandingPage() { logoAlt="Gyllen Saxen golden scissors logo" logoText="Gyllen Saxen" leftLink={{ - text: "Malmö, Sverige", - href: "https://www.google.com/maps/search/Gyllen+Saxen+Malmö", - }} + text: "Malmö, Sverige", href: "https://www.google.com/maps/search/Gyllen+Saxen+Malmö"}} rightLink={{ - text: "Följ oss på Instagram", - href: "https://www.instagram.com/gyllensaxenmalmo", - }} + text: "Följ oss på Instagram", href: "https://www.instagram.com/gyllensaxenmalmo"}} />