{"id":21,"date":"2026-04-09T17:54:50","date_gmt":"2026-04-09T17:54:50","guid":{"rendered":"https:\/\/alphalogiciel.com\/be\/?page_id=21"},"modified":"2026-04-11T15:30:26","modified_gmt":"2026-04-11T15:30:26","slug":"web-design","status":"publish","type":"page","link":"https:\/\/alphalogiciel.com\/be\/web-design\/","title":{"rendered":"Web &amp; Design"},"content":{"rendered":"\n<style>\n    \/* 1. VARI\u00c1VEIS E CONFIGURA\u00c7\u00d5ES ESPEC\u00cdFICAS WEB & DESIGN *\/\n    :root {\n        --primary: #22d3ee;\n        --secondary: #2563eb;\n        --accent: #fbbf24;\n        --bg: #020617;\n        --card-bg: rgba(255, 255, 255, 0.03);\n        --border: rgba(255, 255, 255, 0.08);\n        --text: #f1f5f9;\n        --text-muted: #94a3b8;\n    }\n\n    \/* 2. HERO WEB *\/\n    .hero-web { \n        padding: 120px 0 80px; \n        background: radial-gradient(circle at top right, rgba(37, 99, 235, 0.1), transparent),\n                    radial-gradient(circle at bottom left, rgba(34, 211, 238, 0.1), transparent);\n        text-align: center; \n    }\n    .hero-web h1 { font-size: clamp(35px, 6vw, 60px); font-weight: 800; margin-bottom: 25px; line-height: 1.1; color: #fff; }\n    .hero-web p { color: var(--text-muted); max-width: 750px; margin: 0 auto 40px; font-size: 19px; }\n\n    .web-container { width: min(1200px, 92%); margin: 0 auto; }\n\n    \/* 3. SERVICES GRID *\/\n    .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 50px; }\n    \n    .service-card { \n        background: var(--card-bg); border: 1px solid var(--border); \n        border-radius: 30px; padding: 50px 40px; transition: 0.4s;\n        position: relative;\n    }\n    .service-card:hover { border-color: var(--primary); transform: translateY(-10px); background: rgba(255,255,255,0.05); }\n    \n    .icon-circle { \n        width: 70px; height: 70px; background: linear-gradient(135deg, var(--primary), var(--secondary));\n        border-radius: 20px; display: flex; align-items: center; justify-content: center;\n        font-size: 30px; margin-bottom: 30px; box-shadow: 0 10px 20px rgba(34, 211, 238, 0.2);\n    }\n\n    .service-card h3 { font-size: 24px; margin-bottom: 15px; color: #fff; }\n    .service-card p { color: var(--text-muted); font-size: 15px; margin-bottom: 25px; }\n    \n    .feature-tag { \n        display: inline-block; padding: 5px 12px; background: rgba(255,255,255,0.05); \n        border-radius: 8px; font-size: 12px; font-weight: 600; margin-right: 5px; margin-bottom: 10px; color: var(--primary);\n    }\n\n    \/* 4. INTEGRATION SECTION *\/\n    .integration-box { \n        margin: 100px 0; padding: 60px; border-radius: 40px;\n        background: linear-gradient(rgba(2, 6, 23, 0.92), rgba(2, 6, 23, 0.92)), url('https:\/\/images.unsplash.com\/photo-1551434678-e076c223a692?auto=format&fit=crop&w=1200&q=80');\n        background-size: cover; background-position: center; border: 1px solid var(--border);\n        display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 40px;\n    }\n    .integration-text { flex: 1; min-width: 300px; }\n    .integration-text h2 { font-size: 32px; margin-bottom: 20px; color: #fff; }\n    .integration-text h2 span { color: var(--primary); }\n    .integration-text p { color: #cbd5e1; font-size: 17px; }\n\n    \/* 5. PORTFOLIO PREVIEW *\/\n    .portfolio-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 40px; }\n    .port-item { \n        height: 200px; background: var(--card-bg); border-radius: 15px; border: 1px solid var(--border); \n        display: flex; align-items: center; justify-content: center; font-weight: 700; \n        color: var(--text-muted); transition: 0.3s; text-align: center; padding: 20px;\n    }\n    .port-item:hover { color: var(--primary); border-color: var(--primary); cursor: pointer; background: rgba(255,255,255,0.05); }\n\n    @media (max-width: 900px) { \n        .hero-web { padding-top: 80px; }\n        .integration-box { text-align: center; padding: 40px 20px; } \n    }\n<\/style>\n\n<section class=\"hero-web\">\n    <div class=\"web-container\">\n        <span style=\"color:var(--primary); font-weight: 800; text-transform: uppercase; letter-spacing: 2px;\">Alpha Digital Agency<\/span>\n        <h1>Au-del\u00e0 du logiciel, <br>votre <span style=\"color:var(--primary)\">succ\u00e8s en ligne.<\/span><\/h1>\n        <p>Nous concevons des exp\u00e9riences digitales de haute performance. Du site vitrine \u00e0 la plateforme e-commerce complexe, nous connectons votre entreprise au monde.<\/p>\n        <a href=\"https:\/\/alphalogiciel.com\/be\/contact\/\" style=\"background: var(--primary); color: #000; padding: 18px 45px; border-radius: 12px; font-weight: 800; text-decoration: none; display: inline-block; transition: 0.3s; box-shadow: 0 10px 20px rgba(34, 211, 238, 0.2);\">D\u00e9marrer un Projet<\/a>\n    <\/div>\n<\/section>\n\n<main class=\"web-container\">\n    <div class=\"services-grid\">\n        <div class=\"service-card\">\n            <div class=\"icon-circle\">\ud83c\udf10<\/div>\n            <h3>Sites Vitrines<\/h3>\n            <p>Une pr\u00e9sence \u00e9l\u00e9gante et professionnelle pour capturer l&#8217;attention de vos clients et renforcer votre cr\u00e9dibilit\u00e9.<\/p>\n            <div>\n                <span class=\"feature-tag\">Responsive<\/span>\n                <span class=\"feature-tag\">SEO Optimized<\/span>\n                <span class=\"feature-tag\">Ultra Fast<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"service-card\">\n            <div class=\"icon-circle\">\ud83d\uded2<\/div>\n            <h3>E-commerce Pro<\/h3>\n            <p>Vendez vos produtos en ligne avec uma interface intuitive, des paiements s\u00e9curis\u00e9s et une gestion simplifi\u00e9e.<\/p>\n            <div>\n                <span class=\"feature-tag\">Paiements<\/span>\n                <span class=\"feature-tag\">Gestion Stock<\/span>\n                <span class=\"feature-tag\">Multi-Devises<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"service-card\">\n            <div class=\"icon-circle\">\ud83c\udfa8<\/div>\n            <h3>Branding &#038; Design<\/h3>\n            <p>Cr\u00e9ation de logos et d&#8217;identit\u00e9s visuelles qui inspirent confiance et marquent les esprits.<\/p>\n            <div>\n                <span class=\"feature-tag\">Logo Design<\/span>\n                <span class=\"feature-tag\">Menu Digital QR<\/span>\n                <span class=\"feature-tag\">Social Media<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"integration-box\">\n        <div class=\"integration-text\">\n            <h2>L&#8217;int\u00e9gration Alpha <span>Sync<\/span><\/h2>\n            <p>Votre stock en magasin est synchronis\u00e9 automatiquement avec votre boutique en ligne. Un produit vendu en caisse ? Le stock est mis \u00e0 jour partout instantan\u00e9ment.<\/p>\n        <\/div>\n        <div style=\"background: rgba(34, 211, 238, 0.1); padding: 30px; border-radius: 20px; border: 1px dashed var(--primary); min-width: 280px;\">\n            <h4 style=\"margin-bottom: 15px; color: #fff;\">Nos Avantages<\/h4>\n            <ul style=\"list-style: none; font-size: 14px; padding: 0; line-height: 2;\">\n                <li>\u2705 Interlocuteur Unique<\/li>\n                <li>\u2705 Maintenance Cloud Incluse<\/li>\n                <li>\u2705 H\u00e9bergement Haute Performance<\/li>\n                <li>\u2705 Support Technique Local<\/li>\n            <\/ul>\n        <\/div>\n    <\/div>\n\n    <section style=\"margin-bottom: 100px;\">\n        <h2 style=\"text-align: center; margin-bottom: 40px; font-size: 32px;\">Nos R\u00e9alisations<\/h2>\n        <div class=\"portfolio-grid\">\n            <div class=\"port-item\">RESTAURANT GASTRONOMIQUE (LUX)<\/div>\n            <div class=\"port-item\">BOUTIQUE PR\u00caT-\u00c0-PORTER<\/div>\n            <div class=\"port-item\">PORTAIL SERVICES PUBLICS<\/div>\n            <div class=\"port-item\">CENTRE DE BIEN-\u00caTRE<\/div>\n        <\/div>\n    <\/section>\n<\/main>\n<footer class=\"alpha-footer\">\n    <div class=\"footer-container\">\n        <div class=\"footer-col\">\n            <h3 class=\"footer-logo\">ALPHA <span>LOGICIEL<\/span><\/h3>\n            <p>Expertise technologique au Luxembourg et en Belgique. Plus de 20 ans d&#8217;exp\u00e9rience en logiciels certifi\u00e9s et s\u00e9curit\u00e9 haute performance.<\/p>\n        <\/div>\n\n        <div class=\"footer-col\">\n            <h4>Solutions<\/h4>\n            <ul>\n                <li><a href=\"\/be\/produits\/\">Logiciels de Gestion<\/a><\/li>\n                <li><a href=\"\/be\/securite\/\">S\u00e9curit\u00e9 Hikvision<\/a><\/li>\n                <li><a href=\"\/be\/solutions-it\/\">Support &#038; Hardware<\/a><\/li>\n            <\/ul>\n        <\/div>\n\n        <div class=\"footer-col\">\n            <h4>Entreprise<\/h4>\n            <ul>\n                <li><a href=\"\/be\/qui-sommes-nous\/\">\u00c0 propos de nous<\/a><\/li>\n                <li><a href=\"\/be\/contact\/\">Contactez-nous<\/a><\/li>\n                <li><a href=\"#\">Support Client<\/a><\/li>\n            <\/ul>\n        <\/div>\n\n        <div class=\"footer-col\">\n            <h4>Contact<\/h4>\n            <p>\ud83d\udccd Luxembourg &#038; Belgique<\/p>\n            <p>\ud83d\udce7 info@alphalogiciel.com<\/p>\n            <p>\ud83c\udf10 www.alphalogiciel.com<\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"footer-bottom\">\n        <p>&copy; 2026 Alpha Logiciel. Tous droits r\u00e9serv\u00e9s. | Expert Certifi\u00e9 Hikvision<\/p>\n    <\/div>\n<\/footer>\n\n<style>\n    .alpha-footer {\n        background-color: #010409;\n        color: #f1f5f9;\n        padding: 80px 20px 40px;\n        border-top: 1px solid rgba(255, 255, 255, 0.05);\n        font-family: 'Segoe UI', sans-serif;\n    }\n\n    .footer-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n        gap: 40px;\n    }\n\n    .footer-col h3.footer-logo {\n        font-size: 22px;\n        font-weight: 800;\n        margin-bottom: 20px;\n        letter-spacing: -1px;\n    }\n\n    .footer-col h3 span { color: #22d3ee; }\n\n    .footer-col h4 {\n        color: #22d3ee;\n        font-size: 16px;\n        font-weight: 700;\n        margin-bottom: 25px;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    .footer-col p {\n        color: #94a3b8;\n        font-size: 14px;\n        line-height: 1.6;\n    }\n\n    .footer-col ul {\n        list-style: none;\n        padding: 0;\n    }\n\n    .footer-col ul li { margin-bottom: 12px; }\n\n    .footer-col ul li a {\n        color: #94a3b8;\n        text-decoration: none;\n        font-size: 14px;\n        transition: 0.3s;\n    }\n\n    .footer-col ul li a:hover {\n        color: #22d3ee;\n        padding-left: 5px;\n    }\n\n    .footer-bottom {\n        max-width: 1200px;\n        margin: 60px auto 0;\n        padding-top: 30px;\n        border-top: 1px solid rgba(255, 255, 255, 0.05);\n        text-align: center;\n    }\n\n    .footer-bottom p {\n        color: #64748b;\n        font-size: 12px;\n        font-weight: 500;\n    }\n\n    @media (max-width: 768px) {\n        .footer-container { grid-template-columns: 1fr; text-align: center; }\n        .footer-col ul li a:hover { padding-left: 0; }\n    }\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Alpha Digital Agency Au-del\u00e0 du logiciel, votre succ\u00e8s en ligne. Nous concevons des exp\u00e9riences digitales de haute performance. Du site [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alphalogiciel.com\/be\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alphalogiciel.com\/be\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alphalogiciel.com\/be\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alphalogiciel.com\/be\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alphalogiciel.com\/be\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":8,"href":"https:\/\/alphalogiciel.com\/be\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":278,"href":"https:\/\/alphalogiciel.com\/be\/wp-json\/wp\/v2\/pages\/21\/revisions\/278"}],"wp:attachment":[{"href":"https:\/\/alphalogiciel.com\/be\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}