{"id":983,"date":"2026-03-04T17:52:09","date_gmt":"2026-03-04T16:52:09","guid":{"rendered":"https:\/\/lupnicing.com\/?page_id=983"},"modified":"2026-04-12T23:03:50","modified_gmt":"2026-04-12T21:03:50","slug":"blogging","status":"publish","type":"page","link":"https:\/\/lupnicing.com\/?page_id=983","title":{"rendered":"Portafolio"},"content":{"rendered":"\n
import { motion } from \"framer-motion\";\nimport { FileText, CheckCircle, Shield, Music, Users, CreditCard, Globe, Zap } from \"lucide-react\";\n\nconst sections = [\n  {\n    icon: Music,\n    title: \"Objectif de la Plateforme\",\n    content: \"Polo Master est une plateforme musicale premium permettant aux artistes adultes de publier, distribuer et mon\u00e9tiser leur musique. Les utilisateurs b\u00e9n\u00e9ficient d'un syst\u00e8me de reproduction automatique apr\u00e8s souscription \u00e0 un abonnement premium.\"\n  },\n  {\n    icon: Users,\n    title: \"Public Cible\",\n    content: \"Artistes musiciens adultes (18+), producteurs, labels ind\u00e9pendants et amateurs de musique souhaitant d\u00e9couvrir de nouveaux talents \u00e0 travers une plateforme s\u00e9curis\u00e9e et professionnelle.\"\n  },\n  {\n    icon: Shield,\n    title: \"Syst\u00e8me de S\u00e9curit\u00e9\",\n    content: \"Inscription gratuite avec v\u00e9rification d'identit\u00e9. Paiements prot\u00e9g\u00e9s via Visa, MasterCard et PayPal avec chiffrement SSL. Protection des donn\u00e9es personnelles conforme au RGPD.\"\n  },\n  {\n    icon: CreditCard,\n    title: \"Mod\u00e8le \u00c9conomique\",\n    content: \"Freemium : acc\u00e8s gratuit limit\u00e9 (3 pistes, pas de reproduction auto). Abonnements Starter (9.99\u20ac\/mois), Premium (24.99\u20ac\/mois) et Platinum (49.99\u20ac\/mois) avec fonctionnalit\u00e9s progressives.\"\n  },\n  {\n    icon: Zap,\n    title: \"Reproduction Automatique\",\n    content: \"Syst\u00e8me de lecture automatique des pistes pour les abonn\u00e9s premium. Les \u00e9coutes g\u00e9n\u00e9r\u00e9es par la reproduction automatique sont comptabilis\u00e9es et contribuent aux revenus de l'artiste.\"\n  },\n  {\n    icon: Globe,\n    title: \"Distribution Multi-Plateformes\",\n    content: \"Les artistes peuvent choisir les plateformes sur lesquelles leur musique sera recommand\u00e9e : Spotify, Apple Music, Deezer, YouTube Music, SoundCloud, Tidal, Amazon Music.\"\n  },\n];\n\nconst features = [\n  \"Cr\u00e9ation de compte artiste avec profil complet (6 photos max)\",\n  \"Upload de pistes audio en qualit\u00e9 HD\",\n  \"Syst\u00e8me de promotion et mise en avant\",\n  \"Zone de r\u00e9mun\u00e9ration bas\u00e9e sur les \u00e9coutes\",\n  \"Tableau de bord avec statistiques en temps r\u00e9el\",\n  \"Reproduction automatique pour abonn\u00e9s premium\",\n  \"Base de donn\u00e9es s\u00e9curis\u00e9e pour tous les contenus\",\n  \"Syst\u00e8me de paiement multi-m\u00e9thodes (Visa, MC, PayPal)\",\n  \"Interface responsive (mobile et desktop)\",\n  \"Gestion des r\u00e9seaux sociaux int\u00e9gr\u00e9e\",\n  \"Syst\u00e8me de bonus et promotions fiables\",\n  \"Contact email et support client\",\n];\n\nexport default function CahierDeCharge() {\n  return (\n    <div className=\"max-w-5xl mx-auto px-4 py-16\">\n      <motion.div initial={{ opacity: 0, y: 20 }} animate={{ opacity: 1, y: 0 }} className=\"text-center mb-16\">\n        <div className=\"inline-flex items-center gap-2 bg-primary\/10 border border-primary\/20 rounded-full px-4 py-1.5 mb-4\">\n          <FileText className=\"w-4 h-4 text-primary\" \/>\n          <span className=\"text-sm text-primary font-medium\">Documentation<\/span>\n        <\/div>\n        <h1 className=\"font-heading text-4xl md:text-5xl font-bold text-foreground mb-4\">\n          Cahier de <span className=\"text-primary\">Charge<\/span>\n        <\/h1>\n        <p className=\"text-muted-foreground text-lg max-w-lg mx-auto\">\n          Sp\u00e9cifications techniques et fonctionnelles de la plateforme Polo Master\n        <\/p>\n      <\/motion.div>\n\n      {\/* Project Info *\/}\n      <motion.div\n        initial={{ opacity: 0, y: 20 }}\n        animate={{ opacity: 1, y: 0 }}\n        transition={{ delay: 0.1 }}\n        className=\"bg-card border border-border rounded-2xl p-8 mb-10\"\n      >\n        <h2 className=\"font-heading text-2xl font-bold text-foreground mb-4\">Informations du Projet<\/h2>\n        <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4 text-sm\">\n          <div className=\"flex justify-between py-2 border-b border-border\">\n            <span className=\"text-muted-foreground\">Nom du projet<\/span>\n            <span className=\"text-foreground font-medium\">Polo Master \u2014 Plateforme Musicale<\/span>\n          <\/div>\n          <div className=\"flex justify-between py-2 border-b border-border\">\n            <span className=\"text-muted-foreground\">Soci\u00e9t\u00e9<\/span>\n            <span className=\"text-foreground font-medium\">SAS Polo Master<\/span>\n          <\/div>\n          <div className=\"flex justify-between py-2 border-b border-border\">\n            <span className=\"text-muted-foreground\">Fondateur & Propri\u00e9taire<\/span>\n            <span className=\"text-primary font-semibold\">Paul Melam Mosange<\/span>\n          <\/div>\n          <div className=\"flex justify-between py-2 border-b border-border\">\n            <span className=\"text-muted-foreground\">Type<\/span>\n            <span className=\"text-foreground font-medium\">Plateforme musicale SaaS<\/span>\n          <\/div>\n          <div className=\"flex justify-between py-2 border-b border-border\">\n            <span className=\"text-muted-foreground\">Mod\u00e8le<\/span>\n            <span className=\"text-foreground font-medium\">Freemium + Premium<\/span>\n          <\/div>\n          <div className=\"flex justify-between py-2 border-b border-border\">\n            <span className=\"text-muted-foreground\">Copyright<\/span>\n            <span className=\"text-foreground font-medium\">\u00a9 {new Date().getFullYear()} Paul Melam Mosange<\/span>\n          <\/div>\n        <\/div>\n      <\/motion.div>\n\n      {\/* Sections *\/}\n      <div className=\"space-y-6 mb-12\">\n        {sections.map((section, i) => {\n          const Icon = section.icon;\n          return (\n            <motion.div\n              key={i}\n              initial={{ opacity: 0, y: 20 }}\n              animate={{ opacity: 1, y: 0 }}\n              transition={{ delay: 0.15 + i * 0.08 }}\n              className=\"bg-card border border-border rounded-2xl p-6\"\n            >\n              <div className=\"flex items-start gap-4\">\n                <div className=\"w-12 h-12 rounded-xl bg-primary\/10 flex items-center justify-center flex-shrink-0\">\n                  <Icon className=\"w-6 h-6 text-primary\" \/>\n                <\/div>\n                <div>\n                  <h3 className=\"font-heading text-lg font-bold text-foreground mb-2\">{section.title}<\/h3>\n                  <p className=\"text-muted-foreground leading-relaxed\">{section.content}<\/p>\n                <\/div>\n              <\/div>\n            <\/motion.div>\n          );\n        })}\n      <\/div>\n\n      {\/* Features Checklist *\/}\n      <motion.div\n        initial={{ opacity: 0, y: 20 }}\n        whileInView={{ opacity: 1, y: 0 }}\n        viewport={{ once: true }}\n        className=\"bg-card border border-border rounded-2xl p-8\"\n      >\n        <h2 className=\"font-heading text-2xl font-bold text-foreground mb-6\">Liste des Fonctionnalit\u00e9s<\/h2>\n        <div className=\"grid grid-cols-1 md:grid-cols-2 gap-3\">\n          {features.map((feature, i) => (\n            <div key={i} className=\"flex items-center gap-3\">\n              <CheckCircle className=\"w-5 h-5 text-primary flex-shrink-0\" \/>\n              <span className=\"text-sm text-foreground\">{feature}<\/span>\n            <\/div>\n          ))}\n        <\/div>\n      <\/motion.div>\n    <\/div>\n  );\n}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-983","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/lupnicing.com\/index.php?rest_route=\/wp\/v2\/pages\/983","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lupnicing.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lupnicing.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lupnicing.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lupnicing.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=983"}],"version-history":[{"count":6,"href":"https:\/\/lupnicing.com\/index.php?rest_route=\/wp\/v2\/pages\/983\/revisions"}],"predecessor-version":[{"id":1266,"href":"https:\/\/lupnicing.com\/index.php?rest_route=\/wp\/v2\/pages\/983\/revisions\/1266"}],"wp:attachment":[{"href":"https:\/\/lupnicing.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=983"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}