<div class="inner-page-content">
<p class="page-intro">Découvrez quelques-unes de nos réalisations. Chaque projet est unique et conçu pour répondre aux besoins spécifiques de nos clients.</p>

<div class="portfolio-grid">

<div class="portfolio-item">
<div class="portfolio-image">
<img src="<?php echo get_template_directory_uri(); ?>/images/portfolio1.webp" alt="Site vitrine entreprise">
</div>
<div class="portfolio-info">
<h3>Site Vitrine Entreprise</h3>
<p class="portfolio-category">Site vitrine</p>
<p>Site professionnel pour une entreprise de services, avec présentation de l'activité, des services et formulaire de contact.</p>
<ul class="portfolio-features">
<li>Design moderne et épuré</li>
<li>Responsive design</li>
<li>Optimisation SEO</li>
<li>Formulaire de contact</li>
</ul>
</div>
</div>

<div class="portfolio-item">
<div class="portfolio-image">
<img src="<?php echo get_template_directory_uri(); ?>/images/portfolio2.webp" alt="Boutique en ligne">
</div>
<div class="portfolio-info">
<h3>Boutique en Ligne</h3>
<p class="portfolio-category">E-commerce</p>
<p>Solution e-commerce complète avec gestion des produits, panier et paiement sécurisé par carte bancaire.</p>
<ul class="portfolio-features">
<li>Catalogue produits</li>
<li>Paiement sécurisé</li>
<li>Gestion des stocks</li>
<li>Espace client</li>
</ul>
</div>
</div>

<div class="portfolio-item">
<div class="portfolio-image" style="background: linear-gradient(135deg, var(--cyber-purple) 0%, var(--cyber-dark) 100%); display: flex; align-items: center; justify-content: center; min-height: 200px;">
<span style="font-size: 4rem;">🏠</span>
</div>
<div class="portfolio-info">
<h3>Site Immobilier</h3>
<p class="portfolio-category">Site vitrine + Annonces</p>
<p>Plateforme immobilière avec système d'annonces, recherche avancée et formulaire de prise de contact.</p>
<ul class="portfolio-features">
<li>Gestion des annonces</li>
<li>Recherche par critères</li>
<li>Galerie photos</li>
<li>Contact direct</li>
</ul>
</div>
</div>

<div class="portfolio-item">
<div class="portfolio-image" style="background: linear-gradient(135deg, var(--cyber-cyan) 0%, var(--cyber-purple) 100%); display: flex; align-items: center; justify-content: center; min-height: 200px;">
<span style="font-size: 4rem;">🍽️</span>
</div>
<div class="portfolio-info">
<h3>Site Restaurant</h3>
<p class="portfolio-category">Site vitrine</p>
<p>Site élégant pour un restaurant, avec menu interactif, galerie photos et système de réservation en ligne.</p>
<ul class="portfolio-features">
<li>Menu interactif</li>
<li>Réservation en ligne</li>
<li>Galerie photos</li>
<li>Plan d'accès</li>
</ul>
</div>
</div>

</div>

<div class="portfolio-cta" style="text-align: center; margin-top: 3rem; padding: 2rem; background: rgba(107,70,193,0.1); border-radius: 15px;">
<h2>Votre projet vous ressemble</h2>
<p>Chaque site que nous créons est unique. Discutons ensemble de votre projet pour créer le site qui correspond parfaitement à vos besoins.</p>
<a href="/contact/" class="cta-button">Parlons de votre projet</a>
</div>
</div>