# de-boissieu.fr — Description du site pour LLM ## Présentation générale **de-boissieu.fr** est un site vitrine personnel présentant Marie et Thibault de Boissieu, un couple aux activités complémentaires : photographie et couture côté Marie, développement informatique côté Thibault. Le site est réalisé en Angular 17+ (standalone components) et s'appuie sur le thème CDN `resources.de-boissieu.fr` (web components `theme-*`). --- ## Pages ### `/` — Accueil - Section hero animée (cercles flottants aux couleurs du thème, mode sombre supporté). - Présentation du couple avec une carte par profil (photo, titre, icônes réseaux sociaux, lien vers la page profil). - Call-to-action vers la page Contact. ### `/marie` — Profil Marie **Marie de Boissieu** — Photographe de mariage & famille Activité principale : - Photographe basée à Ancenis. - Spécialités : mariages, grossesses, naissances, portraits de famille. - Site dédié : https://www.mdbphotographie.fr - Instagram : https://www.instagram.com/mdb.photographie/ Activité secondaire : - Couturière diplômée — robes de mariée, robes d'exception, vêtements enfants sur mesure. - Site dédié : https://mariedeboissieu.fr - Instagram : https://www.instagram.com/mariedeboissieucreation Contact Marie : via les formulaires sur mdbphotographie.fr et mariedeboissieu.fr ### `/thibault` — Profil Thibault **Thibault de Boissieu** — Développeur full-stack, Lead Dev Thibault est ingénieur full-stack en **CDI chez Capgemini**. Il n'est pas disponible pour des prestations externes. Compétences : - Front-end : Angular, Node.js - Back-end : Java, Spring Boot - DevOps : CI/CD, Docker, Kubernetes - Formation : Ingénieur ETI — CPE Lyon Ce site est lui-même une démonstration de ses pratiques : - Développé avec **GitHub Copilot** (IA générative) - Pipeline **GitLab CI** : build, tests, déploiement automatique - Hébergé sur un **serveur statique** via FTP Liens : - LinkedIn : https://www.linkedin.com/in/thibault-de-boissieu - GitHub : https://github.com/tibidibtibo - GitLab : https://gitlab.com/tibidibtibo Contact Thibault : thibault@de-boissieu.fr ### `/contact` — Contact Page structurée en trois sections distinctes : **Section Marie de Boissieu** — 2 cartes côte à côte : 1. **Photographie** — mariages, grossesses, naissances, familles - Zone : Pays-de-la-Loire / Bretagne (basée à Ancenis-Saint-Géréon, 44) - Réserver une séance : https://www.fotostudio.io/c/m-d-b-photographie/reserversaseance - Programmer une visio : https://www.fotostudio.io/client/catalogs/z2iF46vKoR5Ptqgpk8CRvhkm - Formulaire : https://mdbphotographie.fr/contact 2. **Couture sur mesure** — robes de mariée, vêtements sur mesure, enfants - Zone : Ancenis-Saint-Géréon (44) - Formulaire : https://mariedeboissieu.fr/contact **Section Thibault de Boissieu** : - Ingénieur full-stack en CDI chez Capgemini — **non disponible pour des prestations externes**. - Lien vers son profil uniquement. **Contact général** — toute autre question - Email : contact@de-boissieu.fr --- ## Stack technique - **Framework** : Angular 17+ standalone, TypeScript - **Build** : Angular CLI (`npx ng build`), Vite - **Styles** : SCSS + Tailwind CSS + thème CDN `resources.de-boissieu.fr/theme.css` - **Web components** : `theme-header`, `theme-footer`, `theme-hero`, `theme-card`, `theme-stack`, `theme-grid`, `theme-group`, `theme-container`, `theme-button`, `theme-image`, `theme-fontawesome`, `theme-title`, `theme-empty`, `theme-modal`, `theme-notifications` - **Icônes** : Font Awesome 6 (via `theme-fontawesome`) - **Navigation SPA** : événement `theme-header:navigate` + `RouterLink` Angular - **Dark mode** : via `[data-theme="dark"]` sur le `` + `@media (prefers-color-scheme: dark)` - **Déploiement** : GitLab CI → FTP sur serveur statique (pipeline `release`) - **Tests** : Karma (unit), Cypress (e2e) --- ## Données de contenu Les profils (nom, titre, icônes sociales, blocs de présentation) sont définis dans `src/environments/environment.prod.ts` et chargés par `DataService`. --- ## URLs de contact rapide | Sujet | Contact | |-----------------------------|--------------------------------------------------------------------------------------| | Réserver séance photo Marie | https://www.fotostudio.io/c/m-d-b-photographie/reserversaseance | | Visio photo Marie | https://www.fotostudio.io/client/catalogs/z2iF46vKoR5Ptqgpk8CRvhkm | | Formulaire photo Marie | https://mdbphotographie.fr/contact | | Formulaire couture Marie | https://mariedeboissieu.fr/contact | | Formulaire photo Marie | https://mdbphotographie.fr/contact | | Formulaire couture Marie | https://mariedeboissieu.fr/contact | | Email général | contact@de-boissieu.fr | | Site photo Marie | https://www.mdbphotographie.fr | | Site couture Marie | https://mariedeboissieu.fr | | LinkedIn Thibault | https://www.linkedin.com/in/thibault-de-boissieu | | GitHub Thibault | https://github.com/tibidibtibo | | GitLab Thibault | https://gitlab.com/tibidibtibo |