bender/016bf020-c2c4-480e-9ea3-64d434754634
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
..
compare: bender:version_3
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

11 Commits
version_1 ... version_3

Author SHA1 Message Date
bender
a1a7d0ddcd Update src/app/page.tsx 2026-03-07 10:26:18 +00:00
bender
0e294aa372 Update src/app/page.tsx 2026-03-07 10:24:48 +00:00
bender
d0a994ecf1 Merge version_2 into main 
Merge version_2 into main
 2026-03-07 10:20:18 +00:00
bender
235894676b Update src/app/styles/base.css 2026-03-07 10:20:13 +00:00
bender
454d5a70c0 Update src/app/page.tsx 2026-03-07 10:20:13 +00:00
bender
7f571d0d93 Update src/app/layout.tsx 2026-03-07 10:20:12 +00:00
bender
be2d573939 Merge version_1 into main 
Merge version_1 into main
 2026-03-07 10:07:59 +00:00
bender
eef5d3ff14 Merge version_1 into main 
Merge version_1 into main
 2026-03-07 10:07:04 +00:00
bender
0c8cf55fc5 Merge version_1 into main 
Merge version_1 into main
 2026-03-07 10:05:33 +00:00
bender
931881a664 Merge version_1 into main 
Merge version_1 into main
 2026-03-07 10:04:04 +00:00
bender
7a6db61f23 Merge version_1 into main 
Merge version_1 into main
 2026-03-07 10:02:36 +00:00
3 changed files with 43 additions and 97 deletions
Expand all files Collapse all files

55
src/app/layout.tsx
View File

@@ -1,58 +1,24 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Roboto } from "next/font/google";
import { DM_Sans } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const roboto = Roboto({
variable: "--font-roboto", subsets: ["latin"],
weight: ["100", "300", "400", "500", "700", "900"],
const dmSans = DM_Sans({
variable: "--font-dm-sans", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "NORW.no – Premium nettsider for norske bedrifter", description: "Vi bygger moderne, tillitsskapende nettsider for norske bedrifter som leverer høy kvalitet. Designet for resultat.", keywords: "nettsidedesign Norge, moderne nettsider, webb design, nettsidelansering, digital markedsføring", metadataBase: new URL("https://norw.no"),
alternates: {
canonical: "https://norw.no"},
openGraph: {
title: "NORW.no – Premium nettsider for norske bedrifter", description: "Vi bygger moderne, tillitsskapende nettsider for norske bedrifter som leverer høy kvalitet. Designet for resultat.", url: "https://norw.no", siteName: "NORW.no", type: "website", images: [
{
url: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407628.jpg", alt: "NORW premium web design"},
],
},
twitter: {
card: "summary_large_image", title: "NORW.no – Premium nettsider for norske bedrifter", description: "Vi bygger moderne, tillitsskapende nettsider for norske bedrifter som leverer høy kvalitet.", images: ["http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407628.jpg"],
},
robots: {
index: true,
follow: true,
},
};
title: "NORW.no - Premium nettsider for norske bedrifter", description: "Vi bygger moderne nettsider for norske bedrifter som vil skape mer tillit, få flere henvendelser og se langt bedre ut på nett."};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${roboto.variable} antialiased`}
>
<Tag />
{children}
<html lang="no">
<body className={`${dmSans.variable} antialiased`}>
{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1420,7 +1386,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

81
src/app/page.tsx
View File

@@ -18,13 +18,13 @@ export default function LandingPage() {
defaultButtonVariant="shift-hover"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="small"
contentWidth="compact"
sizing="medium"
background="blurBottom"
cardStyle="gradient-bordered"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="medium"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
@@ -40,7 +40,7 @@ export default function LandingPage() {
/>
</div>
<div id="hero" data-section="hero">
<div id="hero" data-section="hero" className="py-8 md:py-10">
<HeroBillboardDashboard
tag="Premium nettsider for norske bedrifter"
tagAnimation="slide-up"
@@ -66,16 +66,13 @@ export default function LandingPage() {
stats: [
{
title: "Presisjon", values: [100, 100, 100],
description: "Skandinavisk design med tydelig struktur"
},
description: "Skandinavisk design med tydelig struktur"},
{
title: "Fart", values: [99, 99, 99],
description: "Optimalisert for mobil og hastighet"
},
description: "Optimalisert for mobil og hastighet"},
{
title: "Resultat", values: [98, 98, 98],
description: "Flere henvendelser og mer tillit"
},
description: "Flere henvendelser og mer tillit"},
],
listItems: [
{ icon: CheckCircle, title: "Mobiloptimalisering", status: "Inkludert" },
@@ -86,7 +83,7 @@ export default function LandingPage() {
/>
</div>
<div id="problem" data-section="problem">
<div id="problem" data-section="problem" className="py-7 md:py-9">
<TextAbout
tag="Problemet"
title="Er nettsiden din en svakhet? Mange norske bedrifter leverer høy kvalitet i virkeligheten, men ser svake ut på nett. En utdatert nettside svekker førsteinntrykket, skaper mindre tillit og gjør det vanskeligere for nye kunder å ta kontakt."
@@ -94,20 +91,17 @@ export default function LandingPage() {
/>
</div>
<div id="standards" data-section="standards">
<div id="standards" data-section="standards" className="py-7 md:py-9">
<FeatureCardThree
title="Hva som kjennetegner en Norw-nettside"
description="Tre sentrale prinsipper gjør NORW-nettsider unikt effektive"
features={[
{
id: "01", title: "Presisjon", description: "Skandinavisk design med tydelig struktur og et uttrykk som bygger tillit.", imageSrc: "http://img.b2bpic.net/free-vector/ripped-paper-note-set_53876-100703.jpg?_wi=1", imageAlt: "scandinavian minimalist texture background"
},
id: "01", title: "Presisjon", description: "Skandinavisk design med tydelig struktur og et uttrykk som bygger tillit.", imageSrc: "http://img.b2bpic.net/free-vector/ripped-paper-note-set_53876-100703.jpg?_wi=1", imageAlt: "scandinavian minimalist texture background"},
{
id: "02", title: "Fart", description: "Bygget for høy hastighet og en sømløs opplevelse på mobil.", imageSrc: "http://img.b2bpic.net/free-vector/ripped-paper-note-set_53876-100703.jpg?_wi=2", imageAlt: "scandinavian minimalist texture background"
},
id: "02", title: "Fart", description: "Bygget for høy hastighet og en sømløs opplevelse på mobil.", imageSrc: "http://img.b2bpic.net/free-vector/ripped-paper-note-set_53876-100703.jpg?_wi=2", imageAlt: "scandinavian minimalist texture background"},
{
id: "03", title: "Resultat", description: "Nettsider som gjør det enklere for nye kunder å forstå, stole på og ta kontakt.", imageSrc: "http://img.b2bpic.net/free-vector/ripped-paper-note-set_53876-100703.jpg?_wi=3", imageAlt: "scandinavian minimalist texture background"
},
id: "03", title: "Resultat", description: "Nettsider som gjør det enklere for nye kunder å forstå, stole på og ta kontakt.", imageSrc: "http://img.b2bpic.net/free-vector/ripped-paper-note-set_53876-100703.jpg?_wi=3", imageAlt: "scandinavian minimalist texture background"},
]}
gridVariant="three-columns-all-equal-width"
textboxLayout="default"
@@ -116,16 +110,14 @@ export default function LandingPage() {
/>
</div>
<div id="offer" data-section="offer">
<div id="offer" data-section="offer" className="py-7 md:py-9">
<PricingCardOne
title="Norw-pakken"
description="En komplett nettsideløsning for norske bedrifter som vil oppgradere sitt digitale førsteinntrykk."
plans={[
{
id: "complete", badge: "Fullstendig løsning", badgeIcon: CheckCircle,
price: "Fra 9.999,-", subtitle: "For bedrifter som ønsker en nettside som faktisk representerer kvaliteten de leverer.", features: [
"Fullstendig redesign av din nettside", "Mobiloptimalisering på alle enheter", "Tydelig innholdsstruktur og navigasjon", "SEO-grunnmur for bedre søkresultater", "Kontakt- eller bookingoppsett", "Første utkast innen 24 timer", "Klar for lansering på få dager"
],
id: "complete", price: "Fra 9.999,-", subtitle: "For bedrifter som ønsker en nettside som faktisk representerer kvaliteten de leverer.", badge: "", features: [
"Fullstendig redesign av din nettside", "Mobiloptimalisering på alle enheter", "Tydelig innholdsstruktur og navigasjon", "SEO-grunnmur for bedre søkresultater", "Kontakt- eller bookingoppsett", "Første utkast innen 24 timer", "Klar for lansering på få dager"],
},
]}
textboxLayout="default"
@@ -135,16 +127,14 @@ export default function LandingPage() {
/>
</div>
<div id="care" data-section="care">
<div id="care" data-section="care" className="py-7 md:py-9">
<PricingCardOne
title="Norw Care"
description="For bedrifter som ønsker at nettsiden holdes oppdatert også etter lansering."
plans={[
{
id: "monthly", badge: "Løpende støtte", badgeIcon: Zap,
price: "990 kr/mnd", subtitle: "eller 9.900 kr/år", features: [
"Mindre endringer og tekstoppdateringer", "Løpende teknisk støtte og vedlikehold", "Små forbedringer ved behov", "Prisjustering og optimisering"
],
id: "monthly", price: "990 kr/mnd", subtitle: "eller 9.900 kr/år", badge: "", features: [
"Mindre endringer og tekstoppdateringer", "Løpende teknisk støtte og vedlikehold", "Små forbedringer ved behov", "Prisjustering og optimisering"],
},
]}
textboxLayout="default"
@@ -154,26 +144,21 @@ export default function LandingPage() {
/>
</div>
<div id="forvem" data-section="forvem">
<div id="forvem" data-section="forvem" className="py-7 md:py-9">
<FeatureCardThree
title="Bygget for bedrifter der tillit betyr alt"
description="NORW passer best for virksomheter som lever av profesjonalitet, førsteinntrykk og tillit."
features={[
{
id: "01", title: "Klinikere og behandlere", description: "Fysioterapeuter, psykologer, tannleger og andre helseprofesjoner som trenger tillitsskapende nettsider.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-medical-landing-page_23-2149153794.jpg?_wi=1", imageAlt: "modern clinic website design professional"
},
id: "01", title: "Klinikere og behandlere", description: "Fysioterapeuter, psykologer, tannleger og andre helseprofesjoner som trenger tillitsskapende nettsider.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-medical-landing-page_23-2149153794.jpg?_wi=1", imageAlt: "modern clinic website design professional"},
{
id: "02", title: "Konsulenter og rådgivere", description: "Forretningskonsulenter, revisorer, advokater og fageksperter som bygger på profesjonell reputasjon.", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-man-eyeglasses-looking-aside_74855-4082.jpg?_wi=1", imageAlt: "consulting firm business website"
},
id: "02", title: "Konsulenter og rådgivere", description: "Forretningskonsulenter, revisorer, advokater og fageksperter som bygger på profesjonell reputasjon.", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-man-eyeglasses-looking-aside_74855-4082.jpg?_wi=1", imageAlt: "consulting firm business website"},
{
id: "03", title: "Skjønnhet og velvære", description: "Friseursalonger, massasjepraktikanter, skjønnhetsbehandlere og helse- og velværebedrifter.", imageSrc: "http://img.b2bpic.net/free-psd/korean-skincare-cosmetics-landing-page-template_23-2150025653.jpg?_wi=1", imageAlt: "beauty salon studio website design"
},
id: "03", title: "Skjønnhet og velvære", description: "Friseursalonger, massasjepraktikanter, skjønnhetsbehandlere og helse- og velværebedrifter.", imageSrc: "http://img.b2bpic.net/free-psd/korean-skincare-cosmetics-landing-page-template_23-2150025653.jpg?_wi=1", imageAlt: "beauty salon studio website design"},
{
id: "04", title: "Regnskap og juridisk", description: "Revisorkontor, advokatfirmaer, skattekonsulenter og andre juridiske tjenestebedrifter.", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-man-eyeglasses-looking-aside_74855-4082.jpg?_wi=2", imageAlt: "consulting firm business website"
},
id: "04", title: "Regnskap og juridisk", description: "Revisorkontor, advokatfirmaer, skattekonsulenter og andre juridiske tjenestebedrifter.", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-man-eyeglasses-looking-aside_74855-4082.jpg?_wi=2", imageAlt: "consulting firm business website"},
{
id: "05", title: "Andre lokale kvalitetsbedrifter", description: "Alle norske bedrifter som er bedre enn nettsiden sin og lever av profesjonalitet og tillit.", imageSrc: "http://img.b2bpic.net/free-vector/ripped-paper-note-set_53876-100703.jpg?_wi=4", imageAlt: "scandinavian minimalist texture background"
},
id: "05", title: "Andre lokale kvalitetsbedrifter", description: "Alle norske bedrifter som er bedre enn nettsiden sin og lever av profesjonalitet og tillit.", imageSrc: "http://img.b2bpic.net/free-vector/ripped-paper-note-set_53876-100703.jpg?_wi=4", imageAlt: "scandinavian minimalist texture background"},
]}
gridVariant="bento-grid"
textboxLayout="default"
@@ -182,7 +167,7 @@ export default function LandingPage() {
/>
</div>
<div id="process" data-section="process">
<div id="process" data-section="process" className="py-7 md:py-9">
<MetricCardOne
title="En enkel prosess. Et langt bedre resultat."
description="Fire tydelige steg fra idé til lansering"
@@ -207,20 +192,17 @@ export default function LandingPage() {
/>
</div>
<div id="examples" data-section="examples">
<div id="examples" data-section="examples" className="py-7 md:py-9">
<BlogCardTwo
title="Eksempler på uttrykket vi bygger"
description="Se hvordan vi transformerer utdaterte nettsider til moderne, tillitsskapende digitale representasjoner"
blogs={[
{
id: "clinic", category: "Klinikk", title: "Fysiotherapiklinikk", excerpt: "Fra dårlig første inntrykk til 40% flere bestillinger. Moderne design møter profesjonell klarhet.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-medical-landing-page_23-2149153794.jpg?_wi=2", imageAlt: "modern clinic website design professional", authorName: "NORW", authorAvatar: "http://img.b2bpic.net/free-vector/ripped-paper-note-set_53876-100703.jpg", date: "2025"
},
id: "clinic", category: "Klinikk", title: "Fysiotherapiklinikk", excerpt: "Fra dårlig første inntrykk til 40% flere bestillinger. Moderne design møter profesjonell klarhet.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-medical-landing-page_23-2149153794.jpg?_wi=2", imageAlt: "modern clinic website design professional", authorName: "NORW", authorAvatar: "http://img.b2bpic.net/free-vector/ripped-paper-note-set_53876-100703.jpg", date: "2025"},
{
id: "consulting", category: "Rådgivning", title: "Konsulentbyrå", excerpt: "Premium webb design som reflekterer ekspertise. Tydelig struktur øker tillitsfølelsen og forespørsler.", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-man-eyeglasses-looking-aside_74855-4082.jpg?_wi=3", imageAlt: "consulting firm business website", authorName: "NORW", authorAvatar: "http://img.b2bpic.net/free-vector/ripped-paper-note-set_53876-100703.jpg", date: "2025"
},
id: "consulting", category: "Rådgivning", title: "Konsulentbyrå", excerpt: "Premium webb design som reflekterer ekspertise. Tydelig struktur øker tillitsfølelsen og forespørsler.", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-man-eyeglasses-looking-aside_74855-4082.jpg?_wi=3", imageAlt: "consulting firm business website", authorName: "NORW", authorAvatar: "http://img.b2bpic.net/free-vector/ripped-paper-note-set_53876-100703.jpg", date: "2025"},
{
id: "beauty", category: "Velvære", title: "Skjønnhetsstudio", excerpt: "Fra 2000-tallsdesign til moderne eleganse. Resultat: dobbelt antall bookinger på tre måneder.", imageSrc: "http://img.b2bpic.net/free-psd/korean-skincare-cosmetics-landing-page-template_23-2150025653.jpg?_wi=2", imageAlt: "beauty salon studio website design", authorName: "NORW", authorAvatar: "http://img.b2bpic.net/free-vector/ripped-paper-note-set_53876-100703.jpg", date: "2025"
},
id: "beauty", category: "Velvære", title: "Skjønnhetsstudio", excerpt: "Fra 2000-tallsdesign til moderne eleganse. Resultat: dobbelt antall bookinger på tre måneder.", imageSrc: "http://img.b2bpic.net/free-psd/korean-skincare-cosmetics-landing-page-template_23-2150025653.jpg?_wi=2", imageAlt: "beauty salon studio website design", authorName: "NORW", authorAvatar: "http://img.b2bpic.net/free-vector/ripped-paper-note-set_53876-100703.jpg", date: "2025"},
]}
textboxLayout="default"
animationType="slide-up"
@@ -229,7 +211,7 @@ export default function LandingPage() {
/>
</div>
<div id="finalcta" data-section="finalcta">
<div id="finalcta" data-section="finalcta" className="py-7 md:py-9">
<TextAbout
title="Klar for en nettside som faktisk representerer bedriften din?"
buttons={[{ text: "Book en uforpliktende prat", href: "#contact" }]}
@@ -237,7 +219,7 @@ export default function LandingPage() {
/>
</div>
<div id="contact" data-section="contact">
<div id="contact" data-section="contact" className="py-8 md:py-10">
<ContactCenter
tag="Kontakt"
title="La oss snakke om nettsiden din"
@@ -257,8 +239,7 @@ export default function LandingPage() {
{
items: [
{
label: "Premium nettsider for norske bedrifter", href: "#"
},
label: "Premium nettsider for norske bedrifter", href: "#"},
],
},
{

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-roboto), sans-serif;
font-family: var(--font-dm-sans), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-roboto), sans-serif;
font-family: var(--font-dm-sans), sans-serif;
}