Terapisnutene

Om prosjektet

Terapisnutene er en moderne, responsiv nettside bygget for to terapihundekvipasjer — Thilly & Sissel og Zuri & Kristi Ane. Nettsiden presenterer virksomheten på en varm og profesjonell måte, med fokus på tillit, trygghet og dyrevelferd.

Siden er utviklet med norsk innhold, søkemotoroptimalisering (SEO), og et high-tech design som samtidig formidler varmen og roen som terapihundarbeidet representerer. Den kombinerer en varm jordfargepalett inspirert av hundenes naturlige farger med en beroligende grønn aksent, som gir merkevaren et tillitsfullt og naturlig uttrykk.

Sider

• Forside (/) — Hero med animasjoner, hva er terapihund, fordeler, team, filosofi og en tydelig handlingsknapp.
• Om oss (/om-oss) — Filosofi, team med bilder og historier, og sertifiseringer.
• Tjenester (/tjenester) — Oppdragstyper, fordeler, priser, dyrevelferd og FAQ.
• Kontakt (/kontakt) — E-post, informasjon og FAQ.

Teknologistabel

• Next.js 16.2 — React-rammeverk med App Router og statisk generering for raske, SEO-vennlige sider.
• React 19.2 — UI-biblioteket som driver de interaktive komponentene.
• TypeScript 5 — Type-sikkerhet og bedre utvikleropplevelse i hele kodebasen.
• Tailwind CSS 4 — Utility-first CSS-rammeverk for rask og konsistent styling.
• Framer Motion 12 — Scroll-utløste animasjoner, flytende ikoner og jevne overganger.
• next-themes — Mørk/lys-modus med systemgjenkjenning og lagret preferanse.
• Lucide React 1.27 — Moderne, lettvekts SVG-ikonbibliotek.

Funksjoner

• Mørk/Lys modus — Jevn veksling med lagret brukerpreferanse.
• Glassmorphism-header — Sticky header med backdrop-blur-xl og semi-transparent bakgrunn.
• Animasjoner — Scroll-utløste seksjoner, flytende ikoner og hover-effekter.
• Responsivt design — Mobilmeny med glideeffekt og glassmorphism-styling.
• Lastingsskjerm — Animert global lasting med doble spinnende ringer.
• SEO — OpenGraph, Twitter Cards, JSON-LD strukturerte data for LocalBusiness, canonical URLs og nøkkelord optimalisert for norske terapihundsøk.
• Bildeoptimalisering — Next.js Image med fill, sizes og priority.
• Tilgjengelighet — Semantisk HTML, ARIA-labels og skjermleser-vennlig markering.

Design

Merkevarepaletten bruker en varm jordfargebrun (Brand) inspirert av hundenes naturlige toner, kombinert med en beroligende grønn (Calm).

• Brand: Brand 50 #fdf6ef, Brand 300 #D8A06D, Brand 400 #C67D4B (primær/knapper/lenker), Brand 500 #B86F3D (hover), Brand 600 #8C4F2B.
• Calm: Calm 50 #f1f5f3, Calm 300 #8FA89B (sekundær aksent), Calm 500 #526e60.
• Lys tema: bakgrunn #fefcf9, tekst #2d180d, kort #f5f0eb, kanter #e8dfd6.
• Mørkt tema: bakgrunn #0f0e0d, tekst #f5f0eb, kort #252220, kanter #3a3530.

Utviklet av

Design og utvikling: Natasun Company (www.natasun.com).