bender/d61d7924-d168-43ab-9056-881dd110f2c6
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-10 16:56:34 +00:00
parent 48ebeee647
commit d8947d7d3c
1 changed files with 48 additions and 230 deletions
Download Patch File Download Diff File Expand all files Collapse all files

278
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Om oss",
id: "about",
},
{
name: "Tjenester",
id: "features",
},
{
name: "Referanser",
id: "testimonials",
},
{
name: "Kontakt",
id: "contact",
},
{ name: "Om oss", id: "about" },
{ name: "Tjenester", id: "features" },
{ name: "Referanser", id: "testimonials" },
{ name: "Kontakt", id: "contact" },
]}
brandName="Viten Rør AS"
/>
@@ -56,103 +44,31 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Viten Rør – Eksperter på VVS og Rørleggertjenester"
description="Vi tilbyr profesjonelle rørleggertjenester med fokus på kvalitet, holdbarhet og rask respons. Din lokale rørlegger i Oslo og omegn."
testimonials={[
{
name: "Lars Nilsen",
handle: "@larsn",
testimonial: "Fantastisk service! Raske og effektive.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17045.jpg?_wi=1",
imageAlt: "professional plumber working",
},
{
name: "Solveig Hansen",
handle: "@solveigh",
testimonial: "Veldig fornøyd med jobben de gjorde med baderommet.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/sad-female-carpenter-holds-screwdriver-wears-tool-belt-waist-stand-handyman-with-shocked-expression_273609-8780.jpg?_wi=1",
imageAlt: "professional plumber working",
},
{
name: "Ole Jørgensen",
handle: "@olej",
testimonial: "Profesjonelle og hyggelige folk.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/transistors_1160-25.jpg?_wi=1",
imageAlt: "professional plumber working",
},
{
name: "Grete Vang",
handle: "@gretev",
testimonial: "Veldig ryddig og god kommunikasjon underveis.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-woman-showing-ok-sign-looking-camera_1262-13033.jpg",
imageAlt: "professional plumber working",
},
{
name: "Per Ivar Solberg",
handle: "@peris",
testimonial: "Løste et vanskelig rørproblem på kort tid.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/indian-two-happy-sitting-success_1262-875.jpg",
imageAlt: "professional plumber working",
},
{ name: "Lars Nilsen", handle: "@larsn", testimonial: "Fantastisk service! Raske og effektive.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17045.jpg", imageAlt: "professional plumber working" },
{ name: "Solveig Hansen", handle: "@solveigh", testimonial: "Veldig fornøyd med jobben de gjorde med baderommet.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sad-female-carpenter-holds-screwdriver-wears-tool-belt-waist-stand-handyman-with-shocked-expression_273609-8780.jpg", imageAlt: "professional plumber working" },
{ name: "Ole Jørgensen", handle: "@olej", testimonial: "Profesjonelle og hyggelige folk.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/transistors_1160-25.jpg", imageAlt: "professional plumber working" },
{ name: "Grete Vang", handle: "@gretev", testimonial: "Veldig ryddig og god kommunikasjon underveis.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-woman-showing-ok-sign-looking-camera_1262-13033.jpg", imageAlt: "professional plumber working" },
{ name: "Per Ivar Solberg", handle: "@peris", testimonial: "Løste et vanskelig rørproblem på kort tid.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/indian-two-happy-sitting-success_1262-875.jpg", imageAlt: "professional plumber working" },
]}
buttons={[
{
text: "Bestill rørlegger",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17045.jpg?_wi=2"
buttons={[{ text: "Bestill rørlegger", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17045.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/handsome-business-man-suit-headphones-with-microphone-holding-clipboard-looking-aside-shouting-with-aggressive-expression-sitting-table-offise-orange-background_141793-54011.jpg",
alt: "Lars Nilsen",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-caucasian-man-wearing-glasses-headphones-looking-camera-putting-hand-headphones-showing-thumb-up-isolated-crimson-background_141793-77247.jpg",
alt: "Solveig Hansen",
},
{
src: "http://img.b2bpic.net/free-photo/pleased-tilting-head-young-male-call-center-operator-wearing-headset-sitting-table-with-office-tools-points-himself-isolated-white-wall_141793-129715.jpg",
alt: "Ole Jørgensen",
},
{
src: "http://img.b2bpic.net/free-photo/young-happy-blonde-office-worker-man-headphones-sits-desk-with-office-tools-using-laptop-keeps-fists-up-isolated-white-background-with-copy-space_141793-65604.jpg",
alt: "Grete Vang",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-talking-partner_1262-1998.jpg",
alt: "Per Ivar Solberg",
},
{ src: "http://img.b2bpic.net/free-photo/handsome-business-man-suit-headphones-with-microphone-holding-clipboard-looking-aside-shouting-with-aggressive-expression-sitting-table-offise-orange-background_141793-54011.jpg", alt: "Lars Nilsen" },
{ src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-caucasian-man-wearing-glasses-headphones-looking-camera-putting-hand-headphones-showing-thumb-up-isolated-crimson-background_141793-77247.jpg", alt: "Solveig Hansen" },
{ src: "http://img.b2bpic.net/free-photo/pleased-tilting-head-young-male-call-center-operator-wearing-headset-sitting-table-with-office-tools-points-himself-isolated-white-wall_141793-129715.jpg", alt: "Ole Jørgensen" },
{ src: "http://img.b2bpic.net/free-photo/young-happy-blonde-office-worker-man-headphones-sits-desk-with-office-tools-using-laptop-keeps-fists-up-isolated-white-background-with-copy-space_141793-65604.jpg", alt: "Grete Vang" },
{ src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-talking-partner_1262-1998.jpg", alt: "Per Ivar Solberg" },
]}
marqueeItems={[
{
type: "text",
text: "Sertifisert Våtromsbedrift",
},
{
type: "text",
text: "24/7 Akuttvakt",
},
{
type: "text",
text: "Kvalitet i alle ledd",
},
{
type: "text",
text: "Gratis befaring",
},
{
type: "text",
text: "Lokale fagfolk",
},
{ type: "text", text: "Sertifisert Våtromsbedrift" },
{ type: "text", text: "24/7 Akuttvakt" },
{ type: "text", text: "Kvalitet i alle ledd" },
{ type: "text", text: "Gratis befaring" },
{ type: "text", text: "Lokale fagfolk" },
]}
/>
</div>
@@ -163,20 +79,11 @@ export default function LandingPage() {
title="Erfaring og kvalitet i alle ledd"
description="Viten Rør AS har lang erfaring med både små og store prosjekter. Vi prioriterer alltid kundens behov og leverer tekniske løsninger som varer."
metrics={[
{
value: "15+",
title: "Års erfaring",
},
{
value: "2000+",
title: "Fullførte oppdrag",
},
{
value: "100%",
title: "Kundetilfredshet",
},
{ value: "15+", title: "Års erfaring" },
{ value: "2000+", title: "Fullførte oppdrag" },
{ value: "100%", title: "Kundetilfredshet" },
]}
imageSrc="http://img.b2bpic.net/free-photo/sad-female-carpenter-holds-screwdriver-wears-tool-belt-waist-stand-handyman-with-shocked-expression_273609-8780.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/sad-female-carpenter-holds-screwdriver-wears-tool-belt-waist-stand-handyman-with-shocked-expression_273609-8780.jpg"
mediaAnimation="slide-up"
metricsAnimation="blur-reveal"
/>
@@ -188,30 +95,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Akutt Rørservice",
description: "Vi er på plass når uhellet er ute.",
bentoComponent: "reveal-icon",
icon: Zap,
imageSrc: "http://img.b2bpic.net/free-photo/transistors_1160-25.jpg?_wi=2",
imageAlt: "water heater service",
},
{
title: "Baderomsrenovering",
description: "Komplette løsninger fra start til slutt.",
bentoComponent: "reveal-icon",
icon: Droplets,
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17045.jpg?_wi=3",
imageAlt: "water heater service",
},
{
title: "Varmeanlegg",
description: "Effektiv oppvarming og moderne systemer.",
bentoComponent: "reveal-icon",
icon: Flame,
imageSrc: "http://img.b2bpic.net/free-photo/sad-female-carpenter-holds-screwdriver-wears-tool-belt-waist-stand-handyman-with-shocked-expression_273609-8780.jpg?_wi=3",
imageAlt: "water heater service",
},
{ title: "Akutt Rørservice", description: "Vi er på plass når uhellet er ute.", bentoComponent: "reveal-icon", icon: Zap },
{ title: "Baderomsrenovering", description: "Komplette løsninger fra start til slutt.", bentoComponent: "reveal-icon", icon: Droplets },
{ title: "Varmeanlegg", description: "Effektiv oppvarming og moderne systemer.", bentoComponent: "reveal-icon", icon: Flame },
]}
title="Våre Tjenester"
description="Fra akutt hjelp til komplette baderomsløsninger."
@@ -220,27 +106,13 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: CheckCircle,
title: "Godkjent bedrift",
value: "100%",
},
{
id: "m2",
icon: Users,
title: "Fornøyde kunder",
value: "950+",
},
{
id: "m3",
icon: Award,
title: "Sertifiseringer",
value: "8",
},
{ id: "m1", icon: CheckCircle, title: "Godkjent bedrift", value: "100%" },
{ id: "m2", icon: Users, title: "Fornøyde kunder", value: "950+" },
{ id: "m3", icon: Award, title: "Sertifiseringer", value: "8" },
]}
title="Våre prestasjoner"
description="Tallene taler for seg selv."
@@ -252,14 +124,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"VVS Norge",
"Pipelife",
"Uponor",
"Grohe",
"Geberit",
"Danfoss",
"Grundfos",
]}
"VVS Norge", "Pipelife", "Uponor", "Grohe", "Geberit", "Danfoss", "Grundfos"]}
title="Samarbeidspartnere"
description="Vi samarbeider med bransjeledende leverandører."
/>
@@ -272,26 +137,11 @@ export default function LandingPage() {
rating={5}
author="Erik Jensen"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-woman-showing-ok-sign-looking-camera_1262-13033.jpg",
alt: "Erik Jensen",
},
{
src: "http://img.b2bpic.net/free-photo/indian-two-happy-sitting-success_1262-875.jpg",
alt: "Mette Olsen",
},
{
src: "http://img.b2bpic.net/free-photo/young-cute-couple-repairs-room_1157-25154.jpg",
alt: "Espen Berg",
},
{
src: "http://img.b2bpic.net/free-photo/senior-woman-pointing-laughing_1187-784.jpg",
alt: "Dag Nygaard",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976503.jpg",
alt: "Kristin Dahl",
},
{ src: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-woman-showing-ok-sign-looking-camera_1262-13033.jpg", alt: "Erik Jensen" },
{ src: "http://img.b2bpic.net/free-photo/indian-two-happy-sitting-success_1262-875.jpg", alt: "Mette Olsen" },
{ src: "http://img.b2bpic.net/free-photo/young-cute-couple-repairs-room_1157-25154.jpg", alt: "Espen Berg" },
{ src: "http://img.b2bpic.net/free-photo/senior-woman-pointing-laughing_1187-784.jpg", alt: "Dag Nygaard" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976503.jpg", alt: "Kristin Dahl" },
]}
ratingAnimation="slide-up"
avatarsAnimation="blur-reveal"
@@ -303,21 +153,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Tilbyr dere akuttvakt?",
content: "Ja, vi har rørleggere tilgjengelig for akutte hendelser.",
},
{
id: "q2",
title: "Hva koster en befaring?",
content: "Vi tilbyr gratis befaring på større prosjekter.",
},
{
id: "q3",
title: "Er dere våtromssertifisert?",
content: "Ja, vi er godkjent bedrift og våtromssertifisert.",
},
{ id: "q1", title: "Tilbyr dere akuttvakt?", content: "Ja, vi har rørleggere tilgjengelig for akutte hendelser." },
{ id: "q2", title: "Hva koster en befaring?", content: "Vi tilbyr gratis befaring på større prosjekter." },
{ id: "q3", title: "Er dere våtromssertifisert?", content: "Ja, vi er godkjent bedrift og våtromssertifisert." },
]}
title="Ofte stilte spørsmål"
description="Lurer du på noe angående rørleggerarbeid?"
@@ -330,16 +168,9 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
text="Trenger du hjelp med rør? Kontakt oss for en uforpliktende samtale."
buttons={[
{
text: "Kontakt oss nå",
href: "mailto:post@vitenror.no",
},
]}
buttons={[{ text: "Kontakt oss nå", href: "mailto:post@vitenror.no" }]}
/>
</div>
@@ -347,26 +178,13 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Tjenester",
items: [
{
label: "Akuttvakt",
href: "#",
},
{
label: "Baderom",
href: "#",
},
title: "Tjenester", items: [
{ label: "Akuttvakt", href: "#" },
{ label: "Baderom", href: "#" },
],
},
{
title: "Kontakt",
items: [
{
label: "post@vitenror.no",
href: "mailto:post@vitenror.no",
},
],
title: "Kontakt", items: [{ label: "post@vitenror.no", href: "mailto:post@vitenror.no" }],
},
]}
logoText="Viten Rør AS"