{"id":7,"date":"2026-04-29T20:04:45","date_gmt":"2026-04-29T20:04:45","guid":{"rendered":"https:\/\/wordpress-claude.myschool221.com\/?page_id=7"},"modified":"2026-04-29T20:04:45","modified_gmt":"2026-04-29T20:04:45","slug":"futur","status":"publish","type":"page","link":"https:\/\/wordpress-claude.myschool221.com\/?page_id=7","title":{"rendered":"Landing Page Futuriste"},"content":{"rendered":"\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@300;400;600&display=swap');\n* { margin: 0; padding: 0; box-sizing: border-box; }\n#futur-page { font-family: 'Rajdhani', sans-serif; background: #020010; color: #fff; overflow-x: hidden; min-height: 100vh; }\n#particles-canvas { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }\n.ft-scanlines { position: fixed; inset: 0; z-index: 0; background: repeating-linear-gradient(0deg,rgba(0,0,0,0) 0px,rgba(0,0,0,0) 2px,rgba(0,0,0,0.03) 2px,rgba(0,0,0,0.03) 4px); pointer-events: none; }\n.ft-nav { position: fixed; top: 0; width: 100%; z-index: 100; padding: 18px 60px; display: flex; justify-content: space-between; align-items: center; background: rgba(2,0,16,0.7); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(0,255,255,0.1); }\n.ft-logo { font-family: 'Orbitron', sans-serif; font-size: 1.4rem; font-weight: 900; background: linear-gradient(90deg,#00ffff,#a855f7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: 2px; }\n.ft-nav-links a { color: rgba(255,255,255,0.75); text-decoration: none; margin-left: 36px; font-size: 0.95rem; letter-spacing: 1px; transition: color .3s; }\n.ft-nav-links a:hover { color: #00ffff; }\n.ft-hero { position: relative; z-index: 1; min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 120px 24px 80px; }\n.ft-badge { display: inline-block; border: 1px solid rgba(0,255,255,0.4); color: #00ffff; font-size: 0.78rem; letter-spacing: 3px; text-transform: uppercase; padding: 6px 20px; border-radius: 100px; margin-bottom: 28px; background: rgba(0,255,255,0.06); animation: pulse-border 2.5s ease-in-out infinite; }\n@keyframes pulse-border { 0%,100%{box-shadow:0 0 0 0 rgba(0,255,255,0.3);}50%{box-shadow:0 0 0 8px rgba(0,255,255,0);} }\n.ft-h1 { font-family: 'Orbitron', sans-serif; font-size: clamp(2.4rem,6vw,5.2rem); font-weight: 900; line-height: 1.1; margin-bottom: 24px; }\n.ft-h1 .line1 { display: block; background: linear-gradient(135deg,#ffffff 0%,#a5b4fc 50%,#00ffff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: shimmer 4s linear infinite; background-size: 200% auto; }\n.ft-h1 .line2 { display: block; background: linear-gradient(135deg,#a855f7 0%,#ec4899 60%,#f97316 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: shimmer 4s linear infinite reverse; background-size: 200% auto; }\n@keyframes shimmer { to{background-position:200% center;} }\n.ft-sub { font-size: clamp(1rem,2vw,1.3rem); color: rgba(255,255,255,0.55); max-width: 600px; line-height: 1.7; margin-bottom: 44px; letter-spacing: 0.5px; }\n.ft-cta-group { display: flex; gap: 16px; flex-wrap: wrap; justify-content: center; }\n.ft-btn { padding: 14px 36px; border-radius: 8px; font-family: 'Orbitron', sans-serif; font-size: 0.85rem; letter-spacing: 2px; font-weight: 700; cursor: pointer; transition: all .3s; text-decoration: none; display: inline-block; }\n.ft-btn-primary { background: linear-gradient(135deg,#00ffff,#a855f7); color: #020010; border: none; box-shadow: 0 0 30px rgba(0,255,255,0.35); }\n.ft-btn-primary:hover { transform: translateY(-3px); box-shadow: 0 0 50px rgba(0,255,255,0.55); }\n.ft-btn-outline { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,0.3); }\n.ft-btn-outline:hover { border-color: #a855f7; color: #a855f7; transform: translateY(-3px); box-shadow: 0 0 30px rgba(168,85,247,0.25); }\n.ft-stats { position: relative; z-index: 1; display: flex; justify-content: center; gap: 48px; flex-wrap: wrap; padding: 60px 40px; border-top: 1px solid rgba(255,255,255,0.06); border-bottom: 1px solid rgba(255,255,255,0.06); background: rgba(255,255,255,0.02); }\n.ft-stat { text-align: center; }\n.ft-stat-num { font-family: 'Orbitron', sans-serif; font-size: 2.4rem; font-weight: 900; background: linear-gradient(90deg,#00ffff,#a855f7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\n.ft-stat-label { font-size: 0.85rem; color: rgba(255,255,255,0.45); letter-spacing: 2px; text-transform: uppercase; margin-top: 4px; }\n.ft-section { position: relative; z-index: 1; padding: 100px 60px; max-width: 1200px; margin: 0 auto; }\n.ft-section-title { font-family: 'Orbitron', sans-serif; font-size: clamp(1.6rem,3.5vw,2.6rem); text-align: center; margin-bottom: 12px; background: linear-gradient(90deg,#fff 0%,#a5b4fc 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\n.ft-section-sub { text-align: center; color: rgba(255,255,255,0.45); font-size: 1rem; margin-bottom: 64px; letter-spacing: 0.5px; }\n.ft-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap: 24px; }\n.ft-card { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 16px; padding: 36px 30px; transition: all .4s; position: relative; overflow: hidden; }\n.ft-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg,transparent,var(--accent),transparent); opacity: 0; transition: opacity .4s; }\n.ft-card:hover { transform: translateY(-8px); border-color: rgba(255,255,255,0.16); background: rgba(255,255,255,0.07); }\n.ft-card:hover::before { opacity: 1; }\n.ft-card-icon { font-size: 2.4rem; margin-bottom: 18px; display: block; }\n.ft-card h3 { font-family: 'Orbitron', sans-serif; font-size: 1rem; margin-bottom: 12px; color: #fff; letter-spacing: 1px; }\n.ft-card p { color: rgba(255,255,255,0.5); font-size: 0.95rem; line-height: 1.7; }\n.ft-cta-banner { position: relative; z-index: 1; margin: 0 auto 100px; max-width: 1100px; padding: 0 40px; }\n.ft-cta-inner { background: linear-gradient(135deg,rgba(0,255,255,0.08),rgba(168,85,247,0.12)); border: 1px solid rgba(0,255,255,0.2); border-radius: 24px; padding: 72px 60px; text-align: center; position: relative; overflow: hidden; }\n.ft-cta-inner::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 0%,rgba(0,255,255,0.1) 0%,transparent 70%); }\n.ft-cta-inner h2 { font-family: 'Orbitron', sans-serif; font-size: clamp(1.5rem,3vw,2.4rem); margin-bottom: 16px; position: relative; }\n.ft-cta-inner p { color: rgba(255,255,255,0.55); font-size: 1.05rem; margin-bottom: 36px; position: relative; }\n.ft-footer { position: relative; z-index: 1; text-align: center; padding: 32px; border-top: 1px solid rgba(255,255,255,0.06); color: rgba(255,255,255,0.25); font-size: 0.85rem; letter-spacing: 1px; }\n.ft-footer span { background: linear-gradient(90deg,#00ffff,#a855f7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\n<\/style>\n\n<div id=\"futur-page\">\n  <canvas id=\"particles-canvas\"><\/canvas>\n  <div class=\"ft-scanlines\"><\/div>\n  <nav class=\"ft-nav\">\n    <div class=\"ft-logo\">BIN ABDALLAH<\/div>\n    <div class=\"ft-nav-links\">\n      <a href=\"#features\">Solutions<\/a>\n      <a href=\"#about\">\u00c0 propos<\/a>\n      <a href=\"#contact\">Contact<\/a>\n    <\/div>\n  <\/nav>\n  <section class=\"ft-hero\">\n    <div class=\"ft-badge\">\u2726 Nouvelle g\u00e9n\u00e9ration \u2726<\/div>\n    <h1 class=\"ft-h1\">\n      <span class=\"line1\">L&rsquo;avenir commence<\/span>\n      <span class=\"line2\">aujourd&rsquo;hui.<\/span>\n    <\/h1>\n    <p class=\"ft-sub\">Une exp\u00e9rience digitale pens\u00e9e pour demain. Innovation, performance et design sans compromis \u2014 bienvenue dans l&rsquo;\u00e8re Bin Abdallah.<\/p>\n    <div class=\"ft-cta-group\">\n      <a href=\"#features\" class=\"ft-btn ft-btn-primary\">D\u00c9COUVRIR<\/a>\n      <a href=\"#contact\" class=\"ft-btn ft-btn-outline\">NOUS CONTACTER<\/a>\n    <\/div>\n  <\/section>\n  <div class=\"ft-stats\">\n    <div class=\"ft-stat\"><div class=\"ft-stat-num\" data-target=\"98\" data-suffix=\"%\">98%<\/div><div class=\"ft-stat-label\">Satisfaction<\/div><\/div>\n    <div class=\"ft-stat\"><div class=\"ft-stat-num\" data-target=\"500\" data-suffix=\"+\">500+<\/div><div class=\"ft-stat-label\">Projets livr\u00e9s<\/div><\/div>\n    <div class=\"ft-stat\"><div class=\"ft-stat-num\" data-target=\"12\" data-suffix=\"\">12<\/div><div class=\"ft-stat-label\">Ann\u00e9es d&rsquo;exp\u00e9rience<\/div><\/div>\n    <div class=\"ft-stat\"><div class=\"ft-stat-num\">24\/7<\/div><div class=\"ft-stat-label\">Support d\u00e9di\u00e9<\/div><\/div>\n  <\/div>\n  <section class=\"ft-section\" id=\"features\">\n    <h2 class=\"ft-section-title\">Nos Solutions<\/h2>\n    <p class=\"ft-section-sub\">Technologies de pointe pour des r\u00e9sultats extraordinaires<\/p>\n    <div class=\"ft-grid\">\n      <div class=\"ft-card\" style=\"--accent:#00ffff\"><span class=\"ft-card-icon\">\u26a1<\/span><h3>Performance Ultime<\/h3><p>Infrastructures optimis\u00e9es pour une vitesse d&rsquo;ex\u00e9cution maximale et une disponibilit\u00e9 garantie \u00e0 99,9%.<\/p><\/div>\n      <div class=\"ft-card\" style=\"--accent:#a855f7\"><span class=\"ft-card-icon\">\ud83d\udd2e<\/span><h3>IA Int\u00e9gr\u00e9e<\/h3><p>Algorithmes d&rsquo;intelligence artificielle de derni\u00e8re g\u00e9n\u00e9ration pour automatiser et amplifier vos r\u00e9sultats.<\/p><\/div>\n      <div class=\"ft-card\" style=\"--accent:#ec4899\"><span class=\"ft-card-icon\">\ud83d\udee1\ufe0f<\/span><h3>S\u00e9curit\u00e9 Absolue<\/h3><p>Protocoles de chiffrement militaires et architecture zero-trust pour prot\u00e9ger vos donn\u00e9es critiques.<\/p><\/div>\n      <div class=\"ft-card\" style=\"--accent:#f97316\"><span class=\"ft-card-icon\">\ud83c\udf10<\/span><h3>D\u00e9ploiement Global<\/h3><p>R\u00e9seau mondial de serveurs edge pour une latence quasi nulle, o\u00f9 que se trouvent vos utilisateurs.<\/p><\/div>\n      <div class=\"ft-card\" style=\"--accent:#22d3ee\"><span class=\"ft-card-icon\">\ud83d\udcca<\/span><h3>Analytics Temps R\u00e9el<\/h3><p>Tableaux de bord immersifs pour visualiser, analyser et pr\u00e9dire chaque aspect de votre activit\u00e9.<\/p><\/div>\n      <div class=\"ft-card\" style=\"--accent:#818cf8\"><span class=\"ft-card-icon\">\ud83d\ude80<\/span><h3>Scalabilit\u00e9 Infinie<\/h3><p>Architecture cloud-native qui s&rsquo;adapte instantan\u00e9ment \u00e0 vos besoins, de la startup \u00e0 la multinationale.<\/p><\/div>\n    <\/div>\n  <\/section>\n  <div class=\"ft-cta-banner\" id=\"contact\">\n    <div class=\"ft-cta-inner\">\n      <h2>Pr\u00eat \u00e0 entrer dans le futur ?<\/h2>\n      <p>Rejoignez les leaders qui font confiance \u00e0 Bin Abdallah pour transformer leur vision en r\u00e9alit\u00e9.<\/p>\n      <a href=\"#\" class=\"ft-btn ft-btn-primary\">D\u00c9MARRER MAINTENANT<\/a>\n    <\/div>\n  <\/div>\n  <footer class=\"ft-footer\">\u00a9 2026 <span>demo Bin Abdallah<\/span> \u2014 Tous droits r\u00e9serv\u00e9s<\/footer>\n<\/div>\n\n<script>\n(function(){\n  var canvas = document.getElementById('particles-canvas');\n  var ctx = canvas.getContext('2d');\n  var W, H, particles = [];\n  function resize(){ W = canvas.width = window.innerWidth; H = canvas.height = window.innerHeight; }\n  resize();\n  window.addEventListener('resize', resize);\n  var COLORS = ['#00ffff','#a855f7','#ec4899','#818cf8','#22d3ee'];\n  function rand(a,b){ return Math.random()*(b-a)+a; }\n  for(var i=0;i<120;i++){\n    particles.push({ x:rand(0,window.innerWidth), y:rand(0,window.innerHeight), r:rand(0.5,2.2), vx:rand(-0.25,0.25), vy:rand(-0.3,0.1), color:COLORS[Math.floor(Math.random()*COLORS.length)], alpha:rand(0.2,0.8) });\n  }\n  function draw(){\n    ctx.clearRect(0,0,W,H);\n    particles.forEach(function(p){\n      ctx.beginPath(); ctx.arc(p.x,p.y,p.r,0,Math.PI*2);\n      ctx.fillStyle=p.color; ctx.globalAlpha=p.alpha;\n      ctx.shadowBlur=8; ctx.shadowColor=p.color; ctx.fill();\n      p.x+=p.vx; p.y+=p.vy;\n      if(p.x<0)p.x=W; if(p.x>W)p.x=0;\n      if(p.y<0)p.y=H; if(p.y>H)p.y=0;\n    });\n    ctx.globalAlpha=1; ctx.shadowBlur=0;\n    requestAnimationFrame(draw);\n  }\n  draw();\n  document.querySelectorAll('a[href^=\"#\"]').forEach(function(a){\n    a.addEventListener('click',function(e){\n      e.preventDefault();\n      var t=document.querySelector(a.getAttribute('href'));\n      if(t) t.scrollIntoView({behavior:'smooth'});\n    });\n  });\n  document.querySelectorAll('.ft-card').forEach(function(card){\n    card.addEventListener('mousemove',function(e){\n      var r=card.getBoundingClientRect();\n      var x=(e.clientX-r.left)\/r.width-0.5;\n      var y=(e.clientY-r.top)\/r.height-0.5;\n      card.style.transform='translateY(-8px) rotateY('+(x*10)+'deg) rotateX('+(-y*10)+'deg)';\n    });\n    card.addEventListener('mouseleave',function(){ card.style.transform=''; });\n  });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>BIN ABDALLAH Solutions \u00c0 propos Contact \u2726 Nouvelle g\u00e9n\u00e9ration \u2726 L&rsquo;avenir commence aujourd&rsquo;hui. Une exp\u00e9rience digitale pens\u00e9e pour demain. Innovation, performance et design sans compromis \u2014 bienvenue dans l&rsquo;\u00e8re Bin Abdallah. D\u00c9COUVRIR NOUS CONTACTER 98% Satisfaction 500+ Projets livr\u00e9s 12 Ann\u00e9es d&rsquo;exp\u00e9rience 24\/7 Support d\u00e9di\u00e9 Nos Solutions Technologies de pointe pour des r\u00e9sultats extraordinaires \u26a1 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wordpress-claude.myschool221.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress-claude.myschool221.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wordpress-claude.myschool221.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress-claude.myschool221.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress-claude.myschool221.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":0,"href":"https:\/\/wordpress-claude.myschool221.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress-claude.myschool221.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}