<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">
<title>Moozik - Landing Page</title>
<link rel="icon" type="image/png" href="images/favicon.png">
<link rel="shortcut icon" type="image/png" href="images/favicon.png">
<link rel="apple-touch-icon" href="images/logo.png">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<div class="scroll-container">
<!-- Section 1 -->
<section class="section hero jarallax" id="section1" data-jarallax data-speed="0.6" data-parallax-type="scroll">
<div class="jarallax-img hero-bg"></div>
<div class="content">
<div class="hero-container">
<div class="hero-text">
<h1 data-aos="fade-up" data-aos-delay="100" data-aos-duration="2000" data-aos-once="true">Moozik ! <br> L'application qui fait <br>vibrer nos coeurs.</h1>
<div data-aos="fade-up" data-aos-delay="200" data-aos-duration="2000" data-aos-once="true">
<p>Téléchargez Moozik dès aujourd'hui</p>
</div>
<div data-aos="fade-up" data-aos-delay="300" data-aos-duration="1000" data-aos-once="true">
<div class="btn-down-app">
<a href="https://play.google.com/store/apps/details?id=com.moozik.android&hl=fr">
<img src="images/google-play.png" alt="Google Play">
</a>
<a href="https://apps.apple.com/mg/app/moozik-musique-et-karaok%C3%A9/id6503946864?l=fr-FR&platform=iphone">
<img src="images/app-store.png" alt="App Store">
</a>
</div>
</div>
<div class="rect-top">
<svg>
<rect width="320" height="250" class="rect c-lg" x="50" y="-40" rx="50" ry="50" />
</svg>
</div>
<div class="rect-bottom">
<svg>
<rect width="320" height="250" class="rect c-lg" x="-50" y="10" rx="50" ry="50" />
</svg>
</div>
</div>
<div class="hero-image">
<div class="hero-img-bg">
<img src="images/nanie.png" alt="App Store">
<div class="circle-wrap">
<svg>
<circle class="circle c-lg" cx="1190" cy="715" r="600" stroke="#fff" stroke-width="4" fill-opacity="0" />
<circle class="circle c-xs" cx="420" cy="370" r="300" stroke="#fff" stroke-width="2" fill-opacity="0"/>
</svg>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section 2 -->
<section class="section about jarallax" id="section2" data-jarallax data-speed="0.7" data-parallax-type="scroll">
<div class="jarallax-img about-bg"></div>
<div class="content">
<div class="about-container">
<!-- Bloc texte -->
<div class="about-text">
<h2 class="parallax-element" data-speed="0.2">L'application qu'il vous faut.</h2>
<p class="subtitle">Moozik vous apporte le meilleur de la musique malgache, même en mode offline.</p>
<div class="text">
<p>Moozik, c'est bien plus qu'une simple application de streaming: c'est la bande-son de Madagascar. Celle des fêtes animées, des refrains inoubliables, des souvenirs partagés en famille ou entre amis. </p>
<p> Avec le plus grand catalogue de musique malgache jamais réuni — plus de 50 000 titres ! — Moozik fait rayonner la richesse musicale de l’île. Et pour ceux qui aiment aussi les grands noms de la scène internationale, le catalogue Universal Music est là pour compléter l’expérience.</p>
<p>Derrière Moozik, une équipe 100% Malgache passionnée par la culture et le rythme, déterminée à faire vibrer aussi bien les auditeurs à Antananarivo qu’à Paris ou New York.</p>
<p> Nos valeurs ? Joie, partage, identité.</p>
<p>Notre mission ? Faire chanter et danser tout le monde, partout, tout le temps.</p>
<p>Explorez, écoutez, vibrez — Moozik est votre compagnon fidèle, ici comme ailleurs.</p>
</div>
</div>
<!-- Bloc image -->
<div class="about-image">
<div class="wrap-about-img">
<img src="images/4.png" alt="Moozik - Expérience musicale" data-aos="zoom-in-up" data-aos-duration="1000" />
</div>
<div class="rect rect-1"></div>
<div class="rect rect-2"></div>
<div class="rect rect-3"></div>
<div class="rect rect-4"></div>
<div class="rect rect-5"></div>
<div class="rect rect-6"></div>
</div>
</div>
</div>
</section>
<!-- Section 3 -->
<section class="section features jarallax" id="section3" data-jarallax data-speed="1" data-parallax-type="scroll">
<div class="jarallax-img"></div>
<div class="features-bg">
<img src="images/moozik-11_edited.jpg" alt="Moozik - Expérience musicale" />
</div>
<div class="features-descriptions scroll-reveal" id="featuresDescriptions"
data-initial-progress="0.1"
data-max-progress="0.55"
data-trigger-threshold="0.65"
data-animation-direction="translateX"
data-fixed-opacity="1">
<div class="description-content scroll-reveal-content">
<div class="description-content-text">
<div>
<h2>Fonctionnalités clés.</h2>
<p class="subtitle">Moozik, ce n’est pas seulement le plus grand catalogue de musique malgache : c’est une application de qualité internationale, conçue avec soin pour offrir une expérience fluide, intuitive et ultra complète. Aussi performante — sinon plus — que les géants du streaming, Moozik met la technologie au service de la musique et de vos moments. Où que vous soyez, Moozik vous suit, vous comprend, et vous fait vibrer. C’est la plateforme qui vous connaît, qui vous ressemble, et qui vous connecte à l’essentiel : la musique, sans limites.</p>
<div class="desc-item-container">
<div class="description-item">
<div class="description-item-number">1</div>
<div>
<h4>Recommandations IA</h4>
<p>Des suggestions personnalisées selon vos goûts, vos humeurs et vos habitudes d’écoute.</p>
</div>
</div>
<div class="description-item">
<div class="description-item-number">2</div>
<div>
<h4>Connexion via réseaux sociaux</h4>
<p>Accédez à Moozik en un clic et partagez vos coups de cœur instantanément.</p>
</div>
</div>
<div class="description-item">
<div class="description-item-number">3</div>
<div>
<h4>Playlists</h4>
<p>Créez vos ambiances ou laissez-vous porter par nos sélections sur-mesure.</p>
</div>
</div>
<div class="description-item">
<div class="description-item-number">4</div>
<div>
<h4>Paroles & Karaoké</h4>
<p>Chantez à tue-tête, seul·e ou entre amis. Les paroles défilent en temps réel, avec ou sans vocal !</p>
</div>
</div>
<div class="description-item">
<div class="description-item-number">5</div>
<div>
<h4>Téléchargement</h4>
<p>Choisissez entre écoute standard ou haute définition, selon vos préférences ou votre forfait.</p>
</div>
</div>
<div class="description-item">
<div class="description-item-number">6</div>
<div>
<h4>Recommandations IA</h4>
<p>Téléchargez vos titres préférés, puis écoutez-les partout sans connexion</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section 4 -->
<section class="section stats jarallax animate-border-on-scroll" id="section4"
data-jarallax data-speed="2" data-parallax-type="scroll">
<div class="jarallax-img stats-bg"></div>
<div class="stats-content">
<div class="container">
<h3 class="title-stat" data-aos="zoom-in" data-aos-duration="200">
Moozik, le lien musical entre tous les Malgaches et <br> ceux qui aiment Madagascar</h3>
<div class="stats-grid" data-aos="fade-up" data-aos-duration="1000">
<div class="stats-card">
<div class="stats-number">200 000</div>
<div class="stats-label">Utilisateurs dans le monde</div>
<div class="rect-top rect-anim">
<svg>
<rect class="rect" x="-50" y="-50" rx="80" ry="80" />
</svg>
</div>
<div class="rect-center rect-anim">
<svg>
<rect class="rect" x="10" y="10" rx="80" ry="80" />
</svg>
</div>
<div class="rect-bottom rect-anim">
<svg>
<rect class="rect" x="10" y="10" rx="40" ry="40" />
</svg>
</div>
</div>
<div class="stats-card">
<div class="stats-number">139</div>
<div class="stats-label">Pays sur 5 continents accueillent <br> les utilisateurs</div>
<div class="rect-top-1 rect-anim">
<svg>
<rect class="rect" x="0" y="0" rx="50" ry="50" />
</svg>
</div>
<div class="rect-bottom rect-anim">
<svg>
<rect class="rect" x="-80" y="10" rx="40" ry="40" />
</svg>
</div>
</div>
<div class="stats-card">
<div class="stats-number">22</div>
<div class="stats-label">Genres musicaux malgaches</div>
<div class="rect-center-1 rect-anim">
<svg>
<rect class="rect" x="10" y="10" rx="60" ry="60" />
</svg>
</div>
<div class="rect-bottom rect-anim">
<svg>
<rect class="rect" x="-40" y="10" rx="40" ry="40" />
</svg>
</div>
</div>
<div class="stats-card">
<div class="stats-number">4.5</div>
<div class="stats-label">Sur 5 sur les stores</div>
<div class="rect-top-2 rect-anim">
<svg>
<rect class="rect" x="0" y="0" rx="50" ry="50" />
</svg>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section 5 -->
<section class="section jarallax" id="section5" data-jarallax data-speed="0.5" data-parallax-type="scroll">
<div class="jarallax-img"></div>
<div class="content">
<div class="testimonials">
<div class="container">
<div class="testimonials-img-bg">
<img src="images/moozik-bg.png" alt="Moozik - Expérience musicale" />
</div>
<h2 class="parallax-element" data-speed="0.2">Ils ont dit !</h2>
<div class="testimonials-content">
<div class="testimonial-card parallax-element" data-speed="0.1">
<div class="testimonial-content">
<svg class="quote-icon" width="36" height="36" fill="#000000" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<path d="m21.95 8.721-.025-.168-.026.006A4.5 4.5 0 1 0 17.5 14c.223 0 .437-.034.65-.065-.069.232-.14.468-.254.68-.114.308-.292.575-.469.844-.148.291-.409.488-.601.737-.201.242-.475.403-.692.604-.213.21-.492.315-.714.463-.232.133-.434.28-.65.35l-.539.222-.474.197.484 1.939.597-.144c.191-.048.424-.104.689-.171.271-.05.56-.187.882-.312.317-.143.686-.238 1.028-.467.344-.218.741-.4 1.091-.692.339-.301.748-.562 1.05-.944.33-.358.656-.734.909-1.162.293-.408.492-.856.702-1.299.19-.443.343-.896.468-1.336.237-.882.343-1.72.384-2.437.034-.718.014-1.315-.028-1.747a7.028 7.028 0 0 0-.063-.539zm-11 0-.025-.168-.026.006A4.5 4.5 0 1 0 6.5 14c.223 0 .437-.034.65-.065-.069.232-.14.468-.254.68-.114.308-.292.575-.469.844-.148.291-.409.488-.601.737-.201.242-.475.403-.692.604-.213.21-.492.315-.714.463-.232.133-.434.28-.65.35l-.539.222c-.301.123-.473.195-.473.195l.484 1.939.597-.144c.191-.048.424-.104.689-.171.271-.05.56-.187.882-.312.317-.143.686-.238 1.028-.467.344-.218.741-.4 1.091-.692.339-.301.748-.562 1.05-.944.33-.358.656-.734.909-1.162.293-.408.492-.856.702-1.299.19-.443.343-.896.468-1.336.237-.882.343-1.72.384-2.437.034-.718.014-1.315-.028-1.747a7.571 7.571 0 0 0-.064-.537z"></path>
</g>
</svg>
<p>le meilleur app que j'ai installé sur mon tel. Même spotify ne lui arrive pas à la cheville. une interface à couper le souffle, des fonctionnalité aux max...</p>
<div class="testimonial-author">
<div class="author-info">
<h4>Ash Rakotondramanitra</h4>
</div>
</div>
</div>
</div>
<div class="testimonial-card parallax-element" data-speed="0.15">
<div class="testimonial-content">
<svg class="quote-icon" width="36" height="36" fill="#000000" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<path d="m21.95 8.721-.025-.168-.026.006A4.5 4.5 0 1 0 17.5 14c.223 0 .437-.034.65-.065-.069.232-.14.468-.254.68-.114.308-.292.575-.469.844-.148.291-.409.488-.601.737-.201.242-.475.403-.692.604-.213.21-.492.315-.714.463-.232.133-.434.28-.65.35l-.539.222-.474.197.484 1.939.597-.144c.191-.048.424-.104.689-.171.271-.05.56-.187.882-.312.317-.143.686-.238 1.028-.467.344-.218.741-.4 1.091-.692.339-.301.748-.562 1.05-.944.33-.358.656-.734.909-1.162.293-.408.492-.856.702-1.299.19-.443.343-.896.468-1.336.237-.882.343-1.72.384-2.437.034-.718.014-1.315-.028-1.747a7.028 7.028 0 0 0-.063-.539zm-11 0-.025-.168-.026.006A4.5 4.5 0 1 0 6.5 14c.223 0 .437-.034.65-.065-.069.232-.14.468-.254.68-.114.308-.292.575-.469.844-.148.291-.409.488-.601.737-.201.242-.475.403-.692.604-.213.21-.492.315-.714.463-.232.133-.434.28-.65.35l-.539.222c-.301.123-.473.195-.473.195l.484 1.939.597-.144c.191-.048.424-.104.689-.171.271-.05.56-.187.882-.312.317-.143.686-.238 1.028-.467.344-.218.741-.4 1.091-.692.339-.301.748-.562 1.05-.944.33-.358.656-.734.909-1.162.293-.408.492-.856.702-1.299.19-.443.343-.896.468-1.336.237-.882.343-1.72.384-2.437.034-.718.014-1.315-.028-1.747a7.571 7.571 0 0 0-.064-.537z"></path>
</g>
</svg>
<p>Moozik offre une expérience unique pour explorer la richesse de la musique malgache, avec des fonctionnalités intéressantes comme le karaoké et des playlists personnalisées...</p>
<div class="testimonial-author">
<div class="author-info">
<h4>Mani</h4>
</div>
</div>
</div>
</div>
<div class="testimonial-card parallax-element" data-speed="0.1">
<div class="testimonial-content">
<svg class="quote-icon" width="36" height="36" fill="#000000" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<path d="m21.95 8.721-.025-.168-.026.006A4.5 4.5 0 1 0 17.5 14c.223 0 .437-.034.65-.065-.069.232-.14.468-.254.68-.114.308-.292.575-.469.844-.148.291-.409.488-.601.737-.201.242-.475.403-.692.604-.213.21-.492.315-.714.463-.232.133-.434.28-.65.35l-.539.222-.474.197.484 1.939.597-.144c.191-.048.424-.104.689-.171.271-.05.56-.187.882-.312.317-.143.686-.238 1.028-.467.344-.218.741-.4 1.091-.692.339-.301.748-.562 1.05-.944.33-.358.656-.734.909-1.162.293-.408.492-.856.702-1.299.19-.443.343-.896.468-1.336.237-.882.343-1.72.384-2.437.034-.718.014-1.315-.028-1.747a7.028 7.028 0 0 0-.063-.539zm-11 0-.025-.168-.026.006A4.5 4.5 0 1 0 6.5 14c.223 0 .437-.034.65-.065-.069.232-.14.468-.254.68-.114.308-.292.575-.469.844-.148.291-.409.488-.601.737-.201.242-.475.403-.692.604-.213.21-.492.315-.714.463-.232.133-.434.28-.65.35l-.539.222c-.301.123-.473.195-.473.195l.484 1.939.597-.144c.191-.048.424-.104.689-.171.271-.05.56-.187.882-.312.317-.143.686-.238 1.028-.467.344-.218.741-.4 1.091-.692.339-.301.748-.562 1.05-.944.33-.358.656-.734.909-1.162.293-.408.492-.856.702-1.299.19-.443.343-.896.468-1.336.237-.882.343-1.72.384-2.437.034-.718.014-1.315-.028-1.747a7.571 7.571 0 0 0-.064-.537z"></path>
</g>
</svg>
<p>L'initiative de mettre en place l'appli est super et je salue les efforts des développeurs.</p>
<div class="testimonial-author">
<div class="author-info">
<h4>261🌸🌸</h4>
</div>
</div>
</div>
</div>
<div class="testimonial-card parallax-element" data-speed="0.12">
<div class="testimonial-content">
<svg class="quote-icon" width="36" height="36" fill="#000000" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<path d="m21.95 8.721-.025-.168-.026.006A4.5 4.5 0 1 0 17.5 14c.223 0 .437-.034.65-.065-.069.232-.14.468-.254.68-.114.308-.292.575-.469.844-.148.291-.409.488-.601.737-.201.242-.475.403-.692.604-.213.21-.492.315-.714.463-.232.133-.434.28-.65.35l-.539.222-.474.197.484 1.939.597-.144c.191-.048.424-.104.689-.171.271-.05.56-.187.882-.312.317-.143.686-.238 1.028-.467.344-.218.741-.4 1.091-.692.339-.301.748-.562 1.05-.944.33-.358.656-.734.909-1.162.293-.408.492-.856.702-1.299.19-.443.343-.896.468-1.336.237-.882.343-1.72.384-2.437.034-.718.014-1.315-.028-1.747a7.028 7.028 0 0 0-.063-.539zm-11 0-.025-.168-.026.006A4.5 4.5 0 1 0 6.5 14c.223 0 .437-.034.65-.065-.069.232-.14.468-.254.68-.114.308-.292.575-.469.844-.148.291-.409.488-.601.737-.201.242-.475.403-.692.604-.213.21-.492.315-.714.463-.232.133-.434.28-.65.35l-.539.222c-.301.123-.473.195-.473.195l.484 1.939.597-.144c.191-.048.424-.104.689-.171.271-.05.56-.187.882-.312.317-.143.686-.238 1.028-.467.344-.218.741-.4 1.091-.692.339-.301.748-.562 1.05-.944.33-.358.656-.734.909-1.162.293-.408.492-.856.702-1.299.19-.443.343-.896.468-1.336.237-.882.343-1.72.384-2.437.034-.718.014-1.315-.028-1.747a7.571 7.571 0 0 0-.064-.537z"></path>
</g>
</svg>
<p>Milay ! Très bonne concept ! L'utilisation est assez simple, le design au top, vraiment un grand bravo à l'équipe 🔥👏</p>
<div class="testimonial-author">
<div class="author-info">
<h4>Di Nah</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="down-app">
<div class="container">
<div class="down-app-content">
<div class="down-app-right">
<h2>Où que vous soyez, <br> Quoi que vous <br> fassiez</h2>
<p class="subtitle">Écoutez Moozik. Téléchargez maintenant.</p>
<div data-aos="fade-up" data-aos-delay="300" data-aos-duration="2000" data-aos-once="true">
<div class="btn-down-app">
<a href="https://play.google.com/store/apps/details?id=com.moozik.android&hl=fr" target="_blank">
<img src="images/google-play.png" alt="Google Play">
</a>
<a href="https://apps.apple.com/mg/app/moozik-musique-et-karaok%C3%A9/id6503946864?l=fr-FR&platform=iphone" target="_blank">
<img src="images/app-store.png" alt="App Store">
</a>
</div>
</div>
</div>
<div class="down-app-img">
<div class="app-img">
<div class="wrap-app-img-1">
<img src="images/1.png" alt="" data-aos="fade-up" data-aos-duration="1000" data-aos-once="true">
</div>
<div class="wrap-app-img-2">
<img src="images/2.png" alt="" data-aos="fade-down" data-aos-duration="1000" data-aos-once="true">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="container">
<div class="footer-top">
<div class="footer-top-left">
<a href="#" class="footer-logo"><img src="images/logo_white.png" alt="Moozik" /></a>
</div>
<div class="footer-top-right">
<div class="link-group">
<p>En face Mr Bricolage Ankorondrano <br> Antananarivo 101 </p>
<p>+261 38 56 900 00 <br>
<a href="/cdn-cgi/l/email-protection#b6d5d9d8c2d7d5c2f6dbd9d9ccdfdd98dfd9"><span class="__cf_email__" data-cfemail="2f4c40415b4e4c5b6f424040554644014640">[email protected]</span></a>
</p>
</div>
<div class="link-group">
<ul>
<li><a href="#section1">Accueil</a></li>
<li><a href="#section3">Features</a></li>
<li><a href="https://payment-std.moozik.io/subscriptions">Forfaits</a></li>
<li><a href="https://payment-std.moozik.io/subscriptions">Paiement</a></li>
<li><a href="#section5">Avis</a></li>
<li><a href="#section1">Télécharger</a></li>
</ul>
</div>
<div class="link-group">
<ul>
<li><a href="cgv.html">CGV</a></li>
<li><a href="confidentialite.html">Confidentialité</a></li>
<li><a href="cookies.html">Cookies</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="footer-bg" style="background-image: url('images/moozik-6.jpg');">
<div class="footer-bottom-content">
<div class="social-links">
<a href="https://www.facebook.com/moozikapp" target="_blank" aria-label="Facebook">
<svg width="42px" height="42px" viewbox="-1.6 -1.6 19.20 19.20" xmlns="http://www.w3.org/2000/svg" fill="none"><g id="SVGRepo_bgCarrier" stroke-width="0" transform="translate(2.16,2.16), scale(0.73)"><rect x="-1.6" y="-1.6" width="19.20" height="19.20" rx="9.6" fill="#fff" strokewidth="0"></rect></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path fill="#000000" d="M15 8a7 7 0 00-7-7 7 7 0 00-1.094 13.915v-4.892H5.13V8h1.777V6.458c0-1.754 1.045-2.724 2.644-2.724.766 0 1.567.137 1.567.137v1.723h-.883c-.87 0-1.14.54-1.14 1.093V8h1.941l-.31 2.023H9.094v4.892A7.001 7.001 0 0015 8z"></path></g></svg>
</a>
<a href="https://www.instagram.com/moozikmada" target="_blank" aria-label="Instagram">
<svg width="16" height="16" viewbox="0 0 24 24" fill="#ffffff" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/>
</svg>
</a>
<a href="https://www.tiktok.com/@moozik.io" target="_blank" aria-label="TikTok">
<svg width="16" height="16" viewbox="0 0 24 24" fill="#ffffff" xmlns="http://www.w3.org/2000/svg">
<path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/>
</svg>
</a>
</div>
<div class="copyright">
<p>© 2025 by Moozik.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- Navigation -->
<nav class="navbar" data-hide-on-scroll="true" data-change-background-on-scroll="true">
<div class="nav-brand"><img src="images/logo.png" alt="Moozik" /></div>
<!-- Menu burger pour mobile -->
<button class="mobile-menu-toggle" id="mobileMenuToggle">
<span></span>
<span></span>
<span></span>
</button>
<ul class="nav-links" id="navLinks">
<li><a href="index.html">Accueil</a></li>
<li><a href="index.html#section3">Features</a></li>
<li><a href="https://payment-std.moozik.io/subscriptions">Forfaits</a></li>
<li><a href="https://payment-std.moozik.io/voucher-form">Voucher</a></li>
<li><a href="index.html#section5">Avis</a></li>
<li><a href="cgv.html">CGV</a></li>
<li><a href="confidentialite.html">Confidentialité</a></li>
<li><a href="cookies.html">Cookies</a></li>
<li class="mobile-login-item" style="visibility: hidden;">
<a href="pre-login.html" class="mobile-login-btn animated-button">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" class="login-icon">
<g data-name="60.User">
<path d="M12 12a4 4 0 1 1 4-4 4 4 0 0 1-4 4zm0-6a2 2 0 1 0 2 2 2 2 0 0 0-2-2zM18.9 21.166l-1.972-.332a5 5 0 1 0-9.862 0l-1.966.332a7 7 0 1 1 13.806 0z"/>
<path d="M12 24a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-22a10 10 0 1 0 10 10A10.011 10.011 0 0 0 12 2z"/>
</g>
</svg>
<span>Se connecter</span>
</a>
</li>
</ul>
<a href="pre-login.html" class="login-btn animated-button" style="visibility: hidden;">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" class="login-icon">
<g data-name="60.User">
<path d="M12 12a4 4 0 1 1 4-4 4 4 0 0 1-4 4zm0-6a2 2 0 1 0 2 2 2 2 0 0 0-2-2zM18.9 21.166l-1.972-.332a5 5 0 1 0-9.862 0l-1.966.332a7 7 0 1 1 13.806 0z"/>
<path d="M12 24a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-22a10 10 0 1 0 10 10A10.011 10.011 0 0 0 12 2z"/>
</g>
</svg>
<span>Se connecter</span>
</a>
</nav>
<!-- Chatbot Widget -->
<div id="chatbot-widget" class="chatbot-widget" style="display: none;">
<!-- Chatbot Toggle Button -->
<div id="chatbot-toggle" class="chatbot-toggle">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" class="chatbot-icon">
<path d="M20 2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h4l4 4 4-4h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" class="close-icon" style="display: none;">
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
</svg>
</div>
<!-- Chatbot Window -->
<div id="chatbot-window" class="chatbot-window">
<!-- Header -->
<div class="chatbot-header">
<div class="chatbot-avatar">
<img src="images/logo.png" alt="Moozik Bot" />
</div>
<div class="chatbot-info">
<h4>Assistant Moozik</h4>
<span class="status-indicator">En ligne</span>
</div>
</div>
<!-- Messages Container -->
<div id="chatbot-messages" class="chatbot-messages">
<div class="message bot-message">
<div class="message-avatar">
<img src="images/logo.png" alt="Bot" />
</div>
<div class="message-content">
<p>Bonjour ! <br> Je suis l'assistant Moozik. Comment puis-je vous aider aujourd'hui ?</p>
<div class="quick-actions">
<button class="quick-action" data-message="Informations sur l'application">📱 L'app Moozik</button>
<button class="quick-action" data-message="Comment télécharger Moozik">⬇️ Télécharger</button>
<button class="quick-action" data-message="Contacter le support">💬 Support</button>
</div>
</div>
</div>
</div>
<!-- Input Area -->
<div class="chatbot-input-area">
<div class="input-container">
<input type="text" id="chatbot-input" placeholder="Tapez votre message..." />
<button id="chatbot-send" class="send-button">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor">
<path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/>
</svg>
</button>
</div>
</div>
</div>
</div>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="js/jarallax.min.js"></script>
<script src="js/script.js"></script>
<script src="js/line-animation.js"></script>
<script src="js/rect-animation.js"></script>
<script src="js/chatbot.js"></script>
<script src="js/aos.js"></script>
<script>
// Initialize AOS
AOS.init({
disable: function() {
var maxWidth = 800;
return window.innerWidth < maxWidth;
}
});
</script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9feeef598afcd124',t:'MTc3OTMxNzc4OQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"63edbe447944454f9233e19a07b17cb1","server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>
