Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
260
src/app/page.tsx
260
src/app/page.tsx
@@ -31,72 +31,45 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Hem",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Hem", id: "hero"},
|
||||
{
|
||||
name: "Om Oss",
|
||||
id: "about",
|
||||
},
|
||||
name: "Om Oss", id: "about"},
|
||||
{
|
||||
name: "Behandlingar",
|
||||
id: "features",
|
||||
},
|
||||
name: "Behandlingar", id: "features"},
|
||||
{
|
||||
name: "Priser",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Priser", id: "pricing"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="Salong Mary"
|
||||
button={{
|
||||
text: "Boka tid",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Boka tid", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Salong Mary i Johanneberg"
|
||||
description="Välkommen till din frisör i Johanneberg. Vi erbjuder professionell hårvård i en avkopplande miljö. Boka din tid idag för en frisyr som passar just dig."
|
||||
buttons={[
|
||||
{
|
||||
text: "Boka tid",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Boka tid", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-golden-suit-sits-cafe_8353-301.jpg?_wi=1",
|
||||
imageAlt: "Salong Mary inredning",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-golden-suit-sits-cafe_8353-301.jpg", imageAlt: "Salong Mary inredning"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-africa-woman-making-eyebrows-girls-beauty-salon_1157-48328.jpg?_wi=1",
|
||||
imageAlt: "Salong Mary frisör arbete",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-africa-woman-making-eyebrows-girls-beauty-salon_1157-48328.jpg", imageAlt: "Salong Mary frisör arbete"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop-restaurant_1203-8740.jpg",
|
||||
imageAlt: "Salong Mary modern stil",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop-restaurant_1203-8740.jpg", imageAlt: "Salong Mary modern stil"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cut-hair-her-client-hair-salon_1157-27201.jpg",
|
||||
imageAlt: "Salong Mary frisör atmosfär",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cut-hair-her-client-hair-salon_1157-27201.jpg", imageAlt: "Salong Mary frisör atmosfär"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-reading-magazine-while-sitting-hairdryer_107420-12128.jpg",
|
||||
imageAlt: "Salong Mary varm välkomnande",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-reading-magazine-while-sitting-hairdryer_107420-12128.jpg", imageAlt: "Salong Mary varm välkomnande"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiting-room-with-chairs-blurred_1203-1402.jpg",
|
||||
imageAlt: "Salong Mary Johanneberg frisör",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiting-room-with-chairs-blurred_1203-1402.jpg", imageAlt: "Salong Mary Johanneberg frisör"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,18 +79,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Om Salong Mary",
|
||||
},
|
||||
type: "text", content: "Om Salong Mary"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/wide-closeup-shot-flower-bouquet-vase-table-near-elegant-armchair_181624-2457.jpg",
|
||||
alt: "Salong Mary team",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/wide-closeup-shot-flower-bouquet-vase-table-near-elegant-armchair_181624-2457.jpg", alt: "Salong Mary team"},
|
||||
{
|
||||
type: "text",
|
||||
content: "Vi brinner för hårvård och personlig service. I vår salong i Johanneberg skapar vi frisyrer som framhäver din unika stil. Med lång erfarenhet och ett genuint intresse för trender och hantverk ser vi till att du lämnar oss med ett leende.",
|
||||
},
|
||||
type: "text", content: "Vi brinner för hårvård och personlig service. I vår salong i Johanneberg skapar vi frisyrer som framhäver din unika stil. Med lång erfarenhet och ett genuint intresse för trender och hantverk ser vi till att du lämnar oss med ett leende."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -130,20 +96,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Klippning",
|
||||
description: "Moderna och klassiska klippningar anpassade efter din ansiktsform och livsstil.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-stylist-working-with-client_23-2147769765.jpg",
|
||||
},
|
||||
title: "Klippning", description: "Moderna och klassiska klippningar anpassade efter din ansiktsform och livsstil.", imageSrc: "http://img.b2bpic.net/free-photo/professional-stylist-working-with-client_23-2147769765.jpg"},
|
||||
{
|
||||
title: "Färgning & Slingor",
|
||||
description: "Vi använder skonsamma färger för att skapa allt från naturliga toner till dramatiska kontraster.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229757.jpg",
|
||||
},
|
||||
title: "Färgning & Slingor", description: "Vi använder skonsamma färger för att skapa allt från naturliga toner till dramatiska kontraster.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229757.jpg"},
|
||||
{
|
||||
title: "Hårvårdsbehandling",
|
||||
description: "Ge ditt hår nytt liv med våra vårdande behandlingar för hår och hårbotten.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-finishing-head-washing-sink_23-2147769805.jpg",
|
||||
},
|
||||
title: "Hårvårdsbehandling", description: "Ge ditt hår nytt liv med våra vårdande behandlingar för hår och hårbotten.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-finishing-head-washing-sink_23-2147769805.jpg"},
|
||||
]}
|
||||
title="Våra Tjänster"
|
||||
description="Vi erbjuder ett brett utbud av hårvårdstjänster med högsta kvalitet i fokus."
|
||||
@@ -157,55 +114,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Damklippning",
|
||||
price: "750 kr",
|
||||
period: "",
|
||||
features: [
|
||||
"Tvätt",
|
||||
"Fön",
|
||||
"Styling",
|
||||
],
|
||||
id: "p1", title: "Damklippning", price: "750 kr", period: "", features: [
|
||||
"Tvätt", "Fön", "Styling"],
|
||||
button: {
|
||||
text: "Boka",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-model-black-leather-jacket-posing-near-lamps_114579-66707.jpg",
|
||||
imageAlt: "Portrait of a beautiful young model in black leather jacket posing near lamps.",
|
||||
},
|
||||
text: "Boka", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-model-black-leather-jacket-posing-near-lamps_114579-66707.jpg", imageAlt: "Portrait of a beautiful young model in black leather jacket posing near lamps."},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Herrklippning",
|
||||
price: "550 kr",
|
||||
period: "",
|
||||
features: [
|
||||
"Tvätt",
|
||||
"Styling",
|
||||
],
|
||||
id: "p2", title: "Herrklippning", price: "550 kr", period: "", features: [
|
||||
"Tvätt", "Styling"],
|
||||
button: {
|
||||
text: "Boka",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-golden-suit-sits-cafe_8353-301.jpg?_wi=2",
|
||||
imageAlt: "Portrait of a beautiful young model in black leather jacket posing near lamps.",
|
||||
},
|
||||
text: "Boka", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-golden-suit-sits-cafe_8353-301.jpg", imageAlt: "Portrait of a beautiful young model in black leather jacket posing near lamps."},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Färgning",
|
||||
price: "fr. 1200 kr",
|
||||
period: "",
|
||||
features: [
|
||||
"Konsultation",
|
||||
"Färg",
|
||||
"Styling",
|
||||
],
|
||||
id: "p3", title: "Färgning", price: "fr. 1200 kr", period: "", features: [
|
||||
"Konsultation", "Färg", "Styling"],
|
||||
button: {
|
||||
text: "Boka",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-africa-woman-making-eyebrows-girls-beauty-salon_1157-48328.jpg?_wi=2",
|
||||
imageAlt: "Portrait of a beautiful young model in black leather jacket posing near lamps.",
|
||||
},
|
||||
text: "Boka", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-africa-woman-making-eyebrows-girls-beauty-salon_1157-48328.jpg", imageAlt: "Portrait of a beautiful young model in black leather jacket posing near lamps."},
|
||||
]}
|
||||
title="Prislista"
|
||||
description="Här hittar du våra grundpriser för olika tjänster. Kontakta oss för specifik prisuppgift."
|
||||
@@ -219,33 +144,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "team-group",
|
||||
groupTitle: "Vårt Team",
|
||||
members: [
|
||||
id: "team-group", groupTitle: "Vårt Team", members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Mary",
|
||||
subtitle: "Grundare & Senior Frisör",
|
||||
detail: "Mångårig erfarenhet och expert på balayage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-glasses-headband-holding-comb-hair-trimmer-air-looking-down-pretend-doing-haircut-client-isolated-red-background_141793-137002.jpg",
|
||||
},
|
||||
id: "m1", title: "Mary", subtitle: "Grundare & Senior Frisör", detail: "Mångårig erfarenhet och expert på balayage.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-glasses-headband-holding-comb-hair-trimmer-air-looking-down-pretend-doing-haircut-client-isolated-red-background_141793-137002.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Sara",
|
||||
subtitle: "Frisör",
|
||||
detail: "Specialist på moderna klipptekniker.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg",
|
||||
},
|
||||
id: "m2", title: "Sara", subtitle: "Frisör", detail: "Specialist på moderna klipptekniker.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Linnea",
|
||||
subtitle: "Frisör",
|
||||
detail: "Brinner för hårvård och styling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-barber-wearing-glasses-uniform-holding-combs-looking-camera-stretching-hair-spray-out-towards-camera-isolated-olive-green-background_141793-137022.jpg",
|
||||
},
|
||||
id: "m3", title: "Linnea", subtitle: "Frisör", detail: "Brinner för hårvård och styling.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-barber-wearing-glasses-uniform-holding-combs-looking-camera-stretching-hair-spray-out-towards-camera-isolated-olive-green-background_141793-137022.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-golden-suit-sits-cafe_8353-301.jpg?_wi=3",
|
||||
imageAlt: "hairdresser smiling professional",
|
||||
},
|
||||
]}
|
||||
title="Möt Teamet"
|
||||
@@ -261,45 +167,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Anna Andersson",
|
||||
role: "Kund",
|
||||
company: "Johanneberg",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4455.jpg",
|
||||
},
|
||||
id: "t1", name: "Anna Andersson", role: "Kund", company: "Johanneberg", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4455.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Erik Eriksson",
|
||||
role: "Kund",
|
||||
company: "Johanneberg",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-showing-timeout-gesture-isolated-green-wall_141793-106149.jpg",
|
||||
},
|
||||
id: "t2", name: "Erik Eriksson", role: "Kund", company: "Johanneberg", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-showing-timeout-gesture-isolated-green-wall_141793-106149.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Maria Larsson",
|
||||
role: "Kund",
|
||||
company: "Johanneberg",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-young-beautiful-female-barber-uniform-showing-timeout-gesture-isolated-pink-wall_141793-106045.jpg",
|
||||
},
|
||||
id: "t3", name: "Maria Larsson", role: "Kund", company: "Johanneberg", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-young-beautiful-female-barber-uniform-showing-timeout-gesture-isolated-pink-wall_141793-106045.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Johan Johansson",
|
||||
role: "Kund",
|
||||
company: "Johanneberg",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-cute-young-woman-with-long-brunette-hair-smiling-camera-hairdresser-salon_197531-3664.jpg",
|
||||
},
|
||||
id: "t4", name: "Johan Johansson", role: "Kund", company: "Johanneberg", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-cute-young-woman-with-long-brunette-hair-smiling-camera-hairdresser-salon_197531-3664.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sofia Lind",
|
||||
role: "Kund",
|
||||
company: "Johanneberg",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mom-combing-daughter-hair_23-2148482909.jpg",
|
||||
},
|
||||
id: "t5", name: "Sofia Lind", role: "Kund", company: "Johanneberg", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mom-combing-daughter-hair_23-2148482909.jpg"},
|
||||
]}
|
||||
title="Vad våra kunder säger"
|
||||
description="Vi är stolta över våra kunders fina recensioner."
|
||||
@@ -313,28 +194,17 @@ export default function LandingPage() {
|
||||
description="Kontakta oss för att boka din behandling eller vid frågor."
|
||||
inputs={[
|
||||
{
|
||||
name: "namn",
|
||||
type: "text",
|
||||
placeholder: "Ditt namn",
|
||||
required: true,
|
||||
name: "namn", type: "text", placeholder: "Ditt namn", required: true,
|
||||
},
|
||||
{
|
||||
name: "epost",
|
||||
type: "email",
|
||||
placeholder: "Din e-post",
|
||||
required: true,
|
||||
name: "epost", type: "email", placeholder: "Din e-post", required: true,
|
||||
},
|
||||
{
|
||||
name: "telefon",
|
||||
type: "tel",
|
||||
placeholder: "Ditt telefonnummer",
|
||||
required: true,
|
||||
name: "telefon", type: "tel", placeholder: "Ditt telefonnummer", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "meddelande",
|
||||
placeholder: "Skriv din önskade behandling här...",
|
||||
rows: 4,
|
||||
name: "meddelande", placeholder: "Skriv din önskade behandling här...", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94689.jpg"
|
||||
@@ -348,37 +218,23 @@ export default function LandingPage() {
|
||||
logoText="Salong Mary"
|
||||
columns={[
|
||||
{
|
||||
title: "Salong Mary",
|
||||
items: [
|
||||
title: "Salong Mary", items: [
|
||||
{
|
||||
label: "Om oss",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Om oss", href: "#about"},
|
||||
{
|
||||
label: "Tjänster",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Tjänster", href: "#features"},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Kontakt", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
title: "Information", items: [
|
||||
{
|
||||
label: "Boka tid",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Boka tid", href: "#contact"},
|
||||
{
|
||||
label: "Prislista",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Prislista", href: "#pricing"},
|
||||
{
|
||||
label: "Integritetspolicy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Integritetspolicy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user