{"id":8,"date":"2025-12-10T04:51:45","date_gmt":"2025-12-10T04:51:45","guid":{"rendered":"https:\/\/thedigitalvibestore.in\/?page_id=8"},"modified":"2025-12-12T08:56:54","modified_gmt":"2025-12-12T08:56:54","slug":"home","status":"publish","type":"page","link":"https:\/\/thedigitalvibestore.in\/?page_id=8","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n The Digital Vibe Store - Premium Digital Products<\/title>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n\r\n <!-- Google Fonts -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n :root {\r\n --bg-main: #0A1124; \/* Dark Navy Background *\/\r\n --accent: #1B2A4A; \/* Slightly lighter navy *\/\r\n --button: #3A66FF; \/* Bright Blue Button *\/\r\n --text: #FFFFFF; \/* White Text *\/\r\n --white: #ffffff;\r\n --muted: rgba(255,255,255,0.78);\r\n --card-bg: #0F1725;\r\n --input-bg: #0F1525;\r\n --glass-border: rgba(255,255,255,0.06);\r\n }\r\n\r\n * { box-sizing: border-box; margin: 0; padding: 0; }\r\n html, body {\r\n font-family: \"Poppins\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n background: var(--bg-main);\r\n color: var(--text);\r\n scroll-behavior: smooth;\r\n }\r\n body { line-height: 1.6; }\r\n img { max-width: 100%; display: block; }\r\n a { text-decoration: none; color: inherit; }\r\n\r\n .container { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 1.5rem; }\r\n\r\n \/* Utility buttons *\/\r\n .btn { display: inline-flex; align-items: center; justify-content: center; padding: 0.9rem 1.8rem; border-radius: 999px; font-weight: 600; border: none; cursor: pointer; transition: all 0.22s ease; font-size: 0.95rem; text-align: center; gap: 0.5rem; text-decoration: none; white-space: nowrap; }\r\n .btn-primary { background: linear-gradient(135deg, #295BFF, #4C7CFF); color: var(--white); box-shadow: 0 10px 30px rgba(76,124,255,0.25); }\r\n .btn-primary:hover { background: linear-gradient(135deg, #4C7CFF, #6E96FF); transform: translateY(-2px); }\r\n .btn-outline { background: transparent; color: var(--button); border: 1px solid rgba(76,124,255,0.18); }\r\n .btn-outline:hover { background: rgba(76,124,255,0.08); }\r\n\r\n .section { padding: 4rem 0; }\r\n @media (min-width: 900px) { .section { padding: 4.5rem 0; } }\r\n\r\n .section-title { font-size: 1.9rem; font-weight: 700; margin-bottom: 0.75rem; text-align: center; color: var(--text); }\r\n .section-subtitle { font-size: 0.97rem; max-width: 620px; margin: 0 auto 2.5rem; text-align: center; color: var(--muted); }\r\n\r\n \/* HERO (single-column now) *\/\r\n .hero { background: radial-gradient(circle at top left, rgba(255,255,255,0.02) 0, var(--bg-main) 55%); position: relative; overflow: hidden; }\r\n .hero-inner { display: grid; grid-template-columns: 1fr; gap: 3rem; align-items: center; min-height: 48vh; padding: 3rem 0; }\r\n @media (min-width: 900px) { .hero-inner { min-height: 60vh; } }\r\n\r\n .hero-bubbles { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }\r\n .hero-bubble { position: absolute; background: radial-gradient(circle, rgba(58,124,255,0.12), transparent 65%); border-radius: 50%; animation: floatBubble 18s ease-in-out infinite; opacity: 0.6; }\r\n .hero-bubble.b1 { width: 260px; height: 260px; top: -40px; right: -80px; animation-delay: 0s; }\r\n .hero-bubble.b2 { width: 180px; height: 180px; bottom: -60px; left: 5%; animation-delay: 4s; }\r\n .hero-bubble.b3 { width: 220px; height: 220px; top: 40%; left: -80px; animation-delay: 8s; }\r\n @keyframes floatBubble { 0%, 100% { transform: translateY(0); opacity: 0.5; } 50% { transform: translateY(-30px); opacity: 0.9; } }\r\n\r\n .hero-content { position: relative; z-index: 1; max-width: 820px; margin: 0 auto; text-align: left; }\r\n .hero-tag { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.3rem 0.8rem; border-radius: 999px; background: rgba(76,124,255,0.08); color: var(--button); font-size: 0.78rem; font-weight: 500; margin-bottom: 1rem; }\r\n .hero-heading { font-size: 2.3rem; line-height: 1.12; margin-bottom: 0.9rem; text-align: left; color: var(--text); }\r\n @media (min-width: 900px) { .hero-heading { font-size: 2.8rem; } }\r\n .hero-subtext { font-size: 0.98rem; max-width: 760px; color: var(--muted); margin-bottom: 1.8rem; }\r\n .hero-cta { display: flex; flex-wrap: wrap; gap: 0.9rem; }\r\n @media (max-width: 768px) { .hero-cta { flex-direction: column; } .hero-cta .btn { width: 100%; } }\r\n .hero-note { font-size: 0.8rem; color: rgba(255,255,255,0.65); margin-top: 0.9rem; }\r\n\r\n \/* PRODUCTS *\/\r\n .products-grid { display: grid; gap: 1.8rem; }\r\n @media (min-width: 600px) { .products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }\r\n @media (min-width: 960px) { .products-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }\r\n\r\n .product-card { background: var(--card-bg); border-radius: 18px; padding: 1.2rem 1.2rem 1.4rem; box-shadow: 0 10px 30px rgba(2,6,23,0.6); border: 1px solid var(--glass-border); display: flex; flex-direction: column; gap: 0.8rem; transform: translateY(0); transition: transform 0.22s ease, box-shadow 0.22s ease; }\r\n .product-card:hover { transform: translateY(-6px); box-shadow: 0 24px 60px rgba(58,96,255,0.12); }\r\n\r\n .product-badge { font-size: 0.72rem; display: inline-flex; padding: 0.18rem 0.6rem; border-radius: 999px; background: rgba(58,96,255,0.08); color: var(--button); font-weight: 500; }\r\n\r\n \/* PRODUCT IMAGE \u2014 force 4:5 aspect ratio (portrait) with fallback *\/\r\n .product-image {\r\n border-radius: 14px;\r\n overflow: hidden;\r\n border: 1px dashed rgba(255,255,255,0.04);\r\n background: linear-gradient(135deg, rgba(255,255,255,0.01), rgba(255,255,255,0.02));\r\n width: 100%;\r\n position: relative;\r\n aspect-ratio: 4 \/ 5;\r\n min-height: 0;\r\n display: block;\r\n }\r\n\r\n @supports not (aspect-ratio: 4\/5) {\r\n .product-image { height: auto; }\r\n .product-image::before {\r\n content: \"\";\r\n display: block;\r\n padding-top: 125%;\r\n }\r\n }\r\n\r\n .product-image img {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n display: block;\r\n }\r\n\r\n .product-title { font-size: 1rem; font-weight: 600; color: var(--text); }\r\n .product-desc { font-size: 0.85rem; color: var(--muted); }\r\n .product-meta { display:flex; align-items:center; justify-content:space-between; gap:0.75rem; margin-top:0.4rem; }\r\n\r\n \/* NEW PRICE STYLES *\/\r\n .price-area { display:flex; flex-direction:row; align-items:baseline; gap:0.6rem; }\r\n .price-current {\r\n font-size:1.05rem; font-weight:700; color:var(--white);\r\n background: linear-gradient(135deg, #295BFF, #4C7CFF);\r\n padding:0.28rem 0.65rem; border-radius:12px; box-shadow: 0 6px 18px rgba(46,84,255,0.12);\r\n }\r\n .price-old {\r\n font-size:0.86rem; color: rgba(255,255,255,0.45);\r\n text-decoration: line-through; padding-left: 4px;\r\n }\r\n .discount-pill {\r\n display:inline-block; font-size:0.75rem; font-weight:700; color:#0A1124;\r\n background: linear-gradient(90deg,#FFC857,#FF9F43);\r\n padding:0.22rem 0.5rem; border-radius:999px; margin-left:0.4rem;\r\n box-shadow: 0 8px 20px rgba(255,160,60,0.12);\r\n }\r\n .product-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.9rem; }\r\n .btn-sm { padding: 0.45rem 0.9rem; font-size: 0.8rem; border-radius: 999px; }\r\n .btn-buy { background: linear-gradient(135deg, #295BFF, #4C7CFF); color: var(--white); border: none; }\r\n .btn-buy:hover { filter: brightness(1.05); }\r\n .btn-demo { background: rgba(255,255,255,0.03); color: var(--button); border: 1px solid rgba(76,124,255,0.12); }\r\n .btn-demo:hover { background: rgba(76,124,255,0.06); }\r\n\r\n .coming-grid { display: grid; gap: 1.4rem; }\r\n @media (min-width: 700px) { .coming-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }\r\n .coming-card { background: var(--card-bg); border-radius: 18px; padding: 1.1rem; border: 1px solid var(--glass-border); position: relative; overflow: hidden; }\r\n .coming-title { font-size: 0.9rem; margin-bottom: 0.6rem; color: var(--text); }\r\n .shimmer-placeholder { position: relative; overflow: hidden; border-radius: 12px; background: linear-gradient(90deg, rgba(255,255,255,0.01), rgba(255,255,255,0.02)); height: 80px; }\r\n .shimmer-placeholder::before { content: \"\"; position: absolute; inset: 0; transform: translateX(-100%); background: linear-gradient(120deg, rgba(255,255,255,0), rgba(255,255,255,0.06), rgba(255,255,255,0)); animation: shimmer 1.6s infinite; }\r\n @keyframes shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }\r\n\r\n .testimonials-grid { display: grid; gap: 1.7rem; }\r\n @media (min-width: 780px) { .testimonials-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }\r\n .testimonial-card { background: var(--card-bg); border-radius: 18px; padding: 1.4rem 1.3rem; box-shadow: 0 8px 30px rgba(2,6,23,0.6); border: 1px solid var(--glass-border); }\r\n .testimonial-header { display: flex; align-items: center; gap: 0.7rem; margin-bottom: 0.6rem; }\r\n .avatar { width: 38px; height: 38px; border-radius: 999px; background: rgba(76,124,255,0.12); display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600; color: var(--button); }\r\n .testimonial-name { font-size: 0.9rem; font-weight: 600; color: var(--text); }\r\n .testimonial-role { font-size: 0.78rem; color: var(--muted); }\r\n .stars { font-size: 0.78rem; color: #FFC857; margin-bottom: 0.4rem; }\r\n .testimonial-text { font-size: 0.86rem; color: var(--muted); }\r\n\r\n .contact-layout { display: grid; gap: 2rem; }\r\n @media (min-width: 840px) { .contact-layout { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.2fr); align-items: flex-start; } }\r\n .contact-info { font-size: 0.9rem; color: var(--muted); }\r\n .contact-highlights { margin-top: 1rem; display: grid; gap: 0.6rem; }\r\n .contact-pill { display: inline-flex; align-items: center; padding: 0.25rem 0.8rem; background: rgba(76,124,255,0.08); border-radius: 999px; font-size: 0.78rem; color: var(--white); }\r\n .contact-actions { margin-top: 1.3rem; display: flex; flex-wrap: wrap; gap: 0.7rem; }\r\n .contact-form { background: var(--card-bg); border-radius: 18px; padding: 1.6rem 1.5rem; box-shadow: 0 10px 30px rgba(2,6,23,0.6); border: 1px solid var(--glass-border); }\r\n .form-row { margin-bottom: 1rem; }\r\n .form-row label { display: block; font-size: 0.82rem; margin-bottom: 0.25rem; color: var(--muted); }\r\n .form-control { width: 100%; border-radius: 12px; padding: 0.7rem 0.85rem; border: 1px solid rgba(255,255,255,0.12); font-size: 0.85rem; outline: none; transition: border 0.2s ease, box-shadow 0.2s ease, background 0.2s ease; background: var(--input-bg); color: var(--text); }\r\n .form-control:focus { border-color: var(--button); box-shadow: 0 0 0 4px rgba(58,96,255,0.08); background: #071029; }\r\n textarea.form-control { min-height: 120px; resize: vertical; }\r\n .form-note { font-size: 0.78rem; color: var(--muted); margin-top: 0.4rem; }\r\n\r\n footer { background: linear-gradient(90deg, #071025, #0b1630); color: rgba(255, 255, 255, 0.9); padding: 1.8rem 0 1.6rem; margin-top: 2rem; }\r\n .footer-inner { display: flex; flex-direction: column; gap: 0.8rem; }\r\n @media (min-width: 720px) { .footer-inner { flex-direction: row; align-items: center; justify-content: space-between; } }\r\n .footer-links { display: flex; flex-wrap: wrap; gap: 0.9rem; font-size: 0.86rem; }\r\n .footer-links a { color: rgba(255, 255, 255, 0.9); }\r\n .footer-links a:hover { color: #ffffff; }\r\n .footer-copy { font-size: 0.8rem; color: rgba(255, 255, 255, 0.7); }\r\n\r\n \/* Fade-up animation on scroll *\/\r\n .fade-up { opacity: 0; transform: translateY(20px); transition: opacity 0.5s ease-out, transform 0.5s ease-out; }\r\n .fade-up.visible { opacity: 1; transform: translateY(0); }\r\n\r\n \/* ===== BLINK \/ PULSE STYLES FOR BUY BUTTONS ===== *\/\r\n\r\n \/* Respect users who prefer reduced motion *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n .btn-buy.blink, .buy-now-btn.blink {\r\n animation: none !important;\r\n }\r\n }\r\n\r\n \/* Subtle pulse animation (gentle, not harsh blink) *\/\r\n @keyframes btnPulse {\r\n 0% { transform: translateY(0) scale(1); box-shadow: 0 6px 18px rgba(46,84,255,0.12); opacity: 1; }\r\n 50% { transform: translateY(-4px) scale(1.02); box-shadow: 0 18px 40px rgba(46,84,255,0.16); opacity: 0.98; }\r\n 100% { transform: translateY(0) scale(1); box-shadow: 0 6px 18px rgba(46,84,255,0.12); opacity: 1; }\r\n }\r\n\r\n @keyframes btnGlow {\r\n 0% { box-shadow: 0 8px 26px rgba(58,96,255,0.08); }\r\n 50% { box-shadow: 0 18px 60px rgba(58,96,255,0.16); }\r\n 100% { box-shadow: 0 8px 26px rgba(58,96,255,0.08); }\r\n }\r\n\r\n \/* Combine pulse + glow (keeps it soft) *\/\r\n .btn-buy.blink, .buy-now-btn.blink {\r\n animation: btnPulse 1.6s cubic-bezier(.2,.9,.3,1) infinite,\r\n btnGlow 1.6s ease-in-out infinite;\r\n transform-origin: center;\r\n }\r\n\r\n \/* Slight stagger if multiple buttons show at once *\/\r\n .products-grid .product-card:nth-child(1) .buy-now-btn.blink { animation-delay: 0s; }\r\n .products-grid .product-card:nth-child(2) .buy-now-btn.blink { animation-delay: 0.12s; }\r\n .products-grid .product-card:nth-child(3) .buy-now-btn.blink { animation-delay: 0.28s; }\r\n .products-grid .product-card:nth-child(4) .buy-now-btn.blink { animation-delay: 0.42s; }\r\n .products-grid .product-card:nth-child(5) .buy-now-btn.blink { animation-delay: 0.58s; }\r\n .products-grid .product-card:nth-child(6) .buy-now-btn.blink { animation-delay: 0.72s; }\r\n .products-grid .product-card:nth-child(7) .buy-now-btn.blink { animation-delay: 0.86s; }\r\n .products-grid .product-card:nth-child(8) .buy-now-btn.blink { animation-delay: 1s; }\r\n\r\n \/* ===== FAQ ACCORDION (merged here) ===== *\/\r\n .faq{max-width:800px;margin:20px auto}\r\n .faq-item{\r\n background:var(--card-bg);\r\n border-radius:10px;\r\n padding:12px 14px;\r\n margin-bottom:10px;\r\n border:1px solid var(--glass-border);\r\n }\r\n .faq-q{\r\n cursor:pointer;\r\n font-weight:700;\r\n color:var(--text);\r\n font-size:0.95rem;\r\n }\r\n .faq-a{\r\n display:none;\r\n color:var(--muted);\r\n margin-top:8px;\r\n font-size:0.88rem;\r\n line-height:1.45;\r\n }\r\n\r\n \/* Responsive tweaks *\/\r\n @media (max-width: 600px) {\r\n .section { padding: 3rem 0; }\r\n .hero-heading { font-size: 2rem; }\r\n .hero-subtext { font-size: 0.9rem; }\r\n .section-title { font-size: 1.6rem; }\r\n .section-subtitle { font-size: 0.88rem; }\r\n .product-card { padding: 1rem 1rem 1.2rem; }\r\n }\r\n @media (max-width:480px){\r\n .price-area { gap:0.4rem; }\r\n .price-current { font-size:0.98rem; padding:0.2rem 0.5rem; }\r\n .price-old { font-size:0.78rem; }\r\n .discount-pill { font-size:0.68rem; padding:0.18rem 0.42rem; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- HERO SECTION -->\r\n <header class=\"hero\" id=\"top\">\r\n <div class=\"hero-bubbles\" aria-hidden=\"true\">\r\n <div class=\"hero-bubble b1\"><\/div>\r\n <div class=\"hero-bubble b2\"><\/div>\r\n <div class=\"hero-bubble b3\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"container\">\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-content fade-up\">\r\n <div class=\"hero-tag\">\r\n <span>\u2728 Digital products for creators<\/span>\r\n <\/div>\r\n <h1 class=\"hero-heading\">Welcome to The Digital Vibe Store.<\/h1>\r\n <p class=\"hero-subtext\">\r\n Premium digital bundles to speed up your work, boost creativity, and grow your online income \u2014 all in one place.\r\n <\/p>\r\n <div class=\"hero-cta\">\r\n <button class=\"btn btn-primary\" id=\"exploreProductsBtn\">Explore Products<\/button>\r\n <a href=\"https:\/\/wa.me\/918309324767\" target=\"_blank\" class=\"btn btn-outline\">Chat on WhatsApp<\/a>\r\n <\/div>\r\n <p class=\"hero-note\">Secure payments, instant download access \u2014 start using your digital bundles in seconds.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- PRODUCTS SECTION -->\r\n <section class=\"section\" id=\"products\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title fade-up\">Digital Product Bundles<\/h2>\r\n <p class=\"section-subtitle fade-up\">\r\n High-quality templates, tools, and resource packs designed to save hours of work and help you create better content effortlessly.\r\n <\/p>\r\n\r\n <div class=\"products-grid\">\r\n <!-- Product 1 -->\r\n <article class=\"product-card fade-up\">\r\n <span class=\"product-badge\">Best Seller<\/span>\r\n\r\n <div class=\"product-image\">\r\n <img decoding=\"async\" src=\"https:\/\/thedigitalvibestore.in\/wp-content\/uploads\/2025\/12\/IMG_20251210_190603_cropped_processed_by_imagy-1.jpg\"\r\n loading=\"lazy\"\r\n onerror=\"this.onerror=null;this.src='https:\/\/via.placeholder.com\/600x750.png?text=Creator+OS+Dashboard'\">\r\n <\/div>\r\n\r\n <h3 class=\"product-title\">999+ Excel Templates<\/h3>\r\n <p class=\"product-desc\">Ready-to-use business, finance, personal and productivity Excel templates in one mega pack.<\/p>\r\n <div class=\"product-meta\">\r\n <div class=\"price-area\">\r\n <div class=\"price-badge price-current\">\u20b9199<\/div>\r\n <div class=\"price-old\">\u20b9499<\/div>\r\n <\/div>\r\n <div class=\"meta-right\">\r\n <span class=\"discount-pill\">60% OFF<\/span>\r\n <span style=\"font-size:0.78rem; color:var(--muted); margin-left:10px;\">Instant download<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"product-actions\">\r\n <button class=\"btn btn-sm btn-buy buy-now-btn\" data-product=\"999+ Excel Templates\">Buy Now<\/button>\r\n <a href=\"https:\/\/your-demo-link-1.com\" target=\"_blank\" class=\"btn btn-sm btn-demo\">View Demo<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- Product 2 -->\r\n <article class=\"product-card fade-up\">\r\n <span class=\"product-badge\">New<\/span>\r\n <div class=\"product-image\">\r\n <img decoding=\"async\" src=\"https:\/\/thedigitalvibestore.in\/wp-content\/uploads\/2025\/12\/IMG_20251210_185115.png.png\"\r\n alt=\"Launch Funnel Kit cover\"\r\n loading=\"lazy\"\r\n onerror=\"this.onerror=null;this.src='https:\/\/via.placeholder.com\/600x750.png?text=Launch+Funnel+Kit'\">\r\n <\/div>\r\n <h3 class=\"product-title\">2000+ ChatGPT Prompts<\/h3>\r\n <p class=\"product-desc\">AI-based prompts for content creation, business, marketing, design and automation tasks.<\/p>\r\n <div class=\"product-meta\">\r\n <div class=\"price-area\">\r\n <div class=\"price-badge price-current\">\u20b9199<\/div>\r\n <div class=\"price-old\">\u20b9399<\/div>\r\n <\/div>\r\n <div class=\"meta-right\">\r\n <span class=\"discount-pill\">50% OFF<\/span>\r\n <span style=\"font-size:0.78rem; color:var(--muted); margin-left:10px;\">Instant download<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"product-actions\">\r\n <button class=\"btn btn-sm btn-buy buy-now-btn\" data-product=\"2000+ ChatGPT Prompts\">Buy Now<\/button>\r\n <a href=\"https:\/\/your-demo-link-2.com\" target=\"_blank\" class=\"btn btn-sm btn-demo\">View Demo<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- Product 3 -->\r\n <article class=\"product-card fade-up\">\r\n <span class=\"product-badge\">Hot Deal<\/span>\r\n <div class=\"product-image\">\r\n <img decoding=\"async\" src=\"https:\/\/thedigitalvibestore.in\/wp-content\/uploads\/2025\/12\/Gemini_Generated_Image_939pqp939pqp939p.png\"\r\n alt=\"Social Vibe Pack cover\"\r\n loading=\"lazy\"\r\n onerror=\"this.onerror=null;this.src='https:\/\/via.placeholder.com\/600x750.png?text=Thumbnail+Bundle'\">\r\n <\/div>\r\n <h3 class=\"product-title\">Thumbnail Designing Bundle Resources Pack<\/h3>\r\n <p class=\"product-desc\">Premium fonts, backgrounds, PNG assets, templates and effects for pro-level YouTube thumbnails.<\/p>\r\n <div class=\"product-meta\">\r\n <div class=\"price-area\">\r\n <div class=\"price-badge price-current\">\u20b9149<\/div>\r\n <div class=\"price-old\">\u20b9349<\/div>\r\n <\/div>\r\n <div class=\"meta-right\">\r\n <span class=\"discount-pill\">57% OFF<\/span>\r\n <span style=\"font-size:0.78rem; color:var(--muted); margin-left:10px;\">Instant download<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"product-actions\">\r\n <button class=\"btn btn-sm btn-buy buy-now-btn\" data-product=\"Thumbnail Designing Bundle\">Buy Now<\/button>\r\n <a href=\"https:\/\/your-demo-link-3.com\" target=\"_blank\" class=\"btn btn-sm btn-demo\">View Demo<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- Product 4 -->\r\n <article class=\"product-card fade-up\">\r\n <span class=\"product-badge\">Best Seller<\/span>\r\n <div class=\"product-image\">\r\n <img decoding=\"async\" src=\"https:\/\/thedigitalvibestore.in\/wp-content\/uploads\/2025\/12\/IMG_20251211_135244.jpg\"\r\n alt=\"Video Editing Bundle cover\"\r\n loading=\"lazy\"\r\n onerror=\"this.onerror=null;this.src='https:\/\/via.placeholder.com\/600x750.png?text=Video+Editing+Bundle'\">\r\n <\/div>\r\n <h3 class=\"product-title\">Video Editing Bundle Resources Pack<\/h3>\r\n <p class=\"product-desc\">LUTs, transitions, sound effects, fonts, overlays and editing assets for all video editors.<\/p>\r\n <div class=\"product-meta\">\r\n <div class=\"price-area\">\r\n <div class=\"price-badge price-current\">\u20b9199<\/div>\r\n <div class=\"price-old\">\u20b9449<\/div>\r\n <\/div>\r\n <div class=\"meta-right\">\r\n <span class=\"discount-pill\">56% OFF<\/span>\r\n <span style=\"font-size:0.78rem; color:var(--muted); margin-left:10px;\">Instant download<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"product-actions\">\r\n <button class=\"btn btn-sm btn-buy buy-now-btn\" data-product=\"Video Editing Bundle\">Buy Now<\/button>\r\n <a href=\"https:\/\/your-demo-link-4.com\" target=\"_blank\" class=\"btn btn-sm btn-demo\">View Demo<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- Product 5 -->\r\n <article class=\"product-card fade-up\">\r\n <span class=\"product-badge\">New<\/span>\r\n <div class=\"product-image\">\r\n <img decoding=\"async\" src=\"https:\/\/thedigitalvibestore.in\/wp-content\/uploads\/2025\/12\/IMG_20251211_134141_imgupscaler.ai_Beta_2K.jpg\"\r\n loading=\"lazy\"\r\n onerror=\"this.onerror=null;this.src='https:\/\/via.placeholder.com\/600x750.png?text=Design+Bundle'\">\r\n <\/div>\r\n <h3 class=\"product-title\">675+GB Design Resources Bundle<\/h3>\r\n <p class=\"product-desc\">Massive collection of Photoshop, Illustrator, After Effects assets, fonts, mockups and presets.<\/p>\r\n <div class=\"product-meta\">\r\n <div class=\"price-area\">\r\n <div class=\"price-badge price-current\">\u20b9199<\/div>\r\n <div class=\"price-old\">\u20b9599<\/div>\r\n <\/div>\r\n <div class=\"meta-right\">\r\n <span class=\"discount-pill\">67% OFF<\/span>\r\n <span style=\"font-size:0.78rem; color:var(--muted); margin-left:10px;\">Instant download<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"product-actions\">\r\n <button class=\"btn btn-sm btn-buy buy-now-btn\" data-product=\"675+GB Design Resources Bundle\">Buy Now<\/button>\r\n <a href=\"https:\/\/your-demo-link-5.com\" target=\"_blank\" class=\"btn btn-sm btn-demo\">View Demo<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- Product 6 -->\r\n <article class=\"product-card fade-up\">\r\n <span class=\"product-badge\">Hot Deal<\/span>\r\n <div class=\"product-image\">\r\n <img decoding=\"async\" src=\"https:\/\/thedigitalvibestore.in\/wp-content\/uploads\/2025\/12\/IMG_20251211_134227_imgupscaler.ai_Beta_2K_cropped_processed_by_imagy.jpg\"\r\n alt=\"Reels Mega Bundle cover\"\r\n loading=\"lazy\"\r\n onerror=\"this.onerror=null;this.src='https:\/\/via.placeholder.com\/600x750.png?text=Reels+Mega+Bundle'\">\r\n <\/div>\r\n <h3 class=\"product-title\">Reels Mega Bundle<\/h3>\r\n <p class=\"product-desc\">Boost hooks, captions,and glowing graphics reels boost your social media engagement.<\/p>\r\n <div class=\"product-meta\">\r\n <div class=\"price-area\">\r\n <div class=\"price-badge price-current\">\u20b9149<\/div>\r\n <div class=\"price-old\">\u20b9299<\/div>\r\n <\/div>\r\n <div class=\"meta-right\">\r\n <span class=\"discount-pill\">50% OFF<\/span>\r\n <span style=\"font-size:0.78rem; color:var(--muted); margin-left:10px;\">Instant download<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"product-actions\">\r\n <button class=\"btn btn-sm btn-buy buy-now-btn\" data-product=\"Reels Mega Bundle\">Buy Now<\/button>\r\n <a href=\"https:\/\/your-demo-link-6.com\" target=\"_blank\" class=\"btn btn-sm btn-demo\">View Demo<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- Product 7 -->\r\n <article class=\"product-card fade-up\">\r\n <span class=\"product-badge\">Best Seller<\/span>\r\n <div class=\"product-image\">\r\n <img decoding=\"async\" src=\"https:\/\/thedigitalvibestore.in\/wp-content\/uploads\/2025\/12\/Gemini_Generated_Image_h3qz31h3qz31h3qz.png\"\r\n alt=\"Kids Starters Pack cover\"\r\n loading=\"lazy\"\r\n onerror=\"this.onerror=null;this.src='https:\/\/via.placeholder.com\/600x750.png?text=Kids+Starters+Pack'\">\r\n <\/div>\r\n <h3 class=\"product-title\">Kids Starters Pack<\/h3>\r\n <p class=\"product-desc\">Fun learning worksheets, activity sheets, coloring pages and kid-friendly printable resources.<\/p>\r\n <div class=\"product-meta\">\r\n <div class=\"price-area\">\r\n <div class=\"price-badge price-current\">\u20b9149<\/div>\r\n <div class=\"price-old\">\u20b9249<\/div>\r\n <\/div>\r\n <div class=\"meta-right\">\r\n <span class=\"discount-pill\">40% OFF<\/span>\r\n <span style=\"font-size:0.78rem; color:var(--muted); margin-left:10px;\">Instant download<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"product-actions\">\r\n <button class=\"btn btn-sm btn-buy buy-now-btn\" data-product=\"Kids Starters Pack\">Buy Now<\/button>\r\n <a href=\"https:\/\/your-demo-link-7.com\" target=\"_blank\" class=\"btn btn-sm btn-demo\">View Demo<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- Product 8 -->\r\n <article class=\"product-card fade-up\">\r\n <span class=\"product-badge\">New<\/span>\r\n <div class=\"product-image\">\r\n <img decoding=\"async\" src=\"https:\/\/thedigitalvibestore.in\/wp-content\/uploads\/2025\/12\/IMG_20251211_134107_cropped_processed_by_imagy.jpg\"\r\n alt=\"30M+ Digital Products Mega Bundle cover\"\r\n loading=\"lazy\"\r\n onerror=\"this.onerror=null;this.src='https:\/\/via.placeholder.com\/600x750.png?text=Mega+Bundle'\">\r\n <\/div>\r\n <h3 class=\"product-title\">30M+ Digital Products Mega Bundle<\/h3>\r\n <p class=\"product-desc\">Ultimate all-in-one pack containing courses, templates, design files, plugins and premium toolkits.<\/p>\r\n <div class=\"product-meta\">\r\n <div class=\"price-area\">\r\n <div class=\"price-badge price-current\">\u20b9399<\/div>\r\n <div class=\"price-old\">\u20b9999<\/div>\r\n <\/div>\r\n <div class=\"meta-right\">\r\n <span class=\"discount-pill\">60% OFF<\/span>\r\n <span style=\"font-size:0.78rem; color:var(--muted); margin-left:10px;\">Instant download<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"product-actions\">\r\n <button class=\"btn btn-sm btn-buy buy-now-btn\" data-product=\"30M+ Digital Products Mega Bundle\">Buy Now<\/button>\r\n <a href=\"https:\/\/your-demo-link-8.com\" target=\"_blank\" class=\"btn btn-sm btn-demo\">View Demo<\/a>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ===== FAQ ACCORDION (INSERTED IN MIDDLE) ===== -->\r\n <section class=\"section\" aria-labelledby=\"faqHeading\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title fade-up\" id=\"faqHeading\">Frequently Asked Questions<\/h2>\r\n <p class=\"section-subtitle fade-up\">Quick answers to common questions before checkout.<\/p>\r\n\r\n <div class=\"faq fade-up\" id=\"faqAccordion\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">What file formats are included?<\/div>\r\n <div class=\"faq-a\">\r\n ZIP file containing Excel (.xlsx), Photoshop (.psd), Illustrator (.ai), PNG assets, fonts, presets and instruction PDF.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">How do I get the files after purchase?<\/div>\r\n <div class=\"faq-a\">\r\n You will receive <strong>instant download access<\/strong> from Razorpay + email delivery within seconds.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">Refund policy?<\/div>\r\n <div class=\"faq-a\">\r\n <strong>No refunds. All sales are final.<\/strong><br>\r\n Since these are 100% digital products with instant download access, we do <strong>not<\/strong> offer refunds, returns, cancellations or money-back for any reason.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">Do I get lifetime access?<\/div>\r\n <div class=\"faq-a\">\r\n Yes! You get <strong>lifetime access + free updates<\/strong> whenever we add new files.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">Can I use these for commercial projects?<\/div>\r\n <div class=\"faq-a\">\r\n Yes. All bundles include a <strong>commercial-use license<\/strong> \u2014 use them for client work, social media, YouTube, business and freelancing.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- COMING SOON SECTION (kept) -->\r\n <section class=\"section\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title fade-up\">More digital products coming soon\u2026<\/h2>\r\n <p class=\"section-subtitle fade-up\">New templates, systems, and design packs are already in the pipeline. Sneak peek placeholders below will auto-update as you add real products.<\/p>\r\n\r\n <div class=\"coming-grid\">\r\n <div class=\"coming-card fade-up\">\r\n <h3 class=\"coming-title\">YouTube Creator Kit<\/h3>\r\n <div class=\"shimmer-placeholder\"><\/div>\r\n <\/div>\r\n <div class=\"coming-card fade-up\">\r\n <h3 class=\"coming-title\">Agency Systems Bundle<\/h3>\r\n <div class=\"shimmer-placeholder\"><\/div>\r\n <\/div>\r\n <div class=\"coming-card fade-up\">\r\n <h3 class=\"coming-title\">Student Ultimate Pack<\/h3>\r\n <div class=\"shimmer-placeholder\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- TESTIMONIALS SECTION -->\r\n<section class=\"section\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title fade-up\">What our customers are saying<\/h2>\r\n <p class=\"section-subtitle fade-up\">\r\n Creators, students, and editors love these digital bundles. Here are the top reviews.\r\n <\/p>\r\n\r\n <div class=\"testimonials-grid\">\r\n\r\n <!-- Testimonial 1 -->\r\n <article class=\"testimonial-card fade-up\">\r\n <div class=\"testimonial-header\">\r\n <div class=\"avatar\">SK<\/div>\r\n <div>\r\n <div class=\"testimonial-name\">Sandeep K.<\/div>\r\n <div class=\"testimonial-role\">Freelance Accountant<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"testimonial-text\">\r\n The 999+ Excel Templates pack is unbelievable value. I save hours every week using the\r\n business and finance templates. Totally worth it!\r\n <\/p>\r\n <\/article>\r\n\r\n <!-- Testimonial 2 -->\r\n <article class=\"testimonial-card fade-up\">\r\n <div class=\"testimonial-header\">\r\n <div class=\"avatar\">RJ<\/div>\r\n <div>\r\n <div class=\"testimonial-name\">Rohit J.<\/div>\r\n <div class=\"testimonial-role\">Instagram Creator<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"testimonial-text\">\r\n The Reels Mega Bundle is insane! Hooks, captions, overlays\u2026 everything is ready-made.\r\n My reel reach improved from day 1.\r\n <\/p>\r\n <\/article>\r\n\r\n <!-- Testimonial 3 -->\r\n <article class=\"testimonial-card fade-up\">\r\n <div class=\"testimonial-header\">\r\n <div class=\"avatar\">NG<\/div>\r\n <div>\r\n <div class=\"testimonial-name\">Niharika G.<\/div>\r\n <div class=\"testimonial-role\">Graphic Designer<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"testimonial-text\">\r\n The 675+GB Design Resources Bundle is a goldmine. Fonts, mockups, presets\u2026 everything\r\n I need for client projects in one place!\r\n <\/p>\r\n <\/article>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n <!-- CONTACT SECTION -->\r\n <section class=\"section\" id=\"contact\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title fade-up\">Contact & Support<\/h2>\r\n <p class=\"section-subtitle fade-up\">Have questions before buying or need help with a file? Just message us \u2014 we usually reply within minutes<\/p>\r\n\r\n <div class=\"contact-layout\">\r\n <div class=\"contact-info fade-up\">\r\n <p>The Digital Vibe Store is built for creators, students, and entrepreneurs who want high-quality digital bundles without the stress of designing everything from scratch.<\/p>\r\n <div class=\"contact-highlights\">\r\n <span class=\"contact-pill\">\ud83d\ude80 Instant digital downloads<\/span>\r\n <span class=\"contact-pill\">\u267e Lifetime access & updates<\/span>\r\n <span class=\"contact-pill\">\ud83e\udde9 Made for Indian creators<\/span>\r\n <\/div>\r\n <div class=\"contact-actions\">\r\n <a href=\"https:\/\/wa.me\/918309324767\" target=\"_blank\" class=\"btn btn-outline\">Chat on WhatsApp<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-form fade-up\">\r\n <form>\r\n <div class=\"form-row\">\r\n <label for=\"name\">Name<\/label>\r\n <input type=\"text\" id=\"name\" class=\"form-control\" placeholder=\"Enter your name\" required \/>\r\n <\/div>\r\n <div class=\"form-row\">\r\n <label for=\"email\">Email<\/label>\r\n <input type=\"email\" id=\"email\" class=\"form-control\" placeholder=\"you@example.com\" required \/>\r\n <\/div>\r\n <div class=\"form-row\">\r\n <label for=\"message\">Message<\/label>\r\n <textarea id=\"message\" class=\"form-control\" placeholder=\"Tell us what you need help with...\" required><\/textarea>\r\n <\/div>\r\n <button type=\"submit\" class=\"btn btn-primary\" style=\"width:100%; max-width:220px;\">Send Message<\/button>\r\n <p class=\"form-note\">This is a simple front-end form. Connect it to your backend, Formspree, or other email service to receive messages.<\/p>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FOOTER -->\r\n <footer>\r\n <div class=\"container\">\r\n <div class=\"footer-inner\">\r\n <div class=\"footer-links\">\r\n <a href=\"\/privacy-policy\" target=\"_blank\">Privacy Policy<\/a>\r\n <span>|<\/span>\r\n <a href=\"\/refund-policy\" target=\"_blank\">Refund Policy<\/a>\r\n <span>|<\/span>\r\n <a href=\"#contact\">Contact<\/a>\r\n <span>|<\/span>\r\n <a href=\"https:\/\/instagram.com\/YOUR_INSTAGRAM_HANDLE\" target=\"_blank\">Instagram<\/a>\r\n <\/div>\r\n <div class=\"footer-copy\">\u00a9 2025 The Digital Vibe Store. All Rights Reserved.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <!-- Minimal JS -->\r\n <script>\r\n \/\/ Scroll to Products on hero CTA\r\n const exploreBtn = document.getElementById(\"exploreProductsBtn\");\r\n const productsSection = document.getElementById(\"products\");\r\n if (exploreBtn && productsSection) {\r\n exploreBtn.addEventListener(\"click\", function () {\r\n productsSection.scrollIntoView({ behavior: \"smooth\" });\r\n });\r\n }\r\n\r\n \/\/ Fade-up on scroll using IntersectionObserver\r\n const observer = new IntersectionObserver(\r\n (entries) => {\r\n entries.forEach((entry) => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add(\"visible\");\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n },\r\n { threshold: 0.15 }\r\n );\r\n document.querySelectorAll(\".fade-up\").forEach((el) => observer.observe(el));\r\n\r\n \/\/ Product pricing & Razorpay mapping\r\n const productData = {\r\n \/\/ keys: include both the exact title and common short data-product keys where used\r\n \"999+ Excel Templates\": { sale: 199, original: 499, rzp: \"https:\/\/rzp.io\/l\/YOUR_LINK_1\" },\r\n \"2000+ ChatGPT Prompts\": { sale: 199, original: 399, rzp: \"https:\/\/rzp.io\/l\/YOUR_LINK_2\" },\r\n \"Thumbnail Designing Bundle Resources Pack\": { sale: 149, original: 349, rzp: \"https:\/\/rzp.io\/l\/YOUR_LINK_3\" },\r\n \"Thumbnail Designing Bundle\": { sale: 149, original: 349, rzp: \"https:\/\/rzp.io\/l\/YOUR_LINK_3\" },\r\n \"Video Editing Bundle Resources Pack\": { sale: 199, original: 449, rzp: \"https:\/\/rzp.io\/l\/YOUR_LINK_4\" },\r\n \"Video Editing Bundle\": { sale: 199, original: 449, rzp: \"https:\/\/rzp.io\/l\/YOUR_LINK_4\" },\r\n \"675+GB Design Resources Bundle\": { sale: 199, original: 599, rzp: \"https:\/\/rzp.io\/l\/YOUR_LINK_5\" },\r\n \"Reels Mega Bundle\": { sale: 149, original: 299, rzp: \"https:\/\/rzp.io\/l\/YOUR_LINK_6\" },\r\n \"Kids Starters Pack\": { sale: 149, original: 249, rzp: \"https:\/\/rzp.io\/l\/YOUR_LINK_7\" },\r\n \"30M+ Digital Products Mega Bundle\": { sale: 399, original: 999, rzp: \"https:\/\/rzp.io\/l\/YOUR_LINK_8\" }\r\n };\r\n\r\n \/\/ function to render prices on page load\r\n function renderPrices() {\r\n document.querySelectorAll(\".product-card\").forEach(card => {\r\n const titleEl = card.querySelector(\".product-title\");\r\n if (!titleEl) return;\r\n const name = titleEl.textContent.trim();\r\n const meta = productData[name];\r\n const priceArea = card.querySelector(\".product-meta .price-area\");\r\n const discountEl = card.querySelector(\".discount-pill\");\r\n\r\n if (meta && priceArea) {\r\n const sale = meta.sale;\r\n const orig = meta.original;\r\n \/\/ fill price elements (if present) or create them\r\n let curEl = priceArea.querySelector(\".price-current\");\r\n let oldEl = priceArea.querySelector(\".price-old\");\r\n if (!curEl) {\r\n curEl = document.createElement(\"div\");\r\n curEl.className = \"price-badge price-current\";\r\n priceArea.appendChild(curEl);\r\n }\r\n if (!oldEl) {\r\n oldEl = document.createElement(\"div\");\r\n oldEl.className = \"price-old\";\r\n priceArea.appendChild(oldEl);\r\n }\r\n curEl.textContent = `\u20b9${sale}`;\r\n if (orig > sale) {\r\n oldEl.style.display = \"block\";\r\n oldEl.textContent = `\u20b9${orig}`;\r\n const pct = Math.round((1 - sale \/ orig) * 100);\r\n if (discountEl) discountEl.textContent = `${pct}% OFF`;\r\n else {\r\n const pill = document.createElement(\"span\");\r\n pill.className = \"discount-pill\";\r\n pill.textContent = `${pct}% OFF`;\r\n card.querySelector(\".meta-right\")?.prepend(pill);\r\n }\r\n } else {\r\n oldEl.style.display = \"none\";\r\n if (discountEl) discountEl.style.display = \"none\";\r\n }\r\n } else {\r\n \/\/ fallback: hide discount if product not mapped\r\n const oldEl = card.querySelector(\".price-old\");\r\n if (oldEl) oldEl.style.display = \"none\";\r\n const discountEl2 = card.querySelector(\".discount-pill\");\r\n if (discountEl2) discountEl2.style.display = \"none\";\r\n }\r\n\r\n \/\/ also attach the rzp link to buy button (if data-product present)\r\n const buyBtn = card.querySelector(\".buy-now-btn\");\r\n if (buyBtn) {\r\n \/\/ prefer rzp based on productData by title first, then by button's data-product\r\n const btnProductKey = buyBtn.getAttribute(\"data-product\");\r\n const rzpByTitle = productData[name] ? productData[name].rzp : null;\r\n const rzpByBtn = (btnProductKey && productData[btnProductKey]) ? productData[btnProductKey].rzp : null;\r\n buyBtn.dataset.rzp = rzpByTitle || rzpByBtn || \"\";\r\n }\r\n });\r\n }\r\n\r\n \/\/ updated buy handler (uses data-rzp set above)\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n renderPrices();\r\n\r\n document.querySelectorAll(\".buy-now-btn, .btn-buy\").forEach((btn) => {\r\n btn.addEventListener(\"click\", function (e) {\r\n \/\/ Priority: explicit data-rzp on button (renderPrices sets it) -> fallback map by product name\r\n const explicit = this.dataset.rzp;\r\n const productName = this.getAttribute(\"data-product\") || this.closest(\".product-card\")?.querySelector(\".product-title\")?.textContent?.trim() || \"Unknown Product\";\r\n let razorpayLink = explicit || (productData[productName] ? productData[productName].rzp : \"#\");\r\n\r\n if (razorpayLink && razorpayLink !== \"#\") {\r\n \/\/ optional: send analytics event here\r\n window.location.href = razorpayLink;\r\n } else {\r\n alert(\"Payment link not configured for this product yet.\");\r\n }\r\n });\r\n });\r\n\r\n \/\/ ====== AUTO-ADD BLINK CLASS TO BUY BUTTONS (gentle attention) ======\r\n const buyButtons = document.querySelectorAll(\".buy-now-btn, .btn-buy\");\r\n buyButtons.forEach((btn, i) => {\r\n \/\/ staggered small delay so they don't all animate same frame\r\n const delay = (i % 8) * 120; \/\/ ms\r\n setTimeout(() => btn.classList.add(\"blink\"), delay);\r\n });\r\n\r\n \/\/ OPTIONAL: Remove blink after N seconds to avoid annoyance (uncomment to enable)\r\n \/\/ setTimeout(() => buyButtons.forEach(b => b.classList.remove(\"blink\")), 12000);\r\n });\r\n\r\n \/\/ ===== FAQ accordion JS (works for the inserted FAQ) =====\r\n \/\/ Use event delegation to ensure it works even if DOM updated\r\n document.addEventListener('click', function (ev) {\r\n if (!ev.target.classList.contains('faq-q')) return;\r\n const q = ev.target;\r\n const a = q.nextElementSibling;\r\n if (!a) return;\r\n const open = a.style.display === 'block';\r\n \/\/ close all\r\n document.querySelectorAll('.faq-a').forEach(x => x.style.display = 'none');\r\n \/\/ toggle clicked\r\n a.style.display = open ? 'none' : 'block';\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b68e65d e-flex e-con-boxed e-con e-parent\" data-id=\"b68e65d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1771e67 elementor-widget elementor-widget-html\" data-id=\"1771e67\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- POPUP CSS -->\r\n<style>\r\n#popup-overlay {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(0,0,0,0.65);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n backdrop-filter: blur(4px);\r\n z-index: 9999;\r\n opacity: 0;\r\n pointer-events: none;\r\n transition: .25s ease;\r\n}\r\n\r\n#popup-box {\r\n width: 90%;\r\n max-width: 420px;\r\n background: #0F172A;\r\n padding: 25px;\r\n border-radius: 14px;\r\n text-align: center;\r\n color: #fff;\r\n border: 1px solid rgba(255,255,255,0.08);\r\n transform: scale(0.9);\r\n transition: .25s ease;\r\n}\r\n\r\n#popup-overlay.show {\r\n opacity: 1;\r\n pointer-events: auto;\r\n}\r\n\r\n#popup-overlay.show #popup-box {\r\n transform: scale(1);\r\n}\r\n\r\n#popup-close {\r\n position: absolute;\r\n top: 18px;\r\n right: 18px;\r\n background: rgba(255,255,255,0.08);\r\n border: none;\r\n color: #fff;\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n}\r\n\r\n.popup-title {\r\n font-size: 22px;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.popup-text {\r\n font-size: 15px;\r\n opacity: 0.85;\r\n line-height: 1.5;\r\n}\r\n\r\n.popup-btn {\r\n background: linear-gradient(90deg,#4DA1FF,#6FA0FF);\r\n border: none;\r\n color: #0A1020;\r\n padding: 12px 20px;\r\n border-radius: 50px;\r\n font-weight: 600;\r\n margin-top: 16px;\r\n cursor: pointer;\r\n width: 100%;\r\n}\r\n<\/style>\r\n\r\n<!-- POPUP HTML -->\r\n<div id=\"popup-overlay\">\r\n <button id=\"popup-close\">\u2715<\/button>\r\n \r\n <div id=\"popup-box\">\r\n <div class=\"popup-title\">Explore Our Digital Products<\/div>\r\n\r\n <div class=\"popup-text\">\r\n Digital bundles that help you save time and work smarter.\r\n <\/div>\r\n\r\n <button class=\"popup-btn\" id=\"popup-explore\">Explore All Products<\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- POPUP JS -->\r\n<script>\r\nwindow.addEventListener(\"load\", () => {\r\n const overlay = document.getElementById(\"popup-overlay\");\r\n const closeBtn = document.getElementById(\"popup-close\");\r\n const exploreBtn = document.getElementById(\"popup-explore\");\r\n\r\n \/\/ Show popup instantly\r\n setTimeout(() => {\r\n overlay.classList.add(\"show\");\r\n }, 200);\r\n\r\n closeBtn.addEventListener(\"click\", () => {\r\n overlay.classList.remove(\"show\");\r\n });\r\n\r\n exploreBtn.addEventListener(\"click\", () => {\r\n overlay.classList.remove(\"show\");\r\n window.location.href = \"#products\"; \r\n });\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64b68c8 e-flex e-con-boxed e-con e-parent\" data-id=\"64b68c8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf72427 elementor-widget elementor-widget-html\" data-id=\"cf72427\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- STICKY WHATSAPP BUTTON -->\r\n<style>\r\n .wa-float { position: fixed; right: 12px; bottom: 9px; z-index: 99999; display:flex; align-items:center; gap:10px; }\r\n .wa-circle { width:56px; height:56px; border-radius:999px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#25D366,#128C7E); box-shadow:0 8px 30px rgba(18,140,126,0.16); cursor:pointer; }\r\n .wa-label { background: rgba(0,0,0,0.55); color:#fff; padding:8px 10px; border-radius:999px; font-weight:700; font-size:0.9rem; display:none; }\r\n @media (min-width:900px) { .wa-label { display:block; } }\r\n<\/style>\r\n\r\n<div class=\"wa-float\" id=\"waFloat\">\r\n <div class=\"wa-label\">Chat with us<\/div>\r\n <div class=\"wa-circle\" id=\"waBtn\" title=\"Chat on WhatsApp\">\r\n <!-- simple WhatsApp SVG icon -->\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n <path d=\"M20.52 3.48A11.9 11.9 0 0012 .5 11.93 11.93 0 001.5 12a11.9 11.9 0 002.84 7.57L.5 23.5l3.5-1.05A11.93 11.93 0 0012 23.5c6.62 0 11.97-5.36 11.97-11.97 0-3.2-1.25-6.2-3.45-8.05z\" fill=\"#25D366\"\/>\r\n <path d=\"M17.5 14.3c-.3-.15-1.78-.88-2.06-.98-.28-.1-.48-.15-.68.15-.2.3-.78.98-.95 1.18-.17.2-.34.22-.64.08-.3-.15-1.28-.47-2.44-1.5-.9-.8-1.5-1.78-1.67-2.08-.17-.3-.02-.46.12-.61.12-.12.28-.32.42-.48.14-.16.19-.28.3-.47.1-.2.04-.41-.02-.56-.07-.15-.68-1.64-.93-2.25-.25-.6-.5-.5-.68-.51-.18-.02-.39-.02-.6-.02s-.56.08-.85.41c-.28.33-1.06 1.03-1.06 2.5 0 1.47 1.09 2.9 1.24 3.1.14.2 2.1 3.3 5.1 4.6 3 1.3 3 .86 3.56.81.56-.05 1.78-.72 2.03-1.42.25-.7.25-1.3.17-1.42-.08-.12-.28-.2-.58-.35z\" fill=\"#fff\"\/>\r\n <\/svg>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n document.getElementById('waBtn').addEventListener('click', ()=> {\r\n const phone = '918309324767'; \/\/ change if needed\r\n const pre = encodeURIComponent('Hi! I have a question about your digital bundles.');\r\n window.open(`https:\/\/wa.me\/${phone}?text=${pre}`, '_blank');\r\n });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>The Digital Vibe Store – Premium Digital Products \u2728 Digital products for creators Welcome to The Digital Vibe Store. Premium digital bundles to speed up your work, boost creativity, and grow your online income \u2014 all in one place. Explore Products Chat on WhatsApp Secure payments, instant download access \u2014 start using your digital bundles […]<\/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-8","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/thedigitalvibestore.in\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thedigitalvibestore.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thedigitalvibestore.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thedigitalvibestore.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thedigitalvibestore.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":196,"href":"https:\/\/thedigitalvibestore.in\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":280,"href":"https:\/\/thedigitalvibestore.in\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/280"}],"wp:attachment":[{"href":"https:\/\/thedigitalvibestore.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}