bender/2b2c654a-fd50-479b-9f9c-513a04fdae3d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-13 08:47:30 +00:00
parent bdfb06415e
commit 5e65755aa7
1 changed files with 55 additions and 186 deletions
Download Patch File Download Diff File Expand all files Collapse all files

241
src/app/page.tsx
View File

@@ -11,7 +11,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Scissors } from "lucide-react";
import { Scissors, Palette, Sparkles, Heart } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Hem",
id: "hero",
},
name: "Hem", id: "hero"},
{
name: "Om Oss",
id: "about",
},
name: "Om Oss", id: "about"},
{
name: "Tjänster",
id: "services",
},
name: "Tjänster", id: "services"},
{
name: "Kontakt",
id: "contact",
},
name: "Kontakt", id: "contact"},
]}
brandName="Live-Life Salong"
/>
@@ -55,98 +47,52 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Hårvård med känsla i Linköping"
description="Välkommen till Live-Life Salong – vi erbjuder professionell klippning, färgning och hårstyling skräddarsydd för just din stil."
testimonials={[
{
name: "Anna Svensson",
handle: "@anna_l",
testimonial: "Fantastisk service och alltid så nöjd med min färg!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-blonde-woman-getting-hair-washed_23-2148332478.jpg?_wi=1",
imageAlt: "hair salon interior professional",
},
name: "Anna Svensson", handle: "@anna_l", testimonial: "Fantastisk service och alltid så nöjd med min färg!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-blonde-woman-getting-hair-washed_23-2148332478.jpg", imageAlt: "hair salon interior professional"},
{
name: "Erik Larsson",
handle: "@erik_l",
testimonial: "Riktigt bra frisör, proffsigt bemötande.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=1",
imageAlt: "hair salon interior professional",
},
name: "Erik Larsson", handle: "@erik_l", testimonial: "Riktigt bra frisör, proffsigt bemötande.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg", imageAlt: "hair salon interior professional"},
{
name: "Maria Berg",
handle: "@m_berg",
testimonial: "Känner mig alltid fin när jag går härifrån.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-looks-from-sleepmask-dressed-domestic-wear-has-happy-smile-face-enjoys-good-morning-feels-refreshed-after-nap-poses-pink_273609-54576.jpg?_wi=1",
imageAlt: "hair salon interior professional",
},
name: "Maria Berg", handle: "@m_berg", testimonial: "Känner mig alltid fin när jag går härifrån.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-looks-from-sleepmask-dressed-domestic-wear-has-happy-smile-face-enjoys-good-morning-feels-refreshed-after-nap-poses-pink_273609-54576.jpg", imageAlt: "hair salon interior professional"},
{
name: "Johan Holm",
handle: "@j_holm",
testimonial: "Hög kvalitet och god stämning.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-getting-her-hair-dried_23-2148108866.jpg?_wi=1",
imageAlt: "hair salon interior professional",
},
name: "Johan Holm", handle: "@j_holm", testimonial: "Hög kvalitet och god stämning.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-getting-her-hair-dried_23-2148108866.jpg", imageAlt: "hair salon interior professional"},
{
name: "Sara Lind",
handle: "@sara_l",
testimonial: "Bästa salongen i Linköping!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/view-scissors-hair-salon_23-2150462460.jpg?_wi=1",
imageAlt: "hair salon interior professional",
},
name: "Sara Lind", handle: "@sara_l", testimonial: "Bästa salongen i Linköping!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/view-scissors-hair-salon_23-2150462460.jpg", imageAlt: "hair salon interior professional"},
]}
imageSrc="http://img.b2bpic.net/free-photo/thoughtful-blonde-woman-getting-hair-washed_23-2148332478.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/thoughtful-blonde-woman-getting-hair-washed_23-2148332478.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/asian-woman-smart-clothes-sitting-office-chair-with-smartphone-smiling-camera_1098-20734.jpg",
alt: "Client portrait 1",
},
src: "http://img.b2bpic.net/free-photo/asian-woman-smart-clothes-sitting-office-chair-with-smartphone-smiling-camera_1098-20734.jpg", alt: "Client portrait 1"},
{
src: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94689.jpg",
alt: "Client portrait 2",
},
src: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94689.jpg", alt: "Client portrait 2"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-friends-holding-hands_23-2148238253.jpg",
alt: "Client portrait 3",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-friends-holding-hands_23-2148238253.jpg", alt: "Client portrait 3"},
{
src: "http://img.b2bpic.net/free-photo/woman-working-her-fashion-design-workshop_23-2148877379.jpg",
alt: "Client portrait 4",
},
src: "http://img.b2bpic.net/free-photo/woman-working-her-fashion-design-workshop_23-2148877379.jpg", alt: "Client portrait 4"},
{
src: "http://img.b2bpic.net/free-photo/home-interior-design-composition_23-2148986633.jpg",
alt: "Client portrait 5",
},
src: "http://img.b2bpic.net/free-photo/home-interior-design-composition_23-2148986633.jpg", alt: "Client portrait 5"},
]}
avatarText="Över 500+ nöjda kunder"
marqueeItems={[
{
type: "text",
text: "Klippning",
},
type: "text", text: "Klippning"},
{
type: "text",
text: "Färgning",
},
type: "text", text: "Färgning"},
{
type: "text",
text: "Styling",
},
type: "text", text: "Styling"},
{
type: "text",
text: "Behandling",
},
type: "text", text: "Behandling"},
{
type: "text",
text: "Hårvård",
},
type: "text", text: "Hårvård"},
]}
/>
</div>
@@ -159,7 +105,7 @@ export default function LandingPage() {
description="Live-Life Salong strävar efter att erbjuda en avkopplande upplevelse kombinerat med högkvalitativt hantverk."
subdescription="Vi brinner för hårvård och håller oss ständigt uppdaterade med de senaste trenderna."
icon={Scissors}
imageSrc="http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg"
mediaAnimation="blur-reveal"
/>
</div>
@@ -170,28 +116,16 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Färgning",
description: "Professionell färgning och toning.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-looks-from-sleepmask-dressed-domestic-wear-has-happy-smile-face-enjoys-good-morning-feels-refreshed-after-nap-poses-pink_273609-54576.jpg?_wi=2",
buttonIcon: "Palette",
title: "Färgning", description: "Professionell färgning och toning.", imageSrc: "http://img.b2bpic.net/free-photo/woman-looks-from-sleepmask-dressed-domestic-wear-has-happy-smile-face-enjoys-good-morning-feels-refreshed-after-nap-poses-pink_273609-54576.jpg", buttonIcon: Palette,
},
{
title: "Hårstyling",
description: "Styling för vardag och fest.",
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-getting-her-hair-dried_23-2148108866.jpg?_wi=2",
buttonIcon: "Sparkles",
title: "Hårstyling", description: "Styling för vardag och fest.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-getting-her-hair-dried_23-2148108866.jpg", buttonIcon: Sparkles,
},
{
title: "Klippning",
description: "Moderna klippningar för dam och herr.",
imageSrc: "http://img.b2bpic.net/free-photo/view-scissors-hair-salon_23-2150462460.jpg?_wi=2",
buttonIcon: "Scissors",
title: "Klippning", description: "Moderna klippningar för dam och herr.", imageSrc: "http://img.b2bpic.net/free-photo/view-scissors-hair-salon_23-2150462460.jpg", buttonIcon: Scissors,
},
{
title: "Behandlingar",
description: "Vårdande behandlingar för hälsosamt hår.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230924.jpg",
buttonIcon: "Heart",
title: "Behandlingar", description: "Vårdande behandlingar för hälsosamt hår.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230924.jpg", buttonIcon: Heart,
},
]}
title="Våra Tjänster"
@@ -207,26 +141,11 @@ export default function LandingPage() {
useInvertedBackground={false}
members={[
{
id: "t1",
name: "Maria",
role: "Senior Frisör",
description: "Expert på färg och klipp.",
imageSrc: "http://img.b2bpic.net/free-photo/baking-time-with-best-grandmother_329181-17830.jpg",
},
id: "t1", name: "Maria", role: "Senior Frisör", description: "Expert på färg och klipp.", imageSrc: "http://img.b2bpic.net/free-photo/baking-time-with-best-grandmother_329181-17830.jpg"},
{
id: "t2",
name: "Erik",
role: "Frisör",
description: "Specialiserad på styling.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-arms-dressed-white-shirt-grey-background_613910-8168.jpg",
},
id: "t2", name: "Erik", role: "Frisör", description: "Specialiserad på styling.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-arms-dressed-white-shirt-grey-background_613910-8168.jpg"},
{
id: "t3",
name: "Sara",
role: "Frisör",
description: "Duktig på klipp och färg.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-looking-camera-while-standing-counter-movie-house_613910-21690.jpg",
},
id: "t3", name: "Sara", role: "Frisör", description: "Duktig på klipp och färg.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-looking-camera-while-standing-counter-movie-house_613910-21690.jpg"},
]}
title="Träffa Teamet"
description="Dina frisörer på Live-Life Salong."
@@ -240,45 +159,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Anna",
handle: "@anna",
testimonial: "Bäst i Linköping!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-brunette-attractive-woman-green-dress-with-wonderful-smile-spend-tine-outdoor-looks-down-poses-outside_291650-2125.jpg",
},
id: "1", name: "Anna", handle: "@anna", testimonial: "Bäst i Linköping!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-brunette-attractive-woman-green-dress-with-wonderful-smile-spend-tine-outdoor-looks-down-poses-outside_291650-2125.jpg"},
{
id: "2",
name: "Erik",
handle: "@erik",
testimonial: "Mycket nöjd.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiley-man_23-2149022665.jpg",
},
id: "2", name: "Erik", handle: "@erik", testimonial: "Mycket nöjd.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiley-man_23-2149022665.jpg"},
{
id: "3",
name: "Maria",
handle: "@maria",
testimonial: "Härlig salong.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-young-redheaded-woman_171337-8472.jpg",
},
id: "3", name: "Maria", handle: "@maria", testimonial: "Härlig salong.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-young-redheaded-woman_171337-8472.jpg"},
{
id: "4",
name: "Johan",
handle: "@johan",
testimonial: "Proffsigt.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
},
id: "4", name: "Johan", handle: "@johan", testimonial: "Proffsigt.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg"},
{
id: "5",
name: "Sara",
handle: "@sara",
testimonial: "Toppenställe.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-senior-woman_23-2149207172.jpg",
},
id: "5", name: "Sara", handle: "@sara", testimonial: "Toppenställe.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-senior-woman_23-2149207172.jpg"},
]}
showRating={true}
title="Vad våra kunder säger"
@@ -292,20 +186,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Hur bokar jag?",
content: "Boka via telefon eller vår onlinebokning.",
},
id: "f1", title: "Hur bokar jag?", content: "Boka via telefon eller vår onlinebokning."},
{
id: "f2",
title: "Finns parkering?",
content: "Ja, gott om parkeringsplatser i närheten.",
},
id: "f2", title: "Finns parkering?", content: "Ja, gott om parkeringsplatser i närheten."},
{
id: "f3",
title: "Tar ni kort?",
content: "Ja, vi accepterar alla vanliga betalkort.",
},
id: "f3", title: "Tar ni kort?", content: "Ja, vi accepterar alla vanliga betalkort."},
]}
title="Vanliga frågor"
faqsAnimation="slide-up"
@@ -320,22 +205,14 @@ export default function LandingPage() {
description="Kontakta oss för bokningar eller frågor."
inputs={[
{
name: "name",
type: "text",
placeholder: "Namn",
required: true,
name: "name", type: "text", placeholder: "Namn", required: true,
},
{
name: "email",
type: "email",
placeholder: "E-post",
required: true,
name: "email", type: "email", placeholder: "E-post", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Ditt meddelande",
rows: 4,
name: "message", placeholder: "Ditt meddelande", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg"
@@ -348,25 +225,17 @@ export default function LandingPage() {
{
items: [
{
label: "Hem",
href: "#hero",
},
label: "Hem", href: "#hero"},
{
label: "Tjänster",
href: "#services",
},
label: "Tjänster", href: "#services"},
],
},
{
items: [
{
label: "Facebook",
href: "#",
},
label: "Facebook", href: "#"},
{
label: "Instagram",
href: "#",
},
label: "Instagram", href: "#"},
],
},
]}