{"title":"Deal_Zone Shoes Collection","description":"\u003cdiv class=\"coming-soon-container\"\u003e\n\u003cdiv class=\"stars\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"twinkling\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"content-wrapper\"\u003e\n\u003c!-- Animated floating badge --\u003e\n\u003cdiv class=\"floating-badge\"\u003e\u003cspan class=\"badge-text\"\u003e✨ COMING SOON ✨\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- Main announcement --\u003e\n\u003ch1 class=\"main-title\"\u003e\n\u003cspan class=\"gradient-text\"\u003eSomething Amazing\u003c\/span\u003e \u003cspan class=\"block-text\"\u003eIs On The Way\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003c!-- Countdown Timer (Optional) --\u003e \u003c!-- Description --\u003e\n\u003cp class=\"description\"\u003eWe're working hard to bring you an incredible collection. Get ready for something special!\u003c\/p\u003e\n\u003c!-- Notify Button --\u003e \u003cbutton class=\"notify-button\"\u003e \u003cspan\u003e📬\u003c\/span\u003e Notify Me When Available \u003c\/button\u003e \u003c!-- Social Proof --\u003e\n\u003cdiv class=\"social-proof\"\u003e\n\u003cdiv class=\"avatar-group\"\u003e\n\u003cdiv class=\"avatar\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"avatar\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"avatar\"\u003e🚀\u003c\/div\u003e\n\u003cdiv class=\"avatar\"\u003e💫\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  \/* Import Google Font *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800\u0026display=swap');\n  \n  .coming-soon-container {\n    position: relative;\n    min-height: 600px;\n    width: 100%;\n    background: linear-gradient(145deg, #0f0c29 0%, #302b63 50%, #24243e 100%);\n    font-family: 'Inter', sans-serif;\n    overflow: hidden;\n    border-radius: 20px;\n    margin: 20px 0;\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\n  }\n  \n  \/* Stars Animation *\/\n  .stars, .twinkling {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n    display: block;\n  }\n  \n  .stars {\n    background: #000 url('http:\/\/www.script-tutorials.com\/demos\/360\/images\/stars.png') repeat top center;\n    z-index: 0;\n    animation: move-stars 200s linear infinite;\n  }\n  \n  .twinkling {\n    background: transparent url('http:\/\/www.script-tutorials.com\/demos\/360\/images\/twinkling.png') repeat top center;\n    z-index: 1;\n    animation: move-twinkling 150s linear infinite;\n  }\n  \n  @keyframes move-stars {\n    from { transform: translateY(0); }\n    to { transform: translateY(-2000px); }\n  }\n  \n  @keyframes move-twinkling {\n    from { transform: translateY(0); }\n    to { transform: translateY(-1000px); }\n  }\n  \n  .content-wrapper {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    min-height: 600px;\n    padding: 40px 20px;\n    color: white;\n    text-align: center;\n  }\n  \n  \/* Floating Badge Animation *\/\n  .floating-badge {\n    margin-bottom: 30px;\n    animation: float 3s ease-in-out infinite;\n  }\n  \n  .badge-text {\n    display: inline-block;\n    padding: 12px 28px;\n    background: rgba(255, 255, 255, 0.1);\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 50px;\n    font-size: 1.1rem;\n    font-weight: 600;\n    letter-spacing: 2px;\n    color: #fff;\n    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  }\n  \n  \/* Gradient Text Animation *\/\n  .gradient-text {\n    font-size: 4rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: gradient-shift 3s ease infinite;\n    display: block;\n    line-height: 1.2;\n  }\n  \n  .block-text {\n    font-size: 3.5rem;\n    font-weight: 700;\n    color: white;\n    display: block;\n    text-shadow: 0 0 20px rgba(102, 126, 234, 0.5);\n  }\n  \n  \/* Countdown Timer *\/\n  .countdown-wrapper {\n    display: flex;\n    gap: 25px;\n    margin: 40px 0;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n  \n  .countdown-item {\n    background: rgba(255, 255, 255, 0.1);\n    backdrop-filter: blur(5px);\n    padding: 20px;\n    border-radius: 15px;\n    min-width: 100px;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    animation: pulse 2s infinite;\n  }\n  \n  .countdown-item .number {\n    font-size: 2.8rem;\n    font-weight: 800;\n    color: #fff;\n    display: block;\n    line-height: 1;\n    text-shadow: 0 0 30px rgba(102, 126, 234, 0.8);\n  }\n  \n  .countdown-item .label {\n    font-size: 0.9rem;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: rgba(255, 255, 255, 0.7);\n    margin-top: 5px;\n    display: block;\n  }\n  \n  \/* Description *\/\n  .description {\n    font-size: 1.2rem;\n    color: rgba(255, 255, 255, 0.9);\n    max-width: 600px;\n    margin: 30px auto;\n    line-height: 1.8;\n  }\n  \n  \/* Notify Button *\/\n  .notify-button {\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n    color: white;\n    border: none;\n    padding: 18px 40px;\n    font-size: 1.2rem;\n    font-weight: 600;\n    border-radius: 50px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    box-shadow: 0 10px 30px rgba(102, 126, 234, 0.4);\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin: 20px auto;\n  }\n  \n  .notify-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 15px 40px rgba(102, 126, 234, 0.6);\n  }\n  \n  \/* Social Proof *\/\n  .social-proof {\n    margin-top: 40px;\n    text-align: center;\n  }\n  \n  .avatar-group {\n    display: flex;\n    justify-content: center;\n    gap: 10px;\n    margin-bottom: 10px;\n  }\n  \n  .avatar {\n    width: 50px;\n    height: 50px;\n    background: rgba(255, 255, 255, 0.1);\n    backdrop-filter: blur(5px);\n    border: 2px solid rgba(255, 255, 255, 0.2);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.5rem;\n    animation: float 3s ease-in-out infinite;\n  }\n  \n  .avatar:nth-child(2) {\n    animation-delay: 0.5s;\n  }\n  \n  .avatar:nth-child(3) {\n    animation-delay: 1s;\n  }\n  \n  .avatar:nth-child(4) {\n    animation-delay: 1.5s;\n  }\n  \n  .proof-text {\n    color: rgba(255, 255, 255, 0.8);\n    font-size: 1rem;\n  }\n  \n  .proof-text strong {\n    color: #fff;\n    font-weight: 700;\n  }\n  \n  \/* Animations *\/\n  @keyframes float {\n    0%, 100% {\n      transform: translateY(0);\n    }\n    50% {\n      transform: translateY(-10px);\n    }\n  }\n  \n  @keyframes pulse {\n    0%, 100% {\n      transform: scale(1);\n      border-color: rgba(255, 255, 255, 0.2);\n    }\n    50% {\n      transform: scale(1.05);\n      border-color: rgba(255, 255, 255, 0.5);\n    }\n  }\n  \n  @keyframes gradient-shift {\n    0%, 100% {\n      background-position: 0% 50%;\n    }\n    50% {\n      background-position: 100% 50%;\n    }\n  }\n  \n  \/* Mobile Responsive *\/\n  @media (max-width: 768px) {\n    .gradient-text {\n      font-size: 2.5rem;\n    }\n    \n    .block-text {\n      font-size: 2rem;\n    }\n    \n    .countdown-wrapper {\n      gap: 10px;\n    }\n    \n    .countdown-item {\n      min-width: 60px;\n      padding: 15px;\n    }\n    \n    .countdown-item .number {\n      font-size: 2rem;\n    }\n    \n    .description {\n      font-size: 1rem;\n      padding: 0 20px;\n    }\n    \n    .notify-button {\n      padding: 15px 30px;\n      font-size: 1rem;\n    }\n  }\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e","products":[],"url":"https:\/\/khitzay.com.mm\/my\/collections\/deal_zone-shoes-collection.oembed","provider":"Khit Zay","version":"1.0","type":"link"}