Update src/app/page.tsx
This commit is contained in:
304
src/app/page.tsx
304
src/app/page.tsx
@@ -31,127 +31,59 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Hjem",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Hjem", id: "hero"},
|
||||
{
|
||||
name: "Behandlinger",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Behandlinger", id: "pricing"},
|
||||
{
|
||||
name: "Om oss",
|
||||
id: "about",
|
||||
},
|
||||
name: "Om oss", id: "about"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="Nordnes Frisør"
|
||||
button={{ text: "Bestill time", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Nordnes Frisør"
|
||||
description="En frisør der du føler deg hjemme – med faglig dyktighet, gjestfrihet og tid til detaljene."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94801.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-face-mask-home_23-2148741489.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-styling-beard-man_23-2147778888.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-holding-mousse-near-customer_23-2147778807.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94801.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-face-mask-home_23-2148741489.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-styling-beard-man_23-2147778888.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-holding-mousse-near-customer_23-2147778807.jpg" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199301.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695833.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_23-2147778765.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199304.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199301.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695833.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_23-2147778765.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199304.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Bestill time",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Se behandlinger",
|
||||
href: "#pricing",
|
||||
},
|
||||
{ text: "Bestill time", href: "#" },
|
||||
{ text: "Se behandlinger", href: "#pricing" },
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-coffee-shop-table-inside-barista-bar-generated-by-ai_188544-29280.jpg",
|
||||
alt: "Stylist 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crop-barber-styling-beard-customer_23-2147778885.jpg",
|
||||
alt: "Stylist 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg",
|
||||
alt: "Stylist 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg",
|
||||
alt: "Stylist 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-his-hair-washed_23-2149220571.jpg",
|
||||
alt: "Stylist 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/luxury-coffee-shop-table-inside-barista-bar-generated-by-ai_188544-29280.jpg", alt: "Stylist 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/crop-barber-styling-beard-customer_23-2147778885.jpg", alt: "Stylist 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg", alt: "Stylist 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg", alt: "Stylist 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-his-hair-washed_23-2149220571.jpg", alt: "Stylist 5" },
|
||||
]}
|
||||
avatarText="Vårt dyktige team er klare for deg"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Moderne stil",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Profesjonalitet",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gjestfrihet",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Kvalitet",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Presisjon",
|
||||
},
|
||||
{ type: "text", text: "Moderne stil" },
|
||||
{ type: "text", text: "Profesjonalitet" },
|
||||
{ type: "text", text: "Gjestfrihet" },
|
||||
{ type: "text", text: "Kvalitet" },
|
||||
{ type: "text", text: "Presisjon" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -163,28 +95,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Profesjonell presisjon",
|
||||
description: "Dyktig frisør med øye for detaljer – hver klipp er skreddersydd.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Scissors,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229812.jpg",
|
||||
imageAlt: "Woman getting treatment at hairdresser shop",
|
||||
title: "Profesjonell presisjon", description: "Dyktig frisør med øye for detaljer – hver klipp er skreddersydd.", bentoComponent: "reveal-icon", icon: Scissors,
|
||||
},
|
||||
{
|
||||
title: "Hjemlig atmosfære",
|
||||
description: "Du skal føle deg trygg, sett og avslappet fra første sekund.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Coffee,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94801.jpg?_wi=2",
|
||||
imageAlt: "Woman getting treatment at hairdresser shop",
|
||||
title: "Hjemlig atmosfære", description: "Du skal føle deg trygg, sett og avslappet fra første sekund.", bentoComponent: "reveal-icon", icon: Coffee,
|
||||
},
|
||||
{
|
||||
title: "Gjestfrihet i fokus",
|
||||
description: "Fantastisk service, god stemning – og gjerne litt spansk om du vil.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Heart,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg?_wi=1",
|
||||
imageAlt: "Woman getting treatment at hairdresser shop",
|
||||
title: "Gjestfrihet i fokus", description: "Fantastisk service, god stemning – og gjerne litt spansk om du vil.", bentoComponent: "reveal-icon", icon: Heart,
|
||||
},
|
||||
]}
|
||||
title="Mer enn en klipp"
|
||||
@@ -198,62 +115,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Herreklipp",
|
||||
price: "Fra 4xx,-",
|
||||
features: [
|
||||
"Presis klipp",
|
||||
"Styling inkludert",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Bestill",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Dameklipp",
|
||||
price: "Fra 6xx,-",
|
||||
features: [
|
||||
"Tilpasset hårtype",
|
||||
"Vask og føn",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Bestill",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Skjegg & konturer",
|
||||
price: "Fra 3xx,-",
|
||||
features: [
|
||||
"Ryddige linjer",
|
||||
"Perfekt form",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Bestill",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Styling & føn",
|
||||
price: "Fra 3xx,-",
|
||||
features: [
|
||||
"Perfekt for fest",
|
||||
"Profesjonell finish",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Bestill",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "1", name: "Herreklipp", price: "Fra 4xx,-", features: ["Presis klipp", "Styling inkludert"], buttons: [{ text: "Bestill" }] },
|
||||
{ id: "2", name: "Dameklipp", price: "Fra 6xx,-", features: ["Tilpasset hårtype", "Vask og føn"], buttons: [{ text: "Bestill" }] },
|
||||
{ id: "3", name: "Skjegg & konturer", price: "Fra 3xx,-", features: ["Ryddige linjer", "Perfekt form"], buttons: [{ text: "Bestill" }] },
|
||||
{ id: "4", name: "Styling & føn", price: "Fra 3xx,-", features: ["Perfekt for fest", "Profesjonell finish"], buttons: [{ text: "Bestill" }] },
|
||||
]}
|
||||
title="Behandlinger"
|
||||
description="Kvalitet først, alltid."
|
||||
@@ -266,47 +131,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
description="Hva kundene våre sier om oss."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Daniel Minh Pham",
|
||||
role: "Kunde",
|
||||
company: "Moss",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Are Brynildsen",
|
||||
role: "Kunde",
|
||||
company: "Moss",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5410.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Saeb Salamski",
|
||||
role: "Kunde",
|
||||
company: "Norge",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4473.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tony",
|
||||
role: "Kunde",
|
||||
company: "Moss",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kunde",
|
||||
role: "Kunde",
|
||||
company: "Moss",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg",
|
||||
},
|
||||
{ id: "1", name: "Daniel Minh Pham", role: "Kunde", company: "Moss", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg" },
|
||||
{ id: "2", name: "Are Brynildsen", role: "Kunde", company: "Moss", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5410.jpg" },
|
||||
{ id: "3", name: "Saeb Salamski", role: "Kunde", company: "Norge", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4473.jpg" },
|
||||
{ id: "4", name: "Tony", role: "Kunde", company: "Moss", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg" },
|
||||
{ id: "5", name: "Kunde", role: "Kunde", company: "Moss", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg" },
|
||||
]}
|
||||
title="Kundene våre sier det best"
|
||||
/>
|
||||
@@ -328,16 +159,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
text="Besøk oss i Storgata 1, 1531 Moss. Ring 92 07 92 92 eller bestill time online."
|
||||
buttons={[
|
||||
{
|
||||
text: "Bestill time",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Bestill time", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -345,40 +169,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Nordnes Frisør"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigasjon",
|
||||
items: [
|
||||
{
|
||||
label: "Hjem",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Behandlinger",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Åpningstider",
|
||||
items: [
|
||||
{
|
||||
label: "Man-Fre: 10-18",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Lør: 10-17",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Søn: Stengt",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigasjon", items: [{ label: "Hjem", href: "#hero" }, { label: "Behandlinger", href: "#pricing" }, { label: "Kontakt", href: "#contact" }] },
|
||||
{ title: "Åpningstider", items: [{ label: "Man-Fre: 10-18", href: "#" }, { label: "Lør: 10-17", href: "#" }, { label: "Søn: Stengt", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© Nordnes Frisør 2026"
|
||||
/>
|
||||
@@ -386,4 +178,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user