📸 Zed Photography - Portfolio Professionnel

Un portfolio photographique professionnel moderne créé avec Nue.js, présentant le travail d'Alexandre Martin (Zed Photography), photographe spécialisé dans les portraits, mariages, événements et paysages.

🌟 Aperçu

• 🎯 Portfolio complet avec galeries organisées par catégories

• 📱 Design responsive optimisé pour tous les appareils

• ⚡ Performance élevée grâce à Nue.js et au CSS pur

• 🎨 Design élégant adapté au domaine photographique

• 📞 Page contact avec formulaire intégré

• 💼 Services détaillés avec tarifs transparents

🚀 Démo

🔗 Voir le site en ligne

Captures d'écran

Page d'accueil avec galerie mise en avant

Galerie complète organisée par catégories

Histoire et philosophie du photographe

🛠️ Technologies

• Framework : Nue.js v1.0.0-RC.4

• Styling : CSS Vanilla avec Custom Properties

• Runtime : Bun (développement) / Node.js (production)

• Déploiement : Netlify

• Images : Placeholder service (Lorem Picsum)

📁 Structure du Projet

zed/
├── @global/                    # Composants globaux
│   ├── layout.html            # Layout principal (header/footer)
│   └── styles.css             # Styles CSS principaux
├── @library/                   # Composants réutilisables
│   └── gallery.html           # Composants de galerie
├── images/                     # Images du portfolio
├── *.md                       # Pages du site (index, apropos, etc.)
├── site.yaml                  # Configuration Nue.js
└── README.md                  # Cette documentation

🚦 Installation et Démarrage

Prérequis

• Bun >= 1.2.20 OU Node.js >= 18

• Nue.js installé globalement

Installation

# Cloner le repository
git clone https://github.com/votre-username/zed-photography.git
cd zed-photography

# Installer Nue.js globalement (si pas déjà fait)
npm install -g nue

# Ou avec Bun
bun install -g nue

Développement

# Lancer le serveur de développement
nue

# Le site sera accessible sur http://localhost:8080

Build pour Production

# Build optimisé
nue build -p

# Les fichiers seront dans le dossier .build/

🎨 Personnalisation

1. Informations du Photographe

Modifiez les informations dans site.yaml :

title: "Votre Nom Photography"
description: "Votre description"
author: "Votre Nom"

social:
  instagram: "https://instagram.com/votre-compte"
  facebook: "https://facebook.com/votre-compte"
  linkedin: "https://linkedin.com/in/votre-compte"

2. Remplacer les Images

Les images actuelles sont des placeholders. Pour les remplacer :

1. Images locales : Ajoutez vos photos dans le dossier images/

2. URLs externes : Modifiez les URLs dans les fichiers .md

Voir IMAGES-SETUP.md pour plus de détails.

3. Couleurs et Thème

Modifiez les CSS Custom Properties dans @global/styles.css :

:root {
  --primary-color: #1a1a1a;      /* Votre couleur principale */
  --accent-color: #c9a96e;       /* Votre couleur d'accent */
  /* ... autres couleurs */
}

4. Services et Tarifs

Modifiez les services dans services.md et index.md pour refléter vos offres réelles.

📊 Contenu Inclus

Pages

• ✅ Accueil - Présentation et galerie mise en avant

• ✅ À Propos - Histoire, philosophie, spécialités

• ✅ Portfolio - Galerie complète par catégories

• ✅ Services - Prestations détaillées avec tarifs

• ✅ Contact - Formulaire et informations

Sections

• 🖼️ Galeries : Portraits, Mariages, Nature, Événements

• 💼 Services : 4 prestations principales + services complémentaires

• 📞 Contact : Formulaire, horaires, FAQ

• 👤 À Propos : Parcours, philosophie, équipement

🌐 Déploiement

Netlify (Recommandé)

1. Fork ce repository

2. Connecter votre repository à Netlify

3. Configuration build :

4. Déployer !

Vercel

# Installer Vercel CLI
npm i -g vercel

# Déployer
vercel --prod

GitHub Pages

# Build
nue build -p

# Pusher le contenu de .build/ vers la branch gh-pages

📈 Fonctionnalités

✅ Implémenté

• Design responsive complet

• Galeries photos avec lazy loading

• Navigation fluide entre pages

• Formulaire de contact

• Optimisations SEO

• Performance optimisée

• Accessibilité (alt tags, structure sémantique)

🚧 Améliorations Possibles

• [ ] Lightbox pour les images

• [ ] Filtre en temps réel sur le portfolio

• [ ] Intégration CMS (Headless)

• [ ] Blog photographique

• [ ] Boutique en ligne pour tirages

• [ ] Réservation en ligne

🤝 Contribution

Les contributions sont les bienvenues ! Pour contribuer :

1. Fork le projet

2. Créez votre branche (git checkout -b feature/amazing-feature)

3. Commit vos changements (git commit -m 'Add amazing feature')

4. Push vers la branche (git push origin feature/amazing-feature)

5. Ouvrez une Pull Request

📝 License

Ce projet est sous licence MIT. Voir le fichier LICENSE pour plus de détails.

🙏 Remerciements

• Nue.js - Framework web moderne

• Lorem Picsum - Images placeholder

• Communauté open source - Inspiration et ressources

📞 Support

• 📧 Email : support@zedphotography.com

• 🐛 Issues : GitHub Issues

• 📚 Documentation : Nue.js Docs

Fait avec ❤️ et Nue.js

⭐ Star ce projet • 🐛 Signaler un bug • 💬 Discussions