bender/ff7b645b-264b-4dcb-95dd-d3bb93212389
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-04-05 16:54:11 +00:00
parent 187814e300
commit cf4d001c38
1 changed files with 43 additions and 261 deletions
Download Patch File Download Diff File Expand all files Collapse all files

304
src/app/page.tsx
View File

@@ -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"
/>