<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="MonUniversDouceur : Ressources et outils pour accompagner les enfants avec sérénité et bienveillance. Guides gratuits, ebooks pratiques et routines apaisantes.">
<meta name="keywords" content="parentalité bienveillante, éducation positive, routine enfant, bien-être parental, émotions enfants, guide sommeil, communication enfant">
<meta name="author" content="Tabita — MonUniversDouceur">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://monuniversdouceur.com/">
<meta property="og:title" content="MonUniversDouceur — Parentalité Bienveillante">
<meta property="og:description" content="Accompagnez vos enfants avec sérénité. Guides gratuits, ebooks pratiques et outils pour une parentalité plus douce.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://monuniversdouceur.com/">
<meta property="og:locale" content="fr_FR">
<meta property="og:image" content="https://monuniversdouceur.com/og-image.jpg">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "MonUniversDouceur",
"url": "https://monuniversdouceur.com",
"description": "Ressources et outils pour accompagner les enfants avec sérénité et bienveillance.",
"author": {
"@type": "Person",
"name": "Tabita",
"url": "https://monuniversdouceur.com"
}
}
</script>
<title>MonUniversDouceur | Parentalité Bienveillante & Ressources Gratuites</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: #333;
background-color: #fafaf8;
}
/* LANGUAGE SWITCHER */
.lang-switcher {
position: fixed; top: 20px; right: 20px; z-index: 1000;
display: flex; gap: 10px; background: white;
padding: 10px 15px; border-radius: 50px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.lang-btn {
background: none; border: 2px solid #d4a574; color: #5a4a42;
padding: 8px 15px; border-radius: 50px; cursor: pointer;
font-weight: 600; transition: all 0.3s;
}
.lang-btn.active { background: #d4a574; color: white; }
.lang-btn:hover { transform: translateY(-2px); }
/* NAVIGATION */
nav {
background: linear-gradient(135deg, #f5e6d3 0%, #e8d5c4 100%);
padding: 1rem 2rem; position: sticky; top: 0; z-index: 100;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
nav ul {
list-style: none; display: flex; gap: 2rem; max-width: 1200px;
margin: 0 auto; align-items: center; flex-wrap: wrap;
}
nav a {
text-decoration: none; color: #5a4a42; font-weight: 500;
transition: color 0.3s; cursor: pointer;
}
nav a:hover { color: #8b6f47; }
/* HERO */
.hero {
background: linear-gradient(135deg, #f9f5f0 0%, #f0e6d8 100%);
padding: 80px 2rem; text-align: center;
border-bottom: 3px solid #d4a574;
}
.hero-content { max-width: 800px; margin: 0 auto; }
h1 { font-size: 3.5rem; color: #5a4a42; margin-bottom: 1rem; font-weight: 700; }
.subtitle { font-size: 1.5rem; color: #8b6f47; margin-bottom: 1.5rem; font-weight: 500; }
.hero-text { font-size: 1.1rem; color: #666; margin-bottom: 1.5rem; line-height: 1.8; }
.cta-button {
display: inline-block;
background: linear-gradient(135deg, #d4a574 0%, #c89968 100%);
color: white; padding: 15px 40px; border-radius: 50px;
text-decoration: none; font-weight: 600; font-size: 1.1rem;
transition: all 0.3s; box-shadow: 0 4px 15px rgba(212,165,116,0.3);
border: none; cursor: pointer;
}
.cta-button:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(212,165,116,0.4); }
/* FEATURES */
.features { padding: 80px 2rem; background: white; max-width: 1200px; margin: 0 auto; }
.section-title { font-size: 2.5rem; color: #5a4a42; text-align: center; margin-bottom: 1rem; font-weight: 700; }
.section-subtitle { text-align: center; color: #666; margin-bottom: 3rem; font-size: 1.1rem; max-width: 700px; margin-left: auto; margin-right: auto; }
.features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; }
.feature-card {
background: linear-gradient(135deg, #f9f5f0 0%, #f0e6d8 100%);
padding: 2rem; border-radius: 15px; border-left: 5px solid #d4a574;
transition: all 0.3s; cursor: pointer;
}
.feature-card:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,0.1); }
.feature-icon { font-size: 3rem; margin-bottom: 1rem; }
.feature-card h3 { color: #5a4a42; margin-bottom: 1rem; font-size: 1.5rem; }
.feature-card ul { list-style: none; color: #666; }
.feature-card li { padding: 0.5rem 0; }
.feature-card li:before { content: "✓ "; color: #d4a574; font-weight: bold; margin-right: 10px; }
/* SHOP SECTION */
.shop { padding: 80px 2rem; background: #f9f9f9; max-width: 1200px; margin: 0 auto; }
.products-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; }
.product-card {
background: white; border-radius: 15px; overflow: hidden;
box-shadow: 0 4px 15px rgba(0,0,0,0.1); transition: all 0.3s;
cursor: pointer;
}
.product-card:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,0.15); }
.product-image {
background: linear-gradient(135deg, #d4a574 0%, #c89968 100%);
height: 200px; display: flex; align-items: center; justify-content: center;
font-size: 4rem; color: white;
}
.product-content { padding: 1.5rem; }
.product-badge {
display: inline-block; background: #d4a574; color: white;
padding: 5px 12px; border-radius: 20px; font-size: 0.8rem;
font-weight: bold; margin-bottom: 1rem;
}
.product-title { font-size: 1.3rem; color: #5a4a42; margin-bottom: 0.5rem; font-weight: 600; }
.product-description { color: #666; font-size: 0.95rem; margin-bottom: 1rem; line-height: 1.6; }
.product-features { list-style: none; color: #666; font-size: 0.9rem; margin-bottom: 1rem; }
.product-features li { padding: 0.3rem 0; }
.product-features li:before { content: "✓ "; color: #d4a574; font-weight: bold; margin-right: 8px; }
.product-footer {
display: flex; justify-content: space-between; align-items: center;
padding-top: 1rem; border-top: 1px solid #eee;
}
.product-price { font-size: 1.8rem; font-weight: bold; color: #d4a574; }
.btn-buy {
background: #d4a574; color: white; border: none;
padding: 10px 20px; border-radius: 50px; cursor: pointer;
font-weight: 600; transition: all 0.3s; text-decoration: none;
display: inline-block;
}
.btn-buy:hover { background: #c89968; transform: scale(1.05); }
/* NEWSLETTER */
.newsletter {
background: linear-gradient(135deg, #d4a574 0%, #c89968 100%);
color: white; padding: 60px 2rem; text-align: center;
max-width: 1200px; margin: 80px auto;
border-radius: 15px;
}
.newsletter h2 { font-size: 2rem; margin-bottom: 1rem; }
.newsletter p { font-size: 1.1rem; margin-bottom: 2rem; max-width: 600px; margin-left: auto; margin-right: auto; }
.newsletter-form { display: flex; gap: 1rem; max-width: 500px; margin: 0 auto; flex-wrap: wrap; justify-content: center; }
.newsletter-form input {
flex: 1; min-width: 200px; padding: 12px 20px;
border: none; border-radius: 50px; font-size: 1rem;
}
.newsletter-form button {
background: white; color: #d4a574; border: none;
padding: 12px 30px; border-radius: 50px; font-weight: 600;
cursor: pointer; transition: all 0.3s;
}
.newsletter-form button:hover { transform: scale(1.05); }
/* FAQ */
.faq { padding: 80px 2rem; background: white; max-width: 1200px; margin: 0 auto; }
.faq-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; }
.faq-item {
background: #f9f9f9; padding: 2rem; border-radius: 10px;
border-left: 4px solid #d4a574;
}
.faq-question {
font-weight: 600; color: #5a4a42; cursor: pointer;
display: flex; justify-content: space-between; align-items: center;
}
.faq-answer { color: #666; margin-top: 1rem; display: none; line-height: 1.8; }
.faq-answer.active { display: block; }
/* FOOTER */
footer {
background: #5a4a42; color: white; padding: 3rem 2rem;
text-align: center;
}
footer a { color: #d4a574; text-decoration: none; }
footer a:hover { text-decoration: underline; }
/* RESPONSIVE */
@media (max-width: 768px) {
h1 { font-size: 2rem; }
.section-title { font-size: 1.8rem; }
nav ul { gap: 1rem; }
.features-grid, .products-grid, .faq-grid { grid-template-columns: 1fr; }
.newsletter-form { flex-direction: column; }
}
/* HIDDEN CONTENT */
.hidden { display: none; }
</style>
</head>
<body>
<!-- LANGUAGE SWITCHER -->
<div class="lang-switcher">
<button class="lang-btn active" onclick="switchLanguage('fr')">🇫🇷 FR</button>
<button class="lang-btn" onclick="switchLanguage('en')">🇬🇧 EN</button>
</div>
<!-- NAVIGATION -->
<nav>
<ul>
<li><a onclick="scrollTo('hero')" class="nav-home">🏠 Accueil</a></li>
<li><a onclick="scrollTo('features')" class="nav-features">📚 Ressources</a></li>
<li><a onclick="scrollTo('shop')" class="nav-shop">🛍️ Boutique</a></li>
<li><a onclick="scrollTo('faq')" class="nav-faq">❓ FAQ</a></li>
<li><a href="contact.html" class="nav-contact">📧 Contact</a></li>
</ul>
</nav>
<!-- HERO SECTION -->
<section class="hero" id="hero">
<div class="hero-content">
<h1 class="hero-title">🌸 MonUniversDouceur</h1>
<p class="subtitle">Ressources et outils pour accompagner les enfants avec sérénité et bienveillance.</p>
<p class="hero-text">Un espace doux et pratique pour aider les parents à mieux comprendre leurs enfants, apaiser le quotidien et construire des routines simples et efficaces.</p>
<a href="#shop" class="cta-button btn-download">👉 Découvrir nos ressources</a>
</div>
</section>
<!-- FEATURES SECTION -->
<section class="features" id="features">
<h2 class="section-title">Un univers pensé pour simplifier ton quotidien</h2>
<p class="section-subtitle">MonUniversDouceur t'accompagne avec des outils concrets, des conseils pratiques et des ressources simples.</p>
<div class="features-grid">
<!-- FEATURE 1 -->
<div class="feature-card" onclick="navigateToCategory('understand')">
<div class="feature-icon">🧸</div>
<h3>Comprendre les enfants</h3>
<ul>
<li>Décoder les émotions</li>
<li>Analyser les comportements</li>
<li>Soutenir le développement</li>
</ul>
</div>
<!-- FEATURE 2 -->
<div class="feature-card" onclick="navigateToCategory('routines')">
<div class="feature-icon">🌙</div>
<h3>Routines apaisantes</h3>
<ul>
<li>Guide complet du sommeil</li>
<li>Routine matin & soir</li>
<li>Organisation familiale</li>
</ul>
</div>
<!-- FEATURE 3 -->
<div class="feature-card" onclick="navigateToCategory('wellbeing')">
<div class="feature-icon">💚</div>
<h3>Bien-être parental</h3>
<ul>
<li>Gérer la fatigue mentale</li>
<li>Gérer la charge émotionnelle</li>
<li>Trouver l'équilibre</li>
</ul>
</div>
</div>
</section>
<!-- SHOP SECTION -->
<section class="shop" id="shop">
<h2 class="section-title">🛍️ Boutique - Nos Ressources</h2>
<p class="section-subtitle">Découvrez nos ebooks, guides et outils pratiques pour une parentalité plus sereine.</p>
<div class="products-grid" id="products-container">
<!-- PRODUCTS WILL BE INSERTED HERE BY JAVASCRIPT -->
</div>
</section>
<!-- NEWSLETTER SECTION -->
<section class="newsletter" id="newsletter">
<h2>📧 Recevez nos conseils gratuitement</h2>
<p>Abonnez-vous à notre newsletter pour recevoir des ressources exclusives et des conseils pratiques.</p>
<form class="newsletter-form" onsubmit="handleNewsletter(event)">
<input type="email" placeholder="Votre email..." required>
<button type="submit">S'inscrire</button>
</form>
</section>
<!-- FAQ SECTION -->
<section class="faq" id="faq">
<h2 class="section-title">❓ Questions Fréquentes</h2>
<div class="faq-grid" id="faq-container">
<!-- FAQ ITEMS WILL BE INSERTED HERE -->
</div>
</section>
<!-- FOOTER -->
<footer>
<p>© 2026 MonUniversDouceur. Tous droits réservés.</p>
<p>
<a href="legal.html">Mentions Légales</a> |
<a href="privacy.html">Politique de Confidentialité</a> |
<a href="terms.html">Conditions d'Utilisation</a>
</p>
</footer>
<script>
// ===== TRANSLATIONS =====
const translations = {
fr: {
nav_home: "🏠 Accueil",
nav_features: "📚 Ressources",
nav_shop: "🛍️ Boutique",
nav_faq: "❓ FAQ",
nav_contact: "📧 Contact",
hero_title: "🌸 MonUniversDouceur",
hero_subtitle: "Ressources et outils pour accompagner les enfants avec sérénité et bienveillance.",
hero_text: "Un espace doux et pratique pour aider les parents à mieux comprendre leurs enfants, apaiser le quotidien et construire des routines simples et efficaces.",
btn_download: "👉 Découvrir nos ressources",
features_title: "Un univers pensé pour simplifier ton quotidien",
features_subtitle: "MonUniversDouceur t'accompagne avec des outils concrets, des conseils pratiques et des ressources simples.",
shop_title: "🛍️ Boutique - Nos Ressources",
shop_subtitle: "Découvrez nos ebooks, guides et outils pratiques pour une parentalité plus sereine.",
newsletter_title: "📧 Recevez nos conseils gratuitement",
newsletter_text: "Abonnez-vous à notre newsletter pour recevoir des ressources exclusives et des conseils pratiques.",
newsletter_placeholder: "Votre email...",
newsletter_btn: "S'inscrire",
faq_title: "❓ Questions Fréquentes",
},
en: {
nav_home: "🏠 Home",
nav_features: "📚 Resources",
nav_shop: "🛍️ Shop",
nav_faq: "❓ FAQ",
nav_contact: "📧 Contact",
hero_title: "🌸 MonUniversDouceur",
hero_subtitle: "Resources and tools to support children with serenity and kindness.",
hero_text: "A gentle and practical space to help parents better understand their children, ease daily life and build simple and effective routines.",
btn_download: "👉 Discover our resources",
features_title: "A universe designed to simplify your daily life",
features_subtitle: "MonUniversDouceur supports you with concrete tools, practical advice and simple resources.",
shop_title: "🛍️ Shop - Our Resources",
shop_subtitle: "Discover our ebooks, guides and practical tools for more serene parenting.",
newsletter_title: "📧 Receive our advice for free",
newsletter_text: "Subscribe to our newsletter to receive exclusive resources and practical tips.",
newsletter_placeholder: "Your email...",
newsletter_btn: "Subscribe",
faq_title: "❓ Frequently Asked Questions",
}
};
// ===== PRODUCTS DATA =====
const products = {
fr: [
{
category: "understand",
title: "Décoder les Émotions",
description: "Comprenez les émotions de votre enfant et répondez avec compassion.",
badge: "BEST-SELLER",
price: "12€",
features: ["45 pages illustrées", "5 émotions expliquées", "Cas pratiques", "Outils visuels"],
icon: "📖",
link: "https://gumroad.com/monuniversdouceur-ebooks/l/decoder-emotions"
},
{
category: "understand",
title: "Analyser les Comportements",
description: "Décryptez les comportements difficiles et implémentez des stratégies efficaces.",
badge: "POPULAIRE",
price: "14€",
features: ["50 pages complètes", "10 comportements", "Stratégies", "Checklist"],
icon: "🎯",
link: "https://gumroad.com/monuniversdouceur-ebooks/l/analyser-comportements"
},
{
category: "understand",
title: "Soutenir le Développement",
description: "Guide complet du développement de l'enfant de 0 à 7 ans.",
badge: "NOUVEAU",
price: "15€",
features: ["60 pages détaillées", "Développement par âge", "Activités", "Jalons"],
icon: "🌱",
link: "https://gumroad.com/monuniversdouceur-ebooks/l/soutenir-developpement"
},
{
category: "routines",
title: "Guide Complet du Sommeil",
description: "Créez une routine du soir efficace et résolvez les problèmes de sommeil.",
badge: "BEST-SELLER",
price: "9€",
features: ["48 pages illustrées", "Routines par âge", "Solutions", "Outils visuels"],
icon: "😴",
link: "https://gumroad.com/monuniversdouceur-ebooks/l/guide-sommeil"
},
{
category: "routines",
title: "Routine Matin & Soir",
description: "Transformez les moments critiques en rituels apaisants.",
badge: "POPULAIRE",
price: "11€",
features: ["42 pages complètes", "Routine matin", "Routine soir", "Checklist"],
icon: "🌅",
link: "https://gumroad.com/monuniversdouceur-ebooks/l/routine-matin-soir"
},
{
category: "routines",
title: "Organisation Familiale",
description: "Système d'organisation pour simplifier la gestion quotidienne.",
badge: "NOUVEAU",
price: "12€",
features: ["55 pages détaillées", "Systèmes", "Tableaux", "Planificateurs"],
icon: "📋",
link: "https://gumroad.com/monuniversdouceur-ebooks/l/organisation-familiale"
},
{
category: "wellbeing",
title: "Gérer la Fatigue Mentale",
description: "Comprenez l'épuisement parental et implémentez des stratégies durables.",
badge: "BEST-SELLER",
price: "12€",
features: ["46 pages illustrées", "Signes d'épuisement", "Stratégies", "Outils"],
icon: "⚡",
link: "https://gumroad.com/monuniversdouceur-ebooks/l/gerer-fatigue-mentale"
},
{
category: "wellbeing",
title: "Gérer la Charge Émotionnelle",
description: "Naviguez les émotions complexes de la parentalité.",
badge: "POPULAIRE",
price: "13€",
features: ["52 pages complètes", "Émotions analysées", "Techniques", "Exercices"],
icon: "🧠",
link: "https://gumroad.com/monuniversdouceur-ebooks/l/gerer-charge-emotionnelle"
},
{
category: "wellbeing",
title: "Trouver l'Équilibre",
description: "Créez un équilibre durable entre vie professionnelle, familiale et personnelle.",
badge: "NOUVEAU",
price: "14€",
features: ["58 pages détaillées", "Diagnostic", "Plan d'action", "Stratégies"],
icon: "⚖️",
link: "https://gumroad.com/monuniversdouceur-ebooks/l/trouver-equilibre"
}
],
en: [
{
category: "understand",
title: "Decode Emotions",
description: "Understand your child's emotions and respond with compassion.",
badge: "BEST-SELLER",
price: "$12",
features: ["45 illustrated pages", "5 emotions explained", "Practical cases", "Visual tools"],
icon: "📖",
link: "https://gumroad.com/monuniversdouceur-ebooks/l/decode-emotions-en"
},
{
category: "understand",
title: "Analyze Behaviors",
description: "Decipher difficult behaviors and implement effective strategies.",
badge: "POPULAR",
price: "$14",
features: ["50 complete pages", "10 behaviors", "Strategies", "Checklist"],
icon: "🎯",
link: "https://gumroad.com/monuniversdouceur-ebooks/l/analyze-behaviors-en"
},
{
category: "understand",
title: "Support Development",
description: "Complete guide to child development from 0 to 7 years.",
badge: "NEW",
price: "$15",
features: ["60 detailed pages", "Development by age", "Activities", "Milestones"],
icon: "🌱",
link: "https://gumroad.com/monuniversdouceur-ebooks/l/support-development-en"
},
{
category: "routines",
title: "Complete Sleep Guide",
description: "Create an effective evening routine and solve sleep problems.",
badge: "BEST-SELLER",
price: "$9",
features: ["48 illustrated pages", "Routines by age", "Solutions", "Visual tools"],
icon: "😴",
link: "https://gumroad.com/monuniversdouceur-ebooks/l/sleep-guide-en"
},
{
category: "routines",
title: "Morning & Evening Routine",
description: "Transform critical moments into peaceful rituals.",
badge: "POPULAR",
price: "$11",
features: ["42 complete pages", "Morning routine", "Evening routine", "Checklist"],
icon: "🌅",
link: "https://gumroad.com/monuniversdouceur-ebooks/l/morning-evening-routine-en"
},
{
category: "routines",
title: "Family Organization",
description: "Organization system to simplify daily management.",
badge: "NEW",
price: "$12",
features: ["55 detailed pages", "Systems", "Charts", "Planners"],
icon: "📋",
link: "https://gumroad.com/monuniversdouceur-ebooks/l/family-organization-en"
},
{
category: "wellbeing",
title: "Managing Mental Fatigue",
description: "Understand parental burnout and implement sustainable strategies.",
badge: "BEST-SELLER",
price: "$12",
features: ["46 illustrated pages", "Burnout signs", "Strategies", "Tools"],
icon: "⚡",
link: "https://gumroad.com/monuniversdouceur-ebooks/l/manage-mental-fatigue-en"
},
{
category: "wellbeing",
title: "Managing Emotional Load",
description: "Navigate the complex emotions of parenthood.",
badge: "POPULAR",
price: "$13",
features: ["52 complete pages", "Emotions analyzed", "Techniques", "Exercises"],
icon: "🧠",
link: "https://gumroad.com/monuniversdouceur-ebooks/l/manage-emotional-load-en"
},
{
category: "wellbeing",
title: "Finding Balance",
description: "Create sustainable balance between work, family and personal life.",
badge: "NEW",
price: "$14",
features: ["58 detailed pages", "Diagnosis", "Action plan", "Strategies"],
icon: "⚖️",
link: "https://gumroad.com/monuniversdouceur-ebooks/l/finding-balance-en"
}
]
};
// ===== FAQ DATA =====
const faqData = {
fr: [
{ q: "Sous quel format sont les ebooks?", a: "Tous nos ebooks sont en format PDF, téléchargeables immédiatement après l'achat." },
{ q: "Y a-t-il une garantie de satisfaction?", a: "Oui! Vous avez 30 jours pour demander un remboursement complet si vous n'êtes pas satisfait." },
{ q: "Puis-je imprimer les ebooks?", a: "Oui, vous pouvez imprimer n'importe quelles pages pour usage personnel." },
{ q: "Comment accéder à mes achats?", a: "Vous recevrez un email avec le lien de téléchargement immédiatement après votre achat." },
{ q: "Les ressources sont-elles mises à jour?", a: "Oui, nous mettons à jour régulièrement nos ressources avec les dernières recherches." },
{ q: "Y a-t-il un support client?", a: "Oui, contactez-nous à contact@monuniversdouceur.com pour toute question." }
],
en: [
{ q: "What format are the ebooks in?", a: "All our ebooks are in PDF format, downloadable immediately after purchase." },
{ q: "Is there a satisfaction guarantee?", a: "Yes! You have 30 days to request a full refund if you're not satisfied." },
{ q: "Can I print the ebooks?", a: "Yes, you can print any pages for personal use." },
{ q: "How do I access my purchases?", a: "You'll receive an email with the download link immediately after your purchase." },
{ q: "Are the resources updated?", a: "Yes, we regularly update our resources with the latest research." },
{ q: "Is there customer support?", a: "Yes, contact us at contact@monuniversdouceur.com for any questions." }
]
};
let currentLanguage = 'fr';
// ===== SWITCH LANGUAGE =====
function switchLanguage(lang) {
currentLanguage = lang;
document.documentElement.lang = lang;
// Update buttons
document.querySelectorAll('.lang-btn').forEach(btn => btn.classList.remove('active'));
event.target.classList.add('active');
// Update content
updateContent();
renderProducts();
renderFAQ();
}
// ===== UPDATE CONTENT =====
function updateContent() {
const t = translations[currentLanguage];
document.querySelector('.nav-home').textContent = t.nav_home;
document.querySelector('.nav-features').textContent = t.nav_features;
document.querySelector('.nav-shop').textContent = t.nav_shop;
document.querySelector('.nav-faq').textContent = t.nav_faq;
document.querySelector('.nav-contact').textContent = t.nav_contact;
document.querySelector('.hero-title').textContent = t.hero_title;
document.querySelector('.subtitle').textContent = t.hero_subtitle;
document.querySelector('.hero-text').textContent = t.hero_text;
document.querySelector('.btn-download').textContent = t.btn_download;
document.querySelectorAll('.section-title')[0].textContent = t.features_title;
document.querySelectorAll('.section-subtitle')[0].textContent = t.features_subtitle;
document.querySelectorAll('.section-title')[1].textContent = t.shop_title;
document.querySelectorAll('.section-subtitle')[1].textContent = t.shop_subtitle;
document.querySelector('#newsletter h2').textContent = t.newsletter_title;
document.querySelector('#newsletter p').textContent = t.newsletter_text;
document.querySelector('.newsletter-form input').placeholder = t.newsletter_placeholder;
document.querySelector('.newsletter-form button').textContent = t.newsletter_btn;
document.querySelectorAll('.section-title')[2].textContent = t.faq_title;
}
// ===== RENDER PRODUCTS =====
function renderProducts() {
const container = document.getElementById('products-container');
container.innerHTML = '';
products[currentLanguage].forEach(product => {
const productHTML = `
<div class="product-card">
<div class="product-image">${product.icon}</div>
<div class="product-content">
<span class="product-badge">${product.badge}</span>
<h3 class="product-title">${product.title}</h3>
<p class="product-description">${product.description}</p>
<ul class="product-features">
${product.features.map(f => `<li>${f}</li>`).join('')}
</ul>
<div class="product-footer">
<span class="product-price">${product.price}</span>
<a href="${product.link}" target="_blank" class="btn-buy">Acheter</a>
</div>
</div>
</div>
`;
container.innerHTML += productHTML;
});
}
// ===== RENDER FAQ =====
function renderFAQ() {
const container = document.getElementById('faq-container');
container.innerHTML = '';
faqData[currentLanguage].forEach((item, index) => {
const faqHTML = `
<div class="faq-item">
<div class="faq-question" onclick="toggleFAQ(${index})">
${item.q}
<span>▼</span>
</div>
<div class="faq-answer" id="faq-${index}">
${item.a}
</div>
</div>
`;
container.innerHTML += faqHTML;
});
}
// ===== TOGGLE FAQ =====
function toggleFAQ(index) {
const answer = document.getElementById(`faq-${index}`);
answer.classList.toggle('active');
}
// ===== SCROLL TO SECTION =====
function scrollTo(sectionId) {
const section = document.getElementById(sectionId);
section.scrollIntoView({ behavior: 'smooth' });
}
// ===== NAVIGATE TO CATEGORY =====
function navigateToCategory(category) {
scrollTo('shop');
}
// ===== HANDLE NEWSLETTER =====
function handleNewsletter(event) {
event.preventDefault();
alert(currentLanguage === 'fr' ? 'Merci de votre inscription!' : 'Thank you for subscribing!');
event.target.reset();
}
// ===== INITIALIZE =====
document.addEventListener('DOMContentLoaded', function() {
renderProducts();
renderFAQ();
});
</script>
</body>
</html>