Merge version_1 into main #2
304
src/app/page.tsx
304
src/app/page.tsx
@@ -29,128 +29,45 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Hjem",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Tjenester",
|
||||
id: "tjenester",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "kontakt",
|
||||
},
|
||||
{ name: "Hjem", id: "hero" },
|
||||
{ name: "Tjenester", id: "tjenester" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Kontakt", id: "kontakt" }
|
||||
]}
|
||||
brandName="Duo Frisører"
|
||||
button={{ text: "Bestill time", href: "#kontakt" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Byens Beste Frisør 2025"
|
||||
description="Duo Frisører AS tilbyr profesjonelle behandlinger i hjertet av Kristiansand. Fra klassiske klipper til avansert styling – vi setter kundens ønsker i sentrum."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Kunde 1",
|
||||
handle: "@kunde",
|
||||
testimonial: "Fantastisk service og kvalitet! Alltid fornøyd.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-arrangement_23-2149135758.jpg?_wi=1",
|
||||
imageAlt: "modern salon interior warm lighting",
|
||||
},
|
||||
{
|
||||
name: "Kunde 2",
|
||||
handle: "@kunde",
|
||||
testimonial: "Beste frisøren i byen. Anbefales varmt.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/supplies-morning-skincare_23-2147710682.jpg?_wi=1",
|
||||
imageAlt: "hairdresser working on client hair portrait",
|
||||
},
|
||||
{
|
||||
name: "Kunde 3",
|
||||
handle: "@kunde",
|
||||
testimonial: "Dyktige frisører som virkelig kan faget sitt.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-photo-tape-red-background-high-quality-photo_114579-60868.jpg?_wi=1",
|
||||
imageAlt: "professional female hair stylist smiling",
|
||||
},
|
||||
{
|
||||
name: "Kunde 4",
|
||||
handle: "@kunde",
|
||||
testimonial: "Veldig koselig miljø og supert resultat.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg?_wi=1",
|
||||
imageAlt: "male hair stylist professional portrait",
|
||||
},
|
||||
{
|
||||
name: "Kunde 5",
|
||||
handle: "@kunde",
|
||||
testimonial: "Anbefales sterkt til alle som ønsker en oppgradering.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-beautiful-female-barber-uniform-holding-barber-tools-isolated-pink-background_141793-119285.jpg?_wi=1",
|
||||
imageAlt: "hair stylist professional portrait modern salon",
|
||||
},
|
||||
{ name: "Kunde 1", handle: "@kunde", testimonial: "Fantastisk service og kvalitet! Alltid fornøyd.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-arrangement_23-2149135758.jpg", imageAlt: "modern salon interior warm lighting" },
|
||||
{ name: "Kunde 2", handle: "@kunde", testimonial: "Beste frisøren i byen. Anbefales varmt.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/supplies-morning-skincare_23-2147710682.jpg", imageAlt: "hairdresser working on client hair portrait" },
|
||||
{ name: "Kunde 3", handle: "@kunde", testimonial: "Dyktige frisører som virkelig kan faget sitt.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-photo-tape-red-background-high-quality-photo_114579-60868.jpg", imageAlt: "professional female hair stylist smiling" },
|
||||
{ name: "Kunde 4", handle: "@kunde", testimonial: "Veldig koselig miljø og supert resultat.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg", imageAlt: "male hair stylist professional portrait" },
|
||||
{ name: "Kunde 5", handle: "@kunde", testimonial: "Anbefales sterkt til alle som ønsker en oppgradering.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-beautiful-female-barber-uniform-holding-barber-tools-isolated-pink-background_141793-119285.jpg", imageAlt: "hair stylist professional portrait modern salon" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Bestill time",
|
||||
href: "#kontakt",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/creative-fengshui-practice-arrangement_23-2149135758.jpg?_wi=2"
|
||||
buttons={[{ text: "Bestill time", href: "#kontakt" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/creative-fengshui-practice-arrangement_23-2149135758.jpg"
|
||||
imageAlt="Duo Frisører salong interiør"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/make-up-artist-making-client-laugh_23-2148398584.jpg",
|
||||
alt: "Kunde",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg",
|
||||
alt: "Kunde",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-sisters-little-chat_329181-10653.jpg",
|
||||
alt: "Kunde",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-standing-profile-view-holding-hugging-barber-bag-with-barbering-tools-with-closed-eyes-isolated-olive-green-background_141793-134594.jpg",
|
||||
alt: "Kunde",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101466.jpg",
|
||||
alt: "Kunde",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/make-up-artist-making-client-laugh_23-2148398584.jpg", alt: "Kunde" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg", alt: "Kunde" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/blonde-sisters-little-chat_329181-10653.jpg", alt: "Kunde" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-standing-profile-view-holding-hugging-barber-bag-with-barbering-tools-with-closed-eyes-isolated-olive-green-background_141793-134594.jpg", alt: "Kunde" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101466.jpg", alt: "Kunde" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Award Winning",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Styling",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Friendly Service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Since 2010",
|
||||
},
|
||||
{ type: "text", text: "Award Winning" },
|
||||
{ type: "text", text: "Professional" },
|
||||
{ type: "text", text: "Expert Styling" },
|
||||
{ type: "text", text: "Friendly Service" },
|
||||
{ type: "text", text: "Since 2010" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,22 +76,10 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Kvalitet i alle ledd",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/supplies-morning-skincare_23-2147710682.jpg",
|
||||
alt: "Salongens arbeidsmiljø",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Les mer om oss",
|
||||
href: "#team",
|
||||
},
|
||||
{ type: "text", content: "Kvalitet i alle ledd" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/supplies-morning-skincare_23-2147710682.jpg", alt: "Salongens arbeidsmiljø" }
|
||||
]}
|
||||
buttons={[{ text: "Les mer om oss", href: "#team" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -184,42 +89,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Klipp & Styling",
|
||||
description: "Dame- og herreklipp, samt profesjonell styling for alle anledninger.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-arrangement_23-2149135758.jpg?_wi=3",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-arrangement_23-2149135758.jpg?_wi=4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-beautiful-female-barber-uniform-grabbed-hair-isolated-green-wall_141793-105669.jpg?_wi=1",
|
||||
imageAlt: "hair professional looking friendly salon background",
|
||||
},
|
||||
{
|
||||
title: "Farging & Balayage",
|
||||
description: "Avansert fargeteknikk inkludert balayage, striper og fargekorrigering.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-arrangement_23-2149135758.jpg?_wi=5",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-arrangement_23-2149135758.jpg?_wi=6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-making-client-laugh_23-2148398584.jpg",
|
||||
imageAlt: "happy customer after hair treatment salon",
|
||||
},
|
||||
{
|
||||
title: "Skjønnhet & Pleie",
|
||||
description: "Vi tilbyr bryn- og vippefarging, voksing og extensions for en fullstendig look.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-arrangement_23-2149135758.jpg?_wi=7",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-arrangement_23-2149135758.jpg?_wi=8",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg",
|
||||
imageAlt: "satisfied client portrait professional salon",
|
||||
},
|
||||
{ title: "Klipp & Styling", description: "Dame- og herreklipp, samt profesjonell styling for alle anledninger.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-arrangement_23-2149135758.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-arrangement_23-2149135758.jpg" } },
|
||||
{ title: "Farging & Balayage", description: "Avansert fargeteknikk inkludert balayage, striper og fargekorrigering.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-arrangement_23-2149135758.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-arrangement_23-2149135758.jpg" } },
|
||||
{ title: "Skjønnhet & Pleie", description: "Vi tilbyr bryn- og vippefarging, voksing og extensions for en fullstendig look.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-arrangement_23-2149135758.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-arrangement_23-2149135758.jpg" } }
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Våre Behandlinger"
|
||||
@@ -231,28 +103,13 @@ export default function LandingPage() {
|
||||
<TeamCardTen
|
||||
useInvertedBackground={false}
|
||||
title="Vårt Team"
|
||||
tag="Våre eksperter"
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Frisør 1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-photo-tape-red-background-high-quality-photo_114579-60868.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Frisør 2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Lærling 1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-beautiful-female-barber-uniform-holding-barber-tools-isolated-pink-background_141793-119285.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Frisør 3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-beautiful-female-barber-uniform-grabbed-hair-isolated-green-wall_141793-105669.jpg?_wi=2",
|
||||
},
|
||||
{ id: "t1", name: "Frisør 1", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-photo-tape-red-background-high-quality-photo_114579-60868.jpg" },
|
||||
{ id: "t2", name: "Frisør 2", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg" },
|
||||
{ id: "t3", name: "Lærling 1", imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-beautiful-female-barber-uniform-holding-barber-tools-isolated-pink-background_141793-119285.jpg" },
|
||||
{ id: "t4", name: "Frisør 3", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-beautiful-female-barber-uniform-grabbed-hair-isolated-green-wall_141793-105669.jpg" }
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -263,61 +120,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ola Nordmann",
|
||||
date: "2025",
|
||||
title: "Kunde",
|
||||
quote: "Fantastisk opplevelse hver gang.",
|
||||
tag: "Kunde",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/make-up-artist-making-client-laugh_23-2148398584.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-sisters-little-chat_329181-10653.jpg",
|
||||
imageAlt: "happy client smiling hair salon",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Kari Nordmann",
|
||||
date: "2025",
|
||||
title: "Kunde",
|
||||
quote: "Utrolig dyktige og vennlige folk.",
|
||||
tag: "Kunde",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-standing-profile-view-holding-hugging-barber-bag-with-barbering-tools-with-closed-eyes-isolated-olive-green-background_141793-134594.jpg",
|
||||
imageAlt: "customer portrait after hairdressing service",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Per Hansen",
|
||||
date: "2025",
|
||||
title: "Kunde",
|
||||
quote: "Alltid fornøyd med min klipp.",
|
||||
tag: "Kunde",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/blonde-sisters-little-chat_329181-10653.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101466.jpg",
|
||||
imageAlt: "smiling customer hair salon results",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Anne Pedersen",
|
||||
date: "2025",
|
||||
title: "Kunde",
|
||||
quote: "Veldig god service!",
|
||||
tag: "Kunde",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-standing-profile-view-holding-hugging-barber-bag-with-barbering-tools-with-closed-eyes-isolated-olive-green-background_141793-134594.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-arrangement_23-2149135758.jpg?_wi=9",
|
||||
imageAlt: "modern salon interior warm lighting",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Geir Jensen",
|
||||
date: "2025",
|
||||
title: "Kunde",
|
||||
quote: "Anbefales på det sterkeste.",
|
||||
tag: "Kunde",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101466.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/supplies-morning-skincare_23-2147710682.jpg?_wi=2",
|
||||
imageAlt: "hairdresser working on client hair portrait",
|
||||
},
|
||||
{ id: "1", name: "Ola Nordmann", date: "2025", title: "Kunde", quote: "Fantastisk opplevelse hver gang.", tag: "Kunde", avatarSrc: "http://img.b2bpic.net/free-photo/make-up-artist-making-client-laugh_23-2148398584.jpg", imageSrc: "http://img.b2bpic.net/free-photo/blonde-sisters-little-chat_329181-10653.jpg", imageAlt: "happy client smiling hair salon" },
|
||||
{ id: "2", name: "Kari Nordmann", date: "2025", title: "Kunde", quote: "Utrolig dyktige og vennlige folk.", tag: "Kunde", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-standing-profile-view-holding-hugging-barber-bag-with-barbering-tools-with-closed-eyes-isolated-olive-green-background_141793-134594.jpg", imageAlt: "customer portrait after hairdressing service" },
|
||||
{ id: "3", name: "Per Hansen", date: "2025", title: "Kunde", quote: "Alltid fornøyd med min klipp.", tag: "Kunde", avatarSrc: "http://img.b2bpic.net/free-photo/blonde-sisters-little-chat_329181-10653.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101466.jpg", imageAlt: "smiling customer hair salon results" },
|
||||
{ id: "4", name: "Anne Pedersen", date: "2025", title: "Kunde", quote: "Veldig god service!", tag: "Kunde", avatarSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-standing-profile-view-holding-hugging-barber-bag-with-barbering-tools-with-closed-eyes-isolated-olive-green-background_141793-134594.jpg", imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-arrangement_23-2149135758.jpg", imageAlt: "modern salon interior warm lighting" },
|
||||
{ id: "5", name: "Geir Jensen", date: "2025", title: "Kunde", quote: "Anbefales på det sterkeste.", tag: "Kunde", avatarSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101466.jpg", imageSrc: "http://img.b2bpic.net/free-photo/supplies-morning-skincare_23-2147710682.jpg", imageAlt: "hairdresser working on client hair portrait" }
|
||||
]}
|
||||
title="Kundenes Meninger"
|
||||
description="Vi er stolte over å være kåret til byens beste frisør."
|
||||
@@ -327,44 +134,19 @@ export default function LandingPage() {
|
||||
<div id="kontakt" data-section="kontakt">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Kontakt oss"
|
||||
title="Bestill din time i dag"
|
||||
description="Skippergata 41, 4611 Kristiansand S. Ring oss på +47 38 09 72 01."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ring oss nå",
|
||||
href: "tel:+4738097201",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Ring oss nå", href: "tel:+4738097201" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Adresse: Skippergata 41",
|
||||
},
|
||||
{
|
||||
label: "4611 Kristiansand S",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Telefon: +47 38 09 72 01",
|
||||
},
|
||||
{
|
||||
label: "Org.nr: 997 082 788",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Adresse: Skippergata 41" }, { label: "4611 Kristiansand S" }] },
|
||||
{ items: [{ label: "Telefon: +47 38 09 72 01" }, { label: "Org.nr: 997 082 788" }] }
|
||||
]}
|
||||
logoText="Duo Frisører AS"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user