Build a modern, dark-themed digital agency website in French for an Algerian agency called Yesir Design. The agency specializes in helping Algerian eCommerce sellers scale with Shopify stores, Facebook/Instagram ads, and COD optimization.
Pages/Sections needed (single page scroll):
1. Hero — Bold headline: ‘On transforme vos ventes en ligne en machine à commandes.’ Subheadline: ‘Sites Shopify, Publicités Facebook & Stratégie COD pour les vendeurs algériens.’ CTA button: ‘Audit Gratuit sur WhatsApp’ linking to wa.me/+213794120959
2. Problems section — 3 pain points: losing customers who hesitate on DM, manual order management, no tracking or retargeting
3. Services — 3 cards: Site Web COD-Optimisé / Gestion Pub Facebook & Instagram / Boutique Shopify Complète. Each with price starting from and a short description.
4. How it works — 3 steps: Audit Gratuit → On construit → Vous vendez plus
5. Results/Social proof — placeholder for case studies and client testimonials
6. Guarantee section — ‘5 demandes qualifiées en 30 jours ou on travaille gratuitement jusqu’à ce que vous les ayez.’
7. CTA footer — WhatsApp button + Instagram link
Design: Dark background (#0a0a0a), gold accent (#e8c547), clean sans-serif font, mobile-first, fast loading. Professional but bold. No stock photos — use geometric shapes and mockup placeholders instead.
Now I have a design direction emphasizing dark backgrounds with bold typography and minimal visual elements. Let me read the current layout and globals to understand the existing structure:
Now I'll create the Yesir Design website. I'll start by updating the layout with proper French locale, metadata, and then create the main page with all sections. Let me update the files:
Now let me update the globals.css with the dark theme and gold accent colors:
Now I'll create the main page with all sections. Let me create a comprehensive, single-page website:
I've created a complete, professional dark-themed website for Yesir Design. Let me verify the setup is correct:
I've successfully built a modern, professional Yesir Design website. Here's what I created:
✅ 7 Complete Sections (single-page scroll):
✅ Design Implementation:
#0a0a0a background#e8c547) used strategically throughout✅ Key Features:
The site is ready to launch and will perform exceptionally on mobile devices. All CTAs guide visitors to WhatsApp for consultations while maintaining professional brand presence.