Terapisnutene

À propos du projet

Terapisnutene est un site web moderne et réactif construit pour deux équipes de chiens de thérapie — Thilly & Sissel et Zuri & Kristi Ane. Le site présente l'entreprise de manière chaleureuse et professionnelle, en mettant l'accent sur la confiance, la sécurité et le bien-être animal.

Le site est développé avec un contenu en norvégien, une optimisation pour les moteurs de recherche (SEO) et un design high-tech qui transmet également la chaleur et le calme que représente le travail des chiens de thérapie. Il combine une palette de couleurs terreuses inspirée des couleurs naturelles des chiens avec un accent vert apaisant, donnant à la marque un aspect fiable et naturel.

Pages

• Accueil (/) — Section héro avec animations, qu'est-ce qu'un chien de thérapie, avantages, équipe, philosophie et appel à l'action clair.
• À propos (/om-oss) — Philosophie, équipe avec photos et histoires, et certifications.
• Services (/tjenester) — Types de missions, avantages, tarifs, bien-être animal et FAQ.
• Contact (/kontakt) — E-mail, informations et FAQ.

Pile technologique

• Next.js 16.2 — Framework React utilisant le routeur d'application avec génération statique pour des pages rapides et optimisées pour le référencement.
• React 19.2 — La bibliothèque d'interface utilisateur qui alimente les composants interactifs.
• TypeScript 5 — Sécurité des types et meilleure expérience de développement dans tout le code.
• Tailwind CSS 4 — Framework CSS utilitaire pour un style rapide et cohérent.
• Framer Motion 12 — Animations déclenchées au défilement, icônes flottantes et transitions fluides.
• next-themes — Mode sombre/clair avec détection du système et préférence enregistrée.
• Lucide React 1.27 — Jeu d'icônes SVG moderne et léger.

Fonctionnalités

• Mode sombre/clair — Commutation fluide avec préférence utilisateur enregistrée.
• En-tête en verre dépoli — En-tête fixe avec backdrop-blur-xl et fond semi-transparent.
• Animations — Sections déclenchées au défilement, icônes flottantes et effets de survol.
• Design réactif — Menu mobile avec effet de glissement et style verre dépoli.
• Écran de chargement — Chargement global animé avec deux anneaux qui tournent.
• SEO — OpenGraph, Twitter Cards, données structurées JSON-LD pour LocalBusiness, URLs canoniques et mots-clés optimisés pour les recherches norvégiennes de chiens de thérapie.
• Optimisation des images — Composant Image de Next.js avec fill, sizes et priority.
• Accessibilité — HTML sémantique, étiquettes ARIA et balisage compatible avec les lecteurs d'écran.

Design

La palette de la marque utilise un brun terreux chaud (Brand) inspiré des tons naturels des chiens, combiné à un vert apaisant (Calm).

• Brand : Brand 50 #fdf6ef, Brand 300 #D8A06D, Brand 400 #C67D4B (primaire/boutons/liens), Brand 500 #B86F3D (survol), Brand 600 #8C4F2B.
• Calm : Calm 50 #f1f5f3, Calm 300 #8FA89B (accent secondaire), Calm 500 #526e60.
• Thème clair : fond #fefcf9, texte #2d180d, cartes #f5f0eb, bordures #e8dfd6.
• Thème sombre : fond #0f0e0d, texte #f5f0eb, cartes #252220, bordures #3a3530.

Développé par

Design et développement : Natasun Company (www.natasun.com).