bender/39f7b7a9-321f-4143-81e2-e241be6fb33b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_2 bender:version_1

9 Commits
version_1 ... main

Author SHA1 Message Date
bender
edee0d55f2 Merge version_2 into main 
Merge version_2 into main
 2026-03-29 20:51:44 +00:00
bender
ce4801bae5 Update theme colors 2026-03-29 20:51:39 +00:00
bender
07eb1efc77 Merge version_2 into main 
Merge version_2 into main
 2026-03-29 20:51:35 +00:00
bender
9bad0e7417 Update theme colors 2026-03-29 20:51:30 +00:00
bender
313d74d8e7 Merge version_2 into main 
Merge version_2 into main
 2026-03-29 20:49:11 +00:00
bender
5593096cdd Update src/app/page.tsx 2026-03-29 20:49:08 +00:00
bender
3ebfbe3629 Merge version_1 into main 
Merge version_1 into main
 2026-03-29 20:46:59 +00:00
bender
bcd2d508fe Merge version_1 into main 
Merge version_1 into main
 2026-03-29 20:46:35 +00:00
bender
9c28ce0afa Merge version_1 into main 
Merge version_1 into main
 2026-03-29 20:46:08 +00:00
2 changed files with 27 additions and 26 deletions
Expand all files Collapse all files

35
src/app/page.tsx
View File

@@ -43,12 +43,12 @@ export default function LandingPage() {
description="Profesjonell rørspyling på Haugalandet. 34 års erfaring – rask service – fornøyde kunder." description="Profesjonell rørspyling på Haugalandet. 34 års erfaring – rask service – fornøyde kunder."
buttons={[{ text: "Kontakt oss", href: "#kontakt" }]} buttons={[{ text: "Kontakt oss", href: "#kontakt" }]}
carouselItems={[ carouselItems={[
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990686.jpg?_wi=1", imageAlt: "Haugaland Rørspyling Service" }, { id: "1", imageSrc: "https://images.unsplash.com/photo-1585704032915-c3400ca199e8?q=80&w=2000", imageAlt: "Profesjonell rørinspeksjon" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990686.jpg?_wi=2", imageAlt: "Service 2" }, { id: "2", imageSrc: "https://images.unsplash.com/photo-1504917595217-d4f5ebe6a8b4?q=80&w=2000", imageAlt: "Rørspyling utstyr i aksjon" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990686.jpg?_wi=3", imageAlt: "Service 3" }, { id: "3", imageSrc: "https://images.unsplash.com/photo-1541888946425-d81bb19240f5?q=80&w=2000", imageAlt: "Rørleggerarbeid på Haugalandet" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990686.jpg?_wi=4", imageAlt: "Service 4" }, { id: "4", imageSrc: "https://images.unsplash.com/photo-1581092160607-ee22561e9389?q=80&w=2000", imageAlt: "Moderne rørinspeksjonskamera" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990686.jpg?_wi=5", imageAlt: "Service 5" }, { id: "5", imageSrc: "https://images.unsplash.com/photo-1580982697071-3375c32863e4?q=80&w=2000", imageAlt: "Servicebil for rørspyling" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990686.jpg?_wi=6", imageAlt: "Service 6" }, { id: "6", imageSrc: "https://images.unsplash.com/photo-1621905251189-08b45d6a268e?q=80&w=2000", imageAlt: "Rent og effektivt rørsystem" },
]} ]}
/> />
</div> </div>
@@ -59,13 +59,13 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ id: 1, title: "Høytrykksspyling", description: "Fjerner blokkeringer og renser rør miljøvennlig.", imageSrc: "http://img.b2bpic.net/free-photo/single-tool-isolated-with-copy-space_1194-637960.jpg" }, { id: 1, title: "Høytrykksspyling", description: "Fjerner effektivt blokkeringer og renser rør med moderne høytrykksutstyr.", imageSrc: "https://images.unsplash.com/photo-1581092580497-e0d23cbdf1dc?q=80&w=800" },
{ id: 2, title: "Kamerainspeksjon", description: "Moderne utstyr for lekkasjedeteksjon og skadeinspeksjon.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-traveling-taking-photos_23-2148383454.jpg" }, { id: 2, title: "Kamerainspeksjon", description: "Avansert videoutstyr for nøyaktig lokalisering av skader og lekkasjer.", imageSrc: "https://images.unsplash.com/photo-1605559424843-9e4c228bf1d2?q=80&w=800" },
{ id: 3, title: "Rotkutting", description: "Fjerner røtter effektivt og hindrer fremtidige tette rør.", imageSrc: "http://img.b2bpic.net/free-photo/trowels-near-fence_23-2147714873.jpg" }, { id: 3, title: "Rotkutting", description: "Effektiv fjerning av røtter for å sikre fri flyt og hindre fremtidige tette rør.", imageSrc: "https://images.unsplash.com/photo-1596495533355-6c703f84f04c?q=80&w=800" },
{ id: 4, title: "Slamsuging", description: "Tømming av septiktanker, kummer og sandfang.", imageSrc: "http://img.b2bpic.net/free-photo/garbage-truck-collecting-garbage-cans_1398-4391.jpg" }, { id: 4, title: "Slamsuging", description: "Profesjonell tømming av septiktanker, kummer og sandfang.", imageSrc: "https://images.unsplash.com/photo-1580982697071-3375c32863e4?q=80&w=800" },
]} ]}
title="Våre tjenester" title="Våre tjenester"
description="Vi tilbyr omfattende rørspyling og inspeksjonstjenester for alle behov." description="Vi tilbyr omfattende rørspyling og inspeksjonstjenester tilpasset både private og næringskunder."
/> />
</div> </div>
@@ -76,12 +76,12 @@ export default function LandingPage() {
title="Om oss" title="Om oss"
description="Haugaland Rørspyling holder til i Haugesund og leverer tjenester til Tysvær, Karmøy, Sveio og hele Haugalandet. Med over 34 års erfaring garanterer vi god service og konkurransedyktige priser." description="Haugaland Rørspyling holder til i Haugesund og leverer tjenester til Tysvær, Karmøy, Sveio og hele Haugalandet. Med over 34 års erfaring garanterer vi god service og konkurransedyktige priser."
bulletPoints={[ bulletPoints={[
{ title: "Erfaring", description: "34 års bransjeerfaring." }, { title: "Erfaring", description: "34 års solid bransjeerfaring." },
{ title: "Miljø", description: "Ingen skadelige kjemikalier." }, { title: "Miljø", description: "Fokus på bærekraft uten bruk av skadelige kjemikalier." },
{ title: "Service", description: "Rask oppfølging ved akutte behov." }, { title: "Service", description: "Rask responstid ved akutte behov 24/7." },
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990686.jpg?_wi=7" imageSrc="https://images.unsplash.com/photo-1584622650111-993a426fbf0a?q=80&w=1200"
/> />
</div> </div>
@@ -103,7 +103,8 @@ export default function LandingPage() {
title="Vi er din lokale samarbeidspartner" title="Vi er din lokale samarbeidspartner"
description="Vi betjener både private boligeiere, næringsbygg og offentlige anlegg i hele Haugalandet." description="Vi betjener både private boligeiere, næringsbygg og offentlige anlegg i hele Haugalandet."
names={[ names={[
"Haugesund Kommune", "Karmøy kommune", "Tysvær kommune", "Lokale entreprenører", "Private borettslag"]} "Haugesund Kommune", "Karmøy kommune", "Tysvær kommune", "Lokale entreprenører", "Private borettslag"
]}
/> />
</div> </div>
@@ -130,4 +131,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

18
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #f5faff; --background: #ffffff;
--card: #f1f8ff; --card: #f9f9f9;
--foreground: #001122; --foreground: #000612e6;
--primary-cta: #15479c; --primary-cta: #106EFB;
--primary-cta-text: #f5faff; --primary-cta-text: #ffffff;
--secondary-cta: #ffffff; --secondary-cta: #f9f9f9;
--secondary-cta-text: #001122; --secondary-cta-text: #000612e6;
--accent: #a8cce8; --accent: #e2e2e2;
--background-accent: #7ba3cf; --background-accent: #106EFB;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);