{"id":6,"date":"2026-07-18T06:26:16","date_gmt":"2026-07-18T06:26:16","guid":{"rendered":"https:\/\/158.101.251.178\/?page_id=6"},"modified":"2026-07-18T07:28:28","modified_gmt":"2026-07-18T07:28:28","slug":"6-2","status":"publish","type":"page","link":"https:\/\/amalelectronics.com\/index.php\/6-2\/","title":{"rendered":"Coming Soon.."},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>AMALMOBILES&amp;ELECTRONICS &#8211; Coming Soon<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@400;500;600;700;800;900&amp;family=Inter:wght@300;400;500;600;700&amp;display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n<style>\n  *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n\n  :root {\n    --primary: #00D4FF;\n    --primary-dark: #0099CC;\n    --primary-glow: rgba(0, 212, 255, 0.3);\n    --accent: #7C3AED;\n    --accent-glow: rgba(124, 58, 237, 0.3);\n    --bg-dark: #050A18;\n    --bg-card: rgba(255, 255, 255, 0.03);\n    --text-primary: #FFFFFF;\n    --text-secondary: rgba(255, 255, 255, 0.6);\n    --text-muted: rgba(255, 255, 255, 0.35);\n    --border: rgba(255, 255, 255, 0.08);\n    --border-glow: rgba(0, 212, 255, 0.2);\n  }\n\n  html { scroll-behavior: smooth; }\n\n  body {\n    font-family: 'Inter', sans-serif;\n    background: var(--bg-dark);\n    color: var(--text-primary);\n    min-height: 100vh;\n    overflow-x: hidden;\n    position: relative;\n  }\n\n  \/* ========== ANIMATED BACKGROUND ========== *\/\n  .bg-grid {\n    position: fixed;\n    inset: 0;\n    background-image:\n      linear-gradient(rgba(0, 212, 255, 0.03) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(0, 212, 255, 0.03) 1px, transparent 1px);\n    background-size: 60px 60px;\n    z-index: 0;\n    animation: gridMove 20s linear infinite;\n  }\n\n  @keyframes gridMove {\n    0% { transform: translate(0, 0); }\n    100% { transform: translate(60px, 60px); }\n  }\n\n  .bg-circuit {\n    position: fixed;\n    inset: 0;\n    z-index: 0;\n    opacity: 0.15;\n  }\n\n  .circuit-line {\n    position: absolute;\n    background: linear-gradient(90deg, transparent, var(--primary), transparent);\n    height: 1px;\n    animation: circuitFlow 4s ease-in-out infinite;\n  }\n\n  .circuit-line:nth-child(1) { top: 20%; left: 0; width: 40%; animation-delay: 0s; }\n  .circuit-line:nth-child(2) { top: 35%; right: 0; width: 35%; animation-delay: 1s; }\n  .circuit-line:nth-child(3) { top: 55%; left: 10%; width: 50%; animation-delay: 2s; }\n  .circuit-line:nth-child(4) { top: 70%; right: 5%; width: 45%; animation-delay: 0.5s; }\n  .circuit-line:nth-child(5) { top: 85%; left: 20%; width: 30%; animation-delay: 1.5s; }\n  .circuit-line:nth-child(6) { top: 45%; left: 5%; width: 25%; animation-delay: 2.5s; }\n\n  .circuit-line-v {\n    position: absolute;\n    background: linear-gradient(180deg, transparent, var(--primary), transparent);\n    width: 1px;\n    animation: circuitFlowV 5s ease-in-out infinite;\n  }\n\n  .circuit-line-v:nth-child(7) { left: 15%; top: 0; height: 40%; animation-delay: 0.3s; }\n  .circuit-line-v:nth-child(8) { left: 50%; top: 30%; height: 50%; animation-delay: 1.3s; }\n  .circuit-line-v:nth-child(9) { right: 20%; top: 10%; height: 35%; animation-delay: 2.3s; }\n  .circuit-line-v:nth-child(10) { right: 35%; top: 60%; height: 30%; animation-delay: 0.8s; }\n\n  @keyframes circuitFlow {\n    0%, 100% { opacity: 0; transform: scaleX(0.3); }\n    50% { opacity: 1; transform: scaleX(1); }\n  }\n\n  @keyframes circuitFlowV {\n    0%, 100% { opacity: 0; transform: scaleY(0.3); }\n    50% { opacity: 1; transform: scaleY(1); }\n  }\n\n  \/* Circuit nodes *\/\n  .circuit-node {\n    position: fixed;\n    width: 6px;\n    height: 6px;\n    background: var(--primary);\n    border-radius: 50%;\n    box-shadow: 0 0 10px var(--primary-glow), 0 0 20px var(--primary-glow);\n    z-index: 0;\n    animation: nodePulse 3s ease-in-out infinite;\n  }\n\n  .circuit-node:nth-child(11) { top: 20%; left: 40%; animation-delay: 0s; }\n  .circuit-node:nth-child(12) { top: 35%; right: 35%; animation-delay: 0.5s; }\n  .circuit-node:nth-child(13) { top: 55%; left: 60%; animation-delay: 1s; }\n  .circuit-node:nth-child(14) { top: 70%; right: 25%; animation-delay: 1.5s; }\n  .circuit-node:nth-child(15) { top: 85%; left: 50%; animation-delay: 2s; }\n  .circuit-node:nth-child(16) { top: 45%; left: 15%; animation-delay: 0.7s; }\n  .circuit-node:nth-child(17) { top: 15%; right: 40%; animation-delay: 1.2s; }\n  .circuit-node:nth-child(18) { top: 60%; right: 10%; animation-delay: 1.8s; }\n\n  @keyframes nodePulse {\n    0%, 100% { transform: scale(1); opacity: 0.4; }\n    50% { transform: scale(1.8); opacity: 1; }\n  }\n\n  \/* Floating orbs *\/\n  .orb {\n    position: fixed;\n    border-radius: 50%;\n    filter: blur(80px);\n    z-index: 0;\n    animation: orbFloat 8s ease-in-out infinite;\n  }\n\n  .orb-1 {\n    width: 400px; height: 400px;\n    background: radial-gradient(circle, rgba(0, 212, 255, 0.15), transparent 70%);\n    top: -10%; right: -5%;\n    animation-delay: 0s;\n  }\n\n  .orb-2 {\n    width: 350px; height: 350px;\n    background: radial-gradient(circle, rgba(124, 58, 237, 0.12), transparent 70%);\n    bottom: -10%; left: -5%;\n    animation-delay: 3s;\n  }\n\n  .orb-3 {\n    width: 250px; height: 250px;\n    background: radial-gradient(circle, rgba(0, 212, 255, 0.1), transparent 70%);\n    top: 50%; left: 50%;\n    transform: translate(-50%, -50%);\n    animation-delay: 5s;\n  }\n\n  @keyframes orbFloat {\n    0%, 100% { transform: translate(0, 0) scale(1); }\n    33% { transform: translate(30px, -20px) scale(1.05); }\n    66% { transform: translate(-20px, 15px) scale(0.95); }\n  }\n\n  \/* ========== MAIN CONTENT ========== *\/\n  .page-wrapper {\n    position: relative;\n    z-index: 10;\n    min-height: 100vh;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 40px 20px;\n  }\n\n  \/* Logo *\/\n  .logo-container {\n    text-align: center;\n    margin-bottom: 16px;\n    animation: fadeInDown 1s ease-out;\n  }\n\n  .logo-icon {\n    width: 70px;\n    height: 70px;\n    background: linear-gradient(135deg, var(--primary), var(--accent));\n    border-radius: 20px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 16px;\n    box-shadow: 0 10px 40px rgba(0, 212, 255, 0.25), 0 0 0 1px rgba(0, 212, 255, 0.2);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .logo-icon::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, transparent 40%, rgba(255,255,255,0.2) 50%, transparent 60%);\n    animation: shimmer 3s ease-in-out infinite;\n  }\n\n  @keyframes shimmer {\n    0% { transform: translateX(-100%) rotate(25deg); }\n    100% { transform: translateX(100%) rotate(25deg); }\n  }\n\n  .logo-icon i { color: white; width: 36px; height: 36px; position: relative; z-index: 1; }\n\n  .shop-name {\n    font-family: 'Orbitron', sans-serif;\n    font-size: clamp(1.2rem, 3.5vw, 2rem);\n    font-weight: 800;\n    letter-spacing: 0.1em;\n    background: linear-gradient(135deg, #FFFFFF 0%, var(--primary) 50%, var(--accent) 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    line-height: 1.3;\n  }\n\n  \/* Badge *\/\n  .coming-soon-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 20px;\n    background: rgba(0, 212, 255, 0.08);\n    border: 1px solid rgba(0, 212, 255, 0.2);\n    border-radius: 50px;\n    font-family: 'Orbitron', sans-serif;\n    font-size: 0.7rem;\n    font-weight: 600;\n    letter-spacing: 0.25em;\n    color: var(--primary);\n    text-transform: uppercase;\n    margin-bottom: 32px;\n    animation: fadeInDown 1s ease-out 0.2s both;\n  }\n\n  .badge-dot {\n    width: 6px;\n    height: 6px;\n    background: var(--primary);\n    border-radius: 50%;\n    animation: dotBlink 1.5s ease-in-out infinite;\n  }\n\n  @keyframes dotBlink {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.3; }\n  }\n\n  \/* Headline *\/\n  .headline {\n    text-align: center;\n    margin-bottom: 20px;\n    animation: fadeInUp 1s ease-out 0.3s both;\n  }\n\n  .headline h1 {\n    font-family: 'Orbitron', sans-serif;\n    font-size: clamp(2rem, 6vw, 4rem);\n    font-weight: 900;\n    line-height: 1.1;\n    letter-spacing: -0.02em;\n    margin-bottom: 16px;\n  }\n\n  .headline h1 .highlight {\n    background: linear-gradient(135deg, var(--primary), var(--accent));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }\n\n  .headline p {\n    font-size: clamp(0.95rem, 2vw, 1.15rem);\n    color: var(--text-secondary);\n    max-width: 550px;\n    margin: 0 auto;\n    line-height: 1.7;\n    font-weight: 300;\n  }\n\n  \/* Countdown *\/\n  .countdown-container {\n    margin: 40px 0 48px;\n    animation: fadeInUp 1s ease-out 0.5s both;\n  }\n\n  .countdown {\n    display: flex;\n    gap: 12px;\n    justify-content: center;\n    flex-wrap: wrap;\n  }\n\n  .countdown-item {\n    background: var(--bg-card);\n    border: 1px solid var(--border);\n    border-radius: 16px;\n    padding: 20px 16px;\n    min-width: 85px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    backdrop-filter: blur(10px);\n    transition: all 0.3s ease;\n  }\n\n  .countdown-item::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 2px;\n    background: linear-gradient(90deg, transparent, var(--primary), transparent);\n    opacity: 0.5;\n  }\n\n  .countdown-item:hover {\n    border-color: var(--border-glow);\n    transform: translateY(-3px);\n    box-shadow: 0 10px 30px rgba(0, 212, 255, 0.1);\n  }\n\n  .countdown-number {\n    font-family: 'Orbitron', sans-serif;\n    font-size: clamp(1.8rem, 4vw, 2.5rem);\n    font-weight: 800;\n    color: var(--text-primary);\n    line-height: 1;\n    margin-bottom: 6px;\n  }\n\n  .countdown-label {\n    font-size: 0.65rem;\n    font-weight: 600;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--text-muted);\n  }\n\n  \/* Products Preview *\/\n  .products-section {\n    width: 100%;\n    max-width: 700px;\n    margin-bottom: 48px;\n    animation: fadeInUp 1s ease-out 0.7s both;\n  }\n\n  .products-label {\n    text-align: center;\n    font-size: 0.7rem;\n    font-weight: 600;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: var(--text-muted);\n    margin-bottom: 20px;\n  }\n\n  .products-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n  }\n\n  @media (max-width: 480px) {\n    .products-grid { grid-template-columns: repeat(2, 1fr); }\n  }\n\n  .product-card {\n    background: var(--bg-card);\n    border: 1px solid var(--border);\n    border-radius: 14px;\n    padding: 20px 12px;\n    text-align: center;\n    transition: all 0.3s ease;\n    cursor: default;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .product-card::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(0, 212, 255, 0.05), transparent);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n  }\n\n  .product-card:hover {\n    border-color: var(--border-glow);\n    transform: translateY(-4px);\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3), 0 0 30px rgba(0, 212, 255, 0.05);\n  }\n\n  .product-card:hover::after { opacity: 1; }\n\n  .product-icon {\n    width: 44px;\n    height: 44px;\n    margin: 0 auto 10px;\n    background: linear-gradient(135deg, rgba(0, 212, 255, 0.1), rgba(124, 58, 237, 0.1));\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    z-index: 1;\n    transition: all 0.3s ease;\n  }\n\n  .product-card:hover .product-icon {\n    background: linear-gradient(135deg, rgba(0, 212, 255, 0.2), rgba(124, 58, 237, 0.2));\n    transform: scale(1.1);\n  }\n\n  .product-icon i { width: 22px; height: 22px; color: var(--primary); }\n\n  .product-name {\n    font-size: 0.75rem;\n    font-weight: 500;\n    color: var(--text-secondary);\n    position: relative;\n    z-index: 1;\n    letter-spacing: 0.02em;\n  }\n\n  \/* Contact Section *\/\n  .contact-section {\n    width: 100%;\n    max-width: 600px;\n    animation: fadeInUp 1s ease-out 0.9s both;\n  }\n\n  .contact-card {\n    background: linear-gradient(135deg, rgba(0, 212, 255, 0.05), rgba(124, 58, 237, 0.05));\n    border: 1px solid rgba(0, 212, 255, 0.12);\n    border-radius: 20px;\n    padding: 32px 28px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .contact-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 60%;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, var(--primary), transparent);\n  }\n\n  .contact-label {\n    font-size: 0.7rem;\n    font-weight: 600;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--text-muted);\n    margin-bottom: 12px;\n  }\n\n  .contact-text {\n    font-size: 1rem;\n    color: var(--text-secondary);\n    margin-bottom: 20px;\n    line-height: 1.6;\n  }\n\n  .phone-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 14px 32px;\n    background: linear-gradient(135deg, var(--primary), var(--primary-dark));\n    color: var(--bg-dark);\n    font-family: 'Inter', sans-serif;\n    font-size: 0.95rem;\n    font-weight: 700;\n    border-radius: 14px;\n    text-decoration: none;\n    transition: all 0.3s ease;\n    box-shadow: 0 8px 30px rgba(0, 212, 255, 0.3);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .phone-btn::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, transparent 40%, rgba(255,255,255,0.2) 50%, transparent 60%);\n    transform: translateX(-100%);\n    transition: transform 0.5s ease;\n  }\n\n  .phone-btn:hover::before { transform: translateX(100%); }\n\n  .phone-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 12px 40px rgba(0, 212, 255, 0.4);\n  }\n\n  .phone-btn i { width: 20px; height: 20px; }\n\n  .phone-number {\n    font-family: 'Orbitron', sans-serif;\n    font-weight: 700;\n    letter-spacing: 0.05em;\n  }\n\n  \/* WhatsApp Button *\/\n  .whatsapp-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 14px 28px;\n    background: rgba(37, 211, 102, 0.1);\n    border: 1px solid rgba(37, 211, 102, 0.25);\n    color: #25D366;\n    font-family: 'Inter', sans-serif;\n    font-size: 0.9rem;\n    font-weight: 600;\n    border-radius: 14px;\n    text-decoration: none;\n    transition: all 0.3s ease;\n    margin-left: 10px;\n  }\n\n  .whatsapp-btn:hover {\n    background: rgba(37, 211, 102, 0.15);\n    border-color: rgba(37, 211, 102, 0.4);\n    transform: translateY(-2px);\n  }\n\n  .whatsapp-btn i { width: 20px; height: 20px; }\n\n  .btn-group {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 12px;\n  }\n\n  \/* Footer *\/\n  .footer {\n    margin-top: 48px;\n    text-align: center;\n    animation: fadeInUp 1s ease-out 1.1s both;\n  }\n\n  .footer p {\n    font-size: 0.75rem;\n    color: var(--text-muted);\n    letter-spacing: 0.05em;\n  }\n\n  .footer .heart {\n    color: #EF4444;\n    display: inline-block;\n    animation: heartbeat 1.5s ease-in-out infinite;\n  }\n\n  @keyframes heartbeat {\n    0%, 100% { transform: scale(1); }\n    15% { transform: scale(1.15); }\n    30% { transform: scale(1); }\n    45% { transform: scale(1.1); }\n  }\n\n  \/* Social icons *\/\n  .social-links {\n    display: flex;\n    gap: 12px;\n    justify-content: center;\n    margin-top: 16px;\n  }\n\n  .social-link {\n    width: 40px;\n    height: 40px;\n    border-radius: 12px;\n    background: var(--bg-card);\n    border: 1px solid var(--border);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s ease;\n    text-decoration: none;\n  }\n\n  .social-link:hover {\n    border-color: var(--border-glow);\n    transform: translateY(-3px);\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);\n    background: rgba(0, 212, 255, 0.08);\n  }\n\n  .social-link i { width: 18px; height: 18px; color: var(--text-secondary); }\n\n  \/* Animations *\/\n  @keyframes fadeInDown {\n    from { opacity: 0; transform: translateY(-20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @keyframes fadeInUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* Floating particles canvas *\/\n  #particles-canvas {\n    position: fixed;\n    inset: 0;\n    z-index: 1;\n    pointer-events: none;\n  }\n\n  \/* Responsive *\/\n  @media (max-width: 640px) {\n    .countdown-item { min-width: 72px; padding: 16px 12px; }\n    .countdown-number { font-size: 1.6rem; }\n    .contact-card { padding: 24px 20px; }\n    .page-wrapper { padding: 30px 16px; }\n    .btn-group { flex-direction: column; }\n    .whatsapp-btn { margin-left: 0; }\n  }\n\n  \/* Scrollbar *\/\n  ::-webkit-scrollbar { width: 6px; }\n  ::-webkit-scrollbar-track { background: var(--bg-dark); }\n  ::-webkit-scrollbar-thumb { background: rgba(0, 212, 255, 0.2); border-radius: 3px; }\n  ::-webkit-scrollbar-thumb:hover { background: rgba(0, 212, 255, 0.4); }\n.wp-block-template-part{\ndisplay:none;\nvisibility:hidden;\n}\n<\/style>\n\n\n\n<!-- Background Effects -->\n<div class=\"bg-grid\"><\/div>\n<div class=\"bg-circuit\">\n  <div class=\"circuit-line\"><\/div>\n  <div class=\"circuit-line\"><\/div>\n  <div class=\"circuit-line\"><\/div>\n  <div class=\"circuit-line\"><\/div>\n  <div class=\"circuit-line\"><\/div>\n  <div class=\"circuit-line\"><\/div>\n  <div class=\"circuit-line-v\"><\/div>\n  <div class=\"circuit-line-v\"><\/div>\n  <div class=\"circuit-line-v\"><\/div>\n  <div class=\"circuit-line-v\"><\/div>\n  <div class=\"circuit-node\"><\/div>\n  <div class=\"circuit-node\"><\/div>\n  <div class=\"circuit-node\"><\/div>\n  <div class=\"circuit-node\"><\/div>\n  <div class=\"circuit-node\"><\/div>\n  <div class=\"circuit-node\"><\/div>\n  <div class=\"circuit-node\"><\/div>\n  <div class=\"circuit-node\"><\/div>\n<\/div>\n<div class=\"orb orb-1\"><\/div>\n<div class=\"orb orb-2\"><\/div>\n<div class=\"orb orb-3\"><\/div>\n<canvas id=\"particles-canvas\"><\/canvas>\n\n<!-- Main Content -->\n<div class=\"page-wrapper\">\n\n  <!-- Logo -->\n  <div class=\"logo-container\">\n    <div class=\"logo-icon\">\n      <i data-lucide=\"smartphone\"><\/i>\n    <\/div>\n    <div class=\"shop-name\">AMALMOBILES<br>&amp;ELECTRONICS<\/div>\n  <\/div>\n\n  <!-- Badge -->\n  <div class=\"coming-soon-badge\">\n    <span class=\"badge-dot\"><\/span>\n    Coming Soon\n  <\/div>\n\n  <!-- Headline -->\n  <div class=\"headline\">\n    <h1>Your One-Stop<br><span class=\"highlight\">Tech Destination<\/span><\/h1>\n    <p>We&#8217;re preparing an incredible collection of premium electronics and mobile accessories just for you. Something amazing is on the way!<\/p>\n  <\/div>\n\n  <!-- Countdown -->\n  <div class=\"countdown-container\">\n    <div class=\"countdown\" id=\"countdown\">\n      <div class=\"countdown-item\">\n        <div class=\"countdown-number\" id=\"days\">00<\/div>\n        <div class=\"countdown-label\">Days<\/div>\n      <\/div>\n      <div class=\"countdown-item\">\n        <div class=\"countdown-number\" id=\"hours\">00<\/div>\n        <div class=\"countdown-label\">Hours<\/div>\n      <\/div>\n      <div class=\"countdown-item\">\n        <div class=\"countdown-number\" id=\"minutes\">00<\/div>\n        <div class=\"countdown-label\">Minutes<\/div>\n      <\/div>\n      <div class=\"countdown-item\">\n        <div class=\"countdown-number\" id=\"seconds\">00<\/div>\n        <div class=\"countdown-label\">Seconds<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Products Preview -->\n  <div class=\"products-section\">\n    <div class=\"products-label\">What We&#8217;ll Offer<\/div>\n    <div class=\"products-grid\">\n      <div class=\"product-card\">\n        <div class=\"product-icon\"><i data-lucide=\"headphones\"><\/i><\/div>\n        <div class=\"product-name\">AirPods<\/div>\n      <\/div>\n      <div class=\"product-card\">\n        <div class=\"product-icon\"><i data-lucide=\"watch\"><\/i><\/div>\n        <div class=\"product-name\">Smart Watches<\/div>\n      <\/div>\n      <div class=\"product-card\">\n        <div class=\"product-icon\"><i data-lucide=\"zap\"><\/i><\/div>\n        <div class=\"product-name\">Chargers<\/div>\n      <\/div>\n      <div class=\"product-card\">\n        <div class=\"product-icon\"><i data-lucide=\"battery-charging\"><\/i><\/div>\n        <div class=\"product-name\">Power Banks<\/div>\n      <\/div>\n      <div class=\"product-card\">\n        <div class=\"product-icon\"><i data-lucide=\"mic\"><\/i><\/div>\n        <div class=\"product-name\">Handsfree<\/div>\n      <\/div>\n      <div class=\"product-card\">\n        <div class=\"product-icon\"><i data-lucide=\"cable\"><\/i><\/div>\n        <div class=\"product-name\">USB Cables<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Contact Section -->\n  <div class=\"contact-section\">\n    <div class=\"contact-card\">\n      <div class=\"contact-label\">Need Assistance?<\/div>\n      <p class=\"contact-text\">For inquiries, orders, or any further assistance, feel free to reach out to us directly.<\/p>\n      <div class=\"btn-group\">\n        <a href=\"tel:03007844421\" class=\"phone-btn\">\n          <i data-lucide=\"phone\"><\/i>\n          <span class=\"phone-number\">0300-7844421<\/span>\n        <\/a>\n        <a href=\"https:\/\/wa.me\/923007844421\" target=\"_blank\" class=\"whatsapp-btn\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"><\/path><\/svg>\n          WhatsApp\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Footer -->\n  <div class=\"footer\">\n    <div class=\"social-links\">\n      <a href=\"#\" class=\"social-link\" title=\"Facebook\"><i data-lucide=\"facebook\"><\/i><\/a>\n      <a href=\"#\" class=\"social-link\" title=\"Instagram\"><i data-lucide=\"instagram\"><\/i><\/a>\n      <a href=\"#\" class=\"social-link\" title=\"Twitter\"><i data-lucide=\"twitter\"><\/i><\/a>\n    <\/div>\n    <p style=\"margin-top:16px;\">\u00a9 2026 AMALMOBILES&amp;ELECTRONICS. Crafted with <span class=\"heart\">\u2665<\/span><\/p>\n  <\/div>\n\n<\/div>\n\n<script>\n  \/\/ Initialize Lucide icons\n  lucide.createIcons();\n\n  \/\/ Countdown Timer - Set launch date 30 days from now\n  const launchDate = new Date();\n  launchDate.setDate(launchDate.getDate() + 30);\n\n  function updateCountdown() {\n    const now = new Date().getTime();\n    const distance = launchDate.getTime() - now;\n\n    if (distance < 0) {\n      document.getElementById('days').textContent = '00';\n      document.getElementById('hours').textContent = '00';\n      document.getElementById('minutes').textContent = '00';\n      document.getElementById('seconds').textContent = '00';\n      return;\n    }\n\n    const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\n    const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n    const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\n    const seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\n\n    document.getElementById('days').textContent = String(days).padStart(2, '0');\n    document.getElementById('hours').textContent = String(hours).padStart(2, '0');\n    document.getElementById('minutes').textContent = String(minutes).padStart(2, '0');\n    document.getElementById('seconds').textContent = String(seconds).padStart(2, '0');\n  }\n\n  updateCountdown();\n  setInterval(updateCountdown, 1000);\n\n  \/\/ Particle system\n  const canvas = document.getElementById('particles-canvas');\n  const ctx = canvas.getContext('2d');\n  let particles = [];\n  let mouse = { x: null, y: null };\n\n  function resizeCanvas() {\n    canvas.width = window.innerWidth;\n    canvas.height = window.innerHeight;\n  }\n\n  resizeCanvas();\n  window.addEventListener('resize', resizeCanvas);\n\n  window.addEventListener('mousemove', function(e) {\n    mouse.x = e.clientX;\n    mouse.y = e.clientY;\n  });\n\n  class Particle {\n    constructor() {\n      this.reset();\n    }\n\n    reset() {\n      this.x = Math.random() * canvas.width;\n      this.y = Math.random() * canvas.height;\n      this.size = Math.random() * 1.5 + 0.5;\n      this.speedX = (Math.random() - 0.5) * 0.4;\n      this.speedY = (Math.random() - 0.5) * 0.4;\n      this.opacity = Math.random() * 0.4 + 0.1;\n      this.color = Math.random() > 0.7 ? '124, 58, 237' : '0, 212, 255';\n    }\n\n    update() {\n      this.x += this.speedX;\n      this.y += this.speedY;\n\n      if (mouse.x !== null) {\n        const dx = this.x - mouse.x;\n        const dy = this.y - mouse.y;\n        const dist = Math.sqrt(dx * dx + dy * dy);\n        if (dist < 120) {\n          const force = (120 - dist) \/ 120;\n          this.x += (dx \/ dist) * force * 1.5;\n          this.y += (dy \/ dist) * force * 1.5;\n        }\n      }\n\n      if (this.x < 0 || this.x > canvas.width || this.y < 0 || this.y > canvas.height) {\n        this.reset();\n      }\n    }\n\n    draw() {\n      ctx.beginPath();\n      ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\n      ctx.fillStyle = `rgba(${this.color}, ${this.opacity})`;\n      ctx.fill();\n    }\n  }\n\n  \/\/ Create particles based on screen size\n  const particleCount = Math.min(80, Math.floor((canvas.width * canvas.height) \/ 15000));\n  for (let i = 0; i < particleCount; i++) {\n    particles.push(new Particle());\n  }\n\n  function connectParticles() {\n    for (let i = 0; i < particles.length; i++) {\n      for (let j = i + 1; j < particles.length; j++) {\n        const dx = particles[i].x - particles[j].x;\n        const dy = particles[i].y - particles[j].y;\n        const dist = Math.sqrt(dx * dx + dy * dy);\n\n        if (dist < 150) {\n          const opacity = (1 - dist \/ 150) * 0.15;\n          ctx.beginPath();\n          ctx.strokeStyle = `rgba(0, 212, 255, ${opacity})`;\n          ctx.lineWidth = 0.5;\n          ctx.moveTo(particles[i].x, particles[i].y);\n          ctx.lineTo(particles[j].x, particles[j].y);\n          ctx.stroke();\n        }\n      }\n    }\n  }\n\n  function animateParticles() {\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n    particles.forEach(p => {\n      p.update();\n      p.draw();\n    });\n\n    connectParticles();\n    requestAnimationFrame(animateParticles);\n  }\n\n  animateParticles();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>AMALMOBILES&amp;ELECTRONICS &#8211; Coming Soon AMALMOBILES&amp;ELECTRONICS Coming Soon Your One-StopTech Destination We&#8217;re preparing an incredible collection of premium electronics and mobile accessories just for you. Something amazing is on the way! 00 Days 00 Hours 00 Minutes 00 Seconds What We&#8217;ll Offer AirPods Smart Watches Chargers Power Banks Handsfree USB Cables Need Assistance? For inquiries, orders, &hellip;<\/p>\n<p class=\"read-more\"> <a class=\" thunk-readmore button \" href=\"https:\/\/amalelectronics.com\/index.php\/6-2\/\"> <span class=\"screen-reader-text\">Coming Soon..<\/span>Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry","thunk-woo-product-list","opn-qv-enable","big-store-woo-hover-zoom","open-single-product-tab-horizontal","open-shadow-","open-shadow-hover-"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/amalelectronics.com\/index.php\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/amalelectronics.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amalelectronics.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amalelectronics.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/amalelectronics.com\/index.php\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":6,"href":"https:\/\/amalelectronics.com\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/amalelectronics.com\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/amalelectronics.com\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}