{"id":10,"date":"2026-06-09T06:31:44","date_gmt":"2026-06-09T06:31:44","guid":{"rendered":"https:\/\/testingtomato.in\/?page_id=10"},"modified":"2026-06-16T07:33:04","modified_gmt":"2026-06-16T07:33:04","slug":"home","status":"publish","type":"page","link":"http:\/\/testingtomato.in\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nDigital Vibe \u2013 Full Service Digital Agency<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\r\n\/* \u2500\u2500\u2500 Reset \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\nbody { background: #000; }\r\n\r\n\/* \u2500\u2500\u2500 Main Container \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.dv-main-container {\r\n position: relative;\r\n width: 100%;\r\n height: 100vh;\r\n background: #000;\r\n overflow: hidden;\r\n font-family: 'Montserrat', sans-serif;\r\n user-select: none;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 Slides \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.dv-slide {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 1;\r\n opacity: 1;\r\n}\r\n.dv-slide.active {\r\n z-index: 10;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 Background Container (Circle Clip Reveal) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.dv-bg-container {\r\n position: absolute;\r\n inset: 0;\r\n background-size: cover;\r\n background-position: center;\r\n clip-path: circle(0% at 50% 50%);\r\n transform: scale(1.15);\r\n transition:\r\n clip-path 1.3s cubic-bezier(0.77, 0, 0.175, 1),\r\n transform 6s ease-out;\r\n will-change: clip-path, transform;\r\n}\r\n.dv-slide.active .dv-bg-container {\r\n clip-path: circle(150% at 50% 50%);\r\n transform: scale(1);\r\n}\r\n\r\n\/* Dark gradient overlay so text stays readable over any photo.\r\n Strongest on the left (where the copy lives), fading out to the right. *\/\r\n.dv-bg-container::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n z-index: 1;\r\n background: linear-gradient(\r\n 100deg,\r\n rgba(0,0,0,0.82) 0%,\r\n rgba(0,0,0,0.58) 30%,\r\n rgba(0,0,0,0.30) 58%,\r\n rgba(0,0,0,0.08) 100%\r\n );\r\n pointer-events: none;\r\n}\r\n\r\n\/* SVG bg for slide 1 (already dark\/animated \u2014 skip the overlay) *\/\r\n.dv-svg-bg {\r\n background: none !important;\r\n}\r\n.dv-svg-bg::before {\r\n content: none;\r\n}\r\n.dv-svg-bg svg {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 Slide Content \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.dv-slide-content {\r\n position: absolute;\r\n top: 50%;\r\n left: 10%;\r\n transform: translateY(-40px) translateY(-50%);\r\n color: #fff;\r\n z-index: 20;\r\n max-width: 820px;\r\n opacity: 0;\r\n transition: opacity 0.6s ease 0.9s, transform 0.6s ease 0.9s;\r\n pointer-events: none;\r\n}\r\n.dv-slide.active .dv-slide-content {\r\n opacity: 1;\r\n transform: translateY(-50%);\r\n pointer-events: auto;\r\n}\r\n\r\n\/* Centered variant (slide 1) *\/\r\n.dv-slide-content.centered {\r\n left: 50%;\r\n transform: translateX(-50%) translateY(-40px) translateY(-50%);\r\n text-align: center;\r\n}\r\n.dv-slide.active .dv-slide-content.centered {\r\n transform: translateX(-50%) translateY(-50%);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 Headline \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.dv-slide-content h2 {\r\n font-size: clamp(36px, 7.5vw, 88px);\r\n font-weight: 900;\r\n line-height: 0.92;\r\n letter-spacing: -1px;\r\n margin: 18px 0 14px;\r\n text-transform: uppercase;\r\n opacity: 0;\r\n transform: translateY(40px);\r\n transition: opacity 0.7s ease 1.1s, transform 0.7s ease 1.1s;\r\n}\r\n.dv-slide.active h2 {\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 Slide 1 \u2013 intro headline \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.dv-slide-content h3 {\r\n font-size: clamp(14px, 2vw, 20px);\r\n font-weight: 700;\r\n letter-spacing: 4px;\r\n text-transform: uppercase;\r\n opacity: 0.7;\r\n margin-bottom: 8px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 Tag \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.dv-tag {\r\n font-size: 12px;\r\n font-weight: 700;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: opacity 0.5s ease 0.95s, transform 0.5s ease 0.95s;\r\n display: block;\r\n margin-bottom: 4px;\r\n}\r\n.dv-slide.active .dv-tag {\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n.orange { color: #ff6600; }\r\n.yellow { color: #ffcc00; }\r\n\r\n\/* \u2500\u2500\u2500 Body copy \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.dv-slide-content p {\r\n font-size: clamp(13px, 1.5vw, 17px);\r\n font-weight: 400;\r\n line-height: 1.6;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n max-width: 520px;\r\n transition: opacity 0.6s ease 1.25s, transform 0.6s ease 1.25s;\r\n}\r\n.dv-slide.active p {\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 CTA Button \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.dv-btn {\r\n display: inline-block;\r\n margin-top: 28px;\r\n padding: 14px 46px;\r\n border: 2px solid rgba(255,255,255,0.8);\r\n color: #fff;\r\n text-decoration: none;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n opacity: 0;\r\n transform: translateY(16px);\r\n transition: opacity 0.5s ease 1.4s, transform 0.5s ease 1.4s, background 0.3s, border-color 0.3s;\r\n}\r\n.dv-slide.active .dv-btn {\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n.dv-btn:hover {\r\n background: rgba(255,255,255,0.15);\r\n border-color: #fff;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 Text Scroller (Slide 1) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.dv-text-scroller {\r\n height: clamp(60px, 10vw, 110px);\r\n overflow: hidden;\r\n line-height: 1;\r\n}\r\n.dv-scroller-inner {\r\n transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);\r\n}\r\n.dv-scroller-inner span {\r\n display: block;\r\n height: clamp(60px, 10vw, 110px);\r\n font-size: clamp(52px, 10vw, 110px);\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n line-height: 1;\r\n background: linear-gradient(135deg, #ff00ff, #ffff00 60%, #ff6600);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 Bottom control bar (nav + counter + autoplay ring) \u2500\u2500\u2500\r\n All three live on one flex row now, sharing the same\r\n \"bottom\" anchor and the same cross-axis center, so the\r\n PREV\/NEXT text, the slide counter and the ring all line\r\n up on a single baseline instead of three separately\r\n positioned elements that used to drift apart by a few px. *\/\r\n.dv-bottom-bar {\r\n position: absolute;\r\n bottom: 48px;\r\n left: 10%;\r\n right: 38px;\r\n z-index: 100;\r\n display: flex;\r\n align-items: center;\r\n gap: 48px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 Navigation (PREV \/ NEXT) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.dv-nav-layer {\r\n display: flex;\r\n align-items: center;\r\n gap: 36px;\r\n}\r\n.dv-prev,\r\n.dv-next {\r\n cursor: pointer;\r\n color: #fff;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 3px;\r\n line-height: 1;\r\n opacity: 0.6;\r\n transition: opacity 0.3s, transform 0.3s;\r\n padding: 8px 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n.dv-prev:hover, .dv-next:hover { opacity: 1; }\r\n.dv-prev::before { content: '\u2190'; font-size: 16px; line-height: 1; }\r\n.dv-next::after { content: '\u2192'; font-size: 16px; line-height: 1; }\r\n\r\n\/* Progress bar *\/\r\n.dv-progress {\r\n width: 140px;\r\n height: 1px;\r\n background: rgba(255,255,255,0.2);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.dv-progress-fill {\r\n position: absolute;\r\n left: 0; top: 0;\r\n height: 100%;\r\n background: #fff;\r\n width: 0%;\r\n transition: width 0.1s linear;\r\n}\r\n\r\n\/* Slide counter *\/\r\n.dv-counter {\r\n display: flex;\r\n align-items: baseline;\r\n gap: 6px;\r\n color: rgba(255,255,255,0.4);\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n line-height: 1;\r\n}\r\n.dv-counter .current { color: #fff; font-size: 22px; font-weight: 900; line-height: 1; }\r\n\r\n\/* \u2500\u2500\u2500 Pagination (right side) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.dv-pagination {\r\n position: absolute;\r\n right: 38px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n z-index: 100;\r\n}\r\n.dv-pagination ul {\r\n list-style: none;\r\n}\r\n.dv-pagination li {\r\n color: rgba(255,255,255,0.35);\r\n text-align: right;\r\n margin-bottom: 18px;\r\n cursor: pointer;\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 1px;\r\n transition: color 0.4s, opacity 0.4s, transform 0.4s;\r\n line-height: 1.2;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-end;\r\n gap: 2px;\r\n}\r\n.dv-pagination li span {\r\n font-size: 7px;\r\n letter-spacing: 2px;\r\n display: block;\r\n}\r\n.dv-pagination li:hover {\r\n color: rgba(255,255,255,0.7);\r\n}\r\n.dv-pagination li.active {\r\n color: #ffc000;\r\n transform: scale(1.25);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 Autoplay timer ring \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.dv-autoplay-ring {\r\n margin-left: auto;\r\n width: 34px;\r\n height: 34px;\r\n flex-shrink: 0;\r\n}\r\n.dv-autoplay-ring svg circle.track { stroke: rgba(255,255,255,0.15); }\r\n.dv-autoplay-ring svg circle.fill {\r\n stroke: #ffc000;\r\n stroke-dasharray: 87.96;\r\n stroke-dashoffset: 87.96;\r\n transform: rotate(-90deg);\r\n transform-origin: 50% 50%;\r\n transition: stroke-dashoffset 0.1s linear;\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"dv-main-container\">\r\n\r\n <!-- Bottom control bar: nav, progress, counter, autoplay ring \u2014 one row, one baseline -->\r\n <div class=\"dv-bottom-bar\">\r\n <div class=\"dv-nav-layer\">\r\n <div class=\"dv-prev\" id=\"prevBtn\">PREV<\/div>\r\n <div class=\"dv-progress\"><div class=\"dv-progress-fill\" id=\"progressFill\"><\/div><\/div>\r\n <div class=\"dv-next\" id=\"nextBtn\">NEXT<\/div>\r\n <\/div>\r\n\r\n <div class=\"dv-counter\">\r\n <span class=\"current\" id=\"counterCurrent\">01<\/span>\r\n <span>\/ 08<\/span>\r\n <\/div>\r\n\r\n <div class=\"dv-autoplay-ring\">\r\n <svg viewBox=\"0 0 34 34\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle class=\"track\" cx=\"17\" cy=\"17\" r=\"14\" stroke-width=\"2\"\/>\r\n <circle class=\"fill\" cx=\"17\" cy=\"17\" r=\"14\" stroke-width=\"2\" id=\"autoplayRing\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Pagination -->\r\n <div class=\"dv-pagination\">\r\n <ul id=\"pagination\">\r\n <li class=\"active\" data-slide=\"0\">01<span>WELCOME<\/span><\/li>\r\n <li data-slide=\"1\">02<span>OVERVIEW<\/span><\/li>\r\n <li data-slide=\"2\">03<span>WEBSITES<\/span><\/li>\r\n <li data-slide=\"3\">04<span>VIRTUAL REALITY<\/span><\/li>\r\n <li data-slide=\"4\">05<span>MOTION GRAPHICS<\/span><\/li>\r\n <li data-slide=\"5\">06<span>MOBILE APPS<\/span><\/li>\r\n <li data-slide=\"6\">07<span>DIGITAL MARKETING<\/span><\/li>\r\n <li data-slide=\"7\">08<span>CORPORATE IDENTITY<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Slider -->\r\n <div class=\"dv-slider\">\r\n\r\n <!-- Slide 1: Welcome (SVG animated bg) -->\r\n <div class=\"dv-slide active\" id=\"s1\">\r\n <div class=\"dv-bg-container dv-svg-bg\">\r\n <svg viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <defs>\r\n <radialGradient id=\"grad1\" cx=\"50%\" cy=\"50%\" r=\"60%\">\r\n <stop offset=\"0%\" stop-color=\"#ff00ff\" stop-opacity=\"0.9\"\/>\r\n <stop offset=\"100%\" stop-color=\"#0a001a\" stop-opacity=\"0\"\/>\r\n <\/radialGradient>\r\n <radialGradient id=\"grad2\" cx=\"50%\" cy=\"50%\" r=\"60%\">\r\n <stop offset=\"0%\" stop-color=\"#ffff00\" stop-opacity=\"0.7\"\/>\r\n <stop offset=\"100%\" stop-color=\"#00001a\" stop-opacity=\"0\"\/>\r\n <\/radialGradient>\r\n <radialGradient id=\"grad3\" cx=\"50%\" cy=\"50%\" r=\"60%\">\r\n <stop offset=\"0%\" stop-color=\"#00ffff\" stop-opacity=\"0.5\"\/>\r\n <stop offset=\"100%\" stop-color=\"#001a1a\" stop-opacity=\"0\"\/>\r\n <\/radialGradient>\r\n <\/defs>\r\n <rect width=\"100\" height=\"100\" fill=\"#08001a\"\/>\r\n <rect width=\"100\" height=\"100\" fill=\"url(#grad1)\">\r\n <animateTransform attributeName=\"transform\" type=\"rotate\"\r\n from=\"0 50 50\" to=\"360 50 50\" dur=\"22s\" repeatCount=\"indefinite\"\/>\r\n <\/rect>\r\n <rect width=\"100\" height=\"100\" fill=\"url(#grad2)\">\r\n <animateTransform attributeName=\"transform\" type=\"rotate\"\r\n from=\"360 50 50\" to=\"0 50 50\" dur=\"16s\" repeatCount=\"indefinite\"\/>\r\n <\/rect>\r\n <rect width=\"100\" height=\"100\" fill=\"url(#grad3)\">\r\n <animateTransform attributeName=\"transform\" type=\"rotate\"\r\n from=\"0 50 50\" to=\"360 50 50\" dur=\"30s\" repeatCount=\"indefinite\"\/>\r\n <\/rect>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"dv-slide-content centered\">\r\n <h3>creating brand experiences that<\/h3>\r\n <div class=\"dv-text-scroller\">\r\n <div class=\"dv-scroller-inner\" id=\"scroller\">\r\n <span>DELIGHT<\/span>\r\n <span>MATTER<\/span>\r\n <span>INSPIRE<\/span>\r\n <span>CONVERT<\/span>\r\n <span>CONVINCE<\/span>\r\n <span>ENGAGE<\/span>\r\n <span>DELIGHT<\/span><!-- duplicate for seamless loop -->\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Slide 2: Overview -->\r\n <div class=\"dv-slide\" id=\"s2\" data-bg=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?w=1600&q=80\">\r\n <div class=\"dv-bg-container\"><\/div>\r\n <div class=\"dv-slide-content\">\r\n <span class=\"dv-tag\">02. <span class=\"orange\">COMPLETE DESIGN SERVICES<\/span><\/span>\r\n <h2>A FULL SERVICE<br>DIGITAL AGENCY<\/h2>\r\n <p>We help brands align story and actions with the desires of people. Strategy, design, and technology\u2014unified.<\/p>\r\n <a href=\"#\" class=\"dv-btn\">ABOUT DV<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Slide 3: Websites -->\r\n <div class=\"dv-slide\" id=\"s3\" data-bg=\"https:\/\/images.unsplash.com\/photo-1467232004584-a241de8bcf5d?w=1600&q=80\">\r\n <div class=\"dv-bg-container\"><\/div>\r\n <div class=\"dv-slide-content\">\r\n <span class=\"dv-tag\">03. <span class=\"yellow\">WEB & MOBILE EXPERIENCES<\/span><\/span>\r\n <h2>ELEGANT DIGITAL<br>EXPERIENCES<\/h2>\r\n <p>Innovative and eye-catching web design that helps brands stand out in a crowded digital landscape.<\/p>\r\n <a href=\"#\" class=\"dv-btn\">KNOW MORE<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Slide 4: Virtual Reality -->\r\n <div class=\"dv-slide\" id=\"s4\" data-bg=\"https:\/\/images.unsplash.com\/photo-1592478411213-6153e4ebc07d?w=1600&q=80\">\r\n <div class=\"dv-bg-container\"><\/div>\r\n <div class=\"dv-slide-content\">\r\n <span class=\"dv-tag\">04. <span class=\"orange\">VIRTUAL REALITY<\/span><\/span>\r\n <h2>THE FUTURE<br>IS HERE<\/h2>\r\n <p>Immersive virtual reality experiences crafted with a focus on storytelling and deep engagement.<\/p>\r\n <a href=\"#\" class=\"dv-btn\">KNOW MORE<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Slide 5: Motion Graphics -->\r\n <div class=\"dv-slide\" id=\"s5\" data-bg=\"https:\/\/images.unsplash.com\/photo-1574717024653-61fd2cf4d44d?w=1600&q=80\">\r\n <div class=\"dv-bg-container\"><\/div>\r\n <div class=\"dv-slide-content\">\r\n <span class=\"dv-tag\">05. <span class=\"yellow\">MOTION GRAPHICS<\/span><\/span>\r\n <h2>STORYTELLING<br>REDEFINED<\/h2>\r\n <p>Effective 2D\/3D animated videos that engage and inspire \u2014 bringing your brand narrative to life.<\/p>\r\n <a href=\"#\" class=\"dv-btn\">KNOW MORE<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Slide 6: Mobile Apps -->\r\n <div class=\"dv-slide\" id=\"s6\" data-bg=\"https:\/\/images.unsplash.com\/photo-1512941937669-90a1b58e7e9c?w=1600&q=80\">\r\n <div class=\"dv-bg-container\"><\/div>\r\n <div class=\"dv-slide-content\">\r\n <span class=\"dv-tag\">06. <span class=\"orange\">MOBILE & TABLET APPS<\/span><\/span>\r\n <h2>SCALABLE<br>APPLICATIONS<\/h2>\r\n <p>Rich mobile experiences that put your brand directly in your customers' hands, anytime, anywhere.<\/p>\r\n <a href=\"#\" class=\"dv-btn\">KNOW MORE<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Slide 7: Digital Marketing -->\r\n <div class=\"dv-slide\" id=\"s7\" data-bg=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?w=1600&q=80\">\r\n <div class=\"dv-bg-container\"><\/div>\r\n <div class=\"dv-slide-content\">\r\n <span class=\"dv-tag\">07. <span class=\"yellow\">DIGITAL MARKETING<\/span><\/span>\r\n <h2>EXPAND<br>YOUR REACH<\/h2>\r\n <p>Reach, engage and convert \u2014 those three words sit at the heart of every digital strategy we build.<\/p>\r\n <a href=\"#\" class=\"dv-btn\">KNOW MORE<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Slide 8: Corporate Identity -->\r\n <div class=\"dv-slide\" id=\"s8\" data-bg=\"https:\/\/images.unsplash.com\/photo-1626785774573-4b799315345d?w=1600&q=80\">\r\n <div class=\"dv-bg-container\"><\/div>\r\n <div class=\"dv-slide-content\">\r\n <span class=\"dv-tag\">08. <span class=\"orange\">CORPORATE IDENTITY<\/span><\/span>\r\n <h2>ADD VALUE<br>TO YOUR BRAND<\/h2>\r\n <p>A comprehensive visual identity toolkit that ensures a uniform, powerful brand image at every touchpoint.<\/p>\r\n <a href=\"#\" class=\"dv-btn\">KNOW MORE<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div><!-- \/.dv-slider -->\r\n<\/div><!-- \/.dv-main-container -->\r\n\r\n<script>\r\n(function () {\r\n \/* \u2500\u2500 Elements \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n const slides = document.querySelectorAll('.dv-slide');\r\n const bullets = document.querySelectorAll('.dv-pagination li');\r\n const nextBtn = document.getElementById('nextBtn');\r\n const prevBtn = document.getElementById('prevBtn');\r\n const scroller = document.getElementById('scroller');\r\n const counterEl = document.getElementById('counterCurrent');\r\n const progressFill = document.getElementById('progressFill');\r\n const autoplayRing = document.getElementById('autoplayRing');\r\n\r\n const TOTAL = slides.length;\r\n const AUTOPLAY_MS = 5000; \/\/ ms per slide\r\n const CIRCUMFERENCE = 87.96; \/\/ 2\u03c0 \u00d7 14\r\n\r\n let current = 0;\r\n let textIdx = 0;\r\n let autoTimer = null;\r\n let startTime = null;\r\n let rafId = null;\r\n\r\n \/* \u2500\u2500 Set backgrounds from data-bg \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n slides.forEach(s => {\r\n const bg = s.dataset.bg;\r\n if (bg) s.querySelector('.dv-bg-container').style.backgroundImage = `url(${bg})`;\r\n });\r\n\r\n \/* \u2500\u2500 Core: change slide \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n function changeSlide(idx) {\r\n slides[current].classList.remove('active');\r\n bullets[current].classList.remove('active');\r\n\r\n current = ((idx % TOTAL) + TOTAL) % TOTAL;\r\n\r\n slides[current].classList.add('active');\r\n bullets[current].classList.add('active');\r\n\r\n \/\/ Update counter\r\n counterEl.textContent = String(current + 1).padStart(2, '0');\r\n\r\n \/\/ Restart autoplay timer\r\n resetAutoplay();\r\n }\r\n\r\n \/* \u2500\u2500 Autoplay \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n function resetAutoplay() {\r\n clearTimeout(autoTimer);\r\n cancelAnimationFrame(rafId);\r\n startTime = performance.now();\r\n\r\n function tick(now) {\r\n const elapsed = now - startTime;\r\n const pct = Math.min(elapsed \/ AUTOPLAY_MS, 1);\r\n\r\n \/\/ Progress bar\r\n progressFill.style.width = (pct * 100) + '%';\r\n\r\n \/\/ Ring (stroke-dashoffset goes from circumference \u2192 0)\r\n autoplayRing.style.strokeDashoffset = CIRCUMFERENCE * (1 - pct);\r\n\r\n if (pct < 1) {\r\n rafId = requestAnimationFrame(tick);\r\n } else {\r\n changeSlide(current + 1);\r\n }\r\n }\r\n rafId = requestAnimationFrame(tick);\r\n }\r\n\r\n \/* \u2500\u2500 Text scroller (slide 1) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n const SCROLL_WORDS = 6; \/\/ real words (7th is duplicate for reset)\r\n const itemH = scroller.children[0].offsetHeight || 110;\r\n\r\n function scrollText() {\r\n textIdx++;\r\n if (textIdx > SCROLL_WORDS) {\r\n \/\/ Instant jump back to 0 after last real word, then animate normally\r\n scroller.style.transition = 'none';\r\n scroller.style.transform = 'translateY(0px)';\r\n textIdx = 1;\r\n \/\/ Force reflow before re-enabling transition\r\n scroller.getBoundingClientRect();\r\n }\r\n scroller.style.transition = 'transform 0.65s cubic-bezier(0.23, 1, 0.32, 1)';\r\n scroller.style.transform = `translateY(-${textIdx * itemH}px)`;\r\n }\r\n\r\n setInterval(scrollText, 2400);\r\n\r\n \/* \u2500\u2500 Event listeners \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n nextBtn.addEventListener('click', () => changeSlide(current + 1));\r\n prevBtn.addEventListener('click', () => changeSlide(current - 1));\r\n bullets.forEach((b, i) => b.addEventListener('click', () => changeSlide(i)));\r\n\r\n \/* Keyboard navigation *\/\r\n document.addEventListener('keydown', e => {\r\n if (e.key === 'ArrowRight' || e.key === 'ArrowDown') changeSlide(current + 1);\r\n if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') changeSlide(current - 1);\r\n });\r\n\r\n \/* Touch \/ swipe *\/\r\n let touchStartX = 0;\r\n document.addEventListener('touchstart', e => { touchStartX = e.touches[0].clientX; }, { passive: true });\r\n document.addEventListener('touchend', e => {\r\n const dx = e.changedTouches[0].clientX - touchStartX;\r\n if (Math.abs(dx) > 50) changeSlide(current + (dx < 0 ? 1 : -1));\r\n });\r\n\r\n \/* \u2500\u2500 Start \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n resetAutoplay();\r\n\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1e5a1ee e-flex e-con-boxed e-con e-parent\" data-id=\"1e5a1ee\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ca173a elementor-widget elementor-widget-partners_marquee_1c4b4e15\" data-id=\"9ca173a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"partners_marquee_1c4b4e15.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <div class=\"pm-container-1c4b4e15\">\n <div class=\"pm-left-col-1c4b4e15\">\n <div class=\"pm-eyebrow-1c4b4e15\">Our Clients<\/div>\n <h2 class=\"pm-heading-1c4b4e15\">Trusted Partners<\/h2>\n <div class=\"pm-desc-1c4b4e15\">\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed bibendum leo quis augue pretium ultrices. Suspendisse luctus neque ut leo aliquam pretium. Suspendisse laoreet, augue non dignissim tempus, <\/p>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed bibendum leo quis augue pretium ultrices. Suspendisse luctus neque ut leo aliquam pretium. <\/p>\n <\/div>\n <\/div>\n <div class=\"pm-right-col-1c4b4e15 has-gradients\">\n <div class=\"pm-marquee-row-1c4b4e15 pm-ltr-1c4b4e15\">\n <div class=\"pm-marquee-track-1c4b4e15\">\n <div class=\"pm-card-1c4b4e15 elementor-repeater-item-389c8b9\">\n <div class=\"pm-card-bg-1c4b4e15\" style=\"background-image: url('http:\/\/testingtomato.in\/wp-content\/uploads\/2026\/06\/2-1.jpg');\"><\/div>\n <div class=\"pm-card-content-1c4b4e15\">\n <div class=\"pm-logo-wrap-1c4b4e15\">\n <img decoding=\"async\" src=\"http:\/\/testingtomato.in\/wp-content\/uploads\/2026\/06\/Ants-Logo-7.png\" alt=\"Logo\" class=\"pm-logo-1c4b4e15\">\n <\/div>\n <div class=\"pm-partner-name-1c4b4e15\">Antsglobal<\/div>\n <div class=\"pm-category-1c4b4e15\">Manufacturing Ceramic Labware<\/div>\n <\/div>\n <\/div>\n <div class=\"pm-card-1c4b4e15 elementor-repeater-item-fd34034\">\n <div class=\"pm-card-bg-1c4b4e15\" style=\"background-image: url('http:\/\/testingtomato.in\/wp-content\/uploads\/2026\/06\/2-1.jpg');\"><\/div>\n <div class=\"pm-card-content-1c4b4e15\">\n <div class=\"pm-logo-wrap-1c4b4e15\">\n <img decoding=\"async\" src=\"http:\/\/testingtomato.in\/wp-content\/uploads\/2026\/06\/Logo.png\" alt=\"Logo\" class=\"pm-logo-1c4b4e15\">\n <\/div>\n <div class=\"pm-partner-name-1c4b4e15\">Arrow Electricals<\/div>\n <div class=\"pm-category-1c4b4e15\">Turnkey & Electrical automation<\/div>\n <\/div>\n <\/div>\n <div class=\"pm-card-1c4b4e15 elementor-repeater-item-50419f4\">\n <div class=\"pm-card-bg-1c4b4e15\" style=\"background-image: url('http:\/\/testingtomato.in\/wp-content\/uploads\/2026\/06\/2-1.jpg');\"><\/div>\n <div class=\"pm-card-content-1c4b4e15\">\n <div class=\"pm-logo-wrap-1c4b4e15\">\n <img decoding=\"async\" src=\"http:\/\/testingtomato.in\/wp-content\/uploads\/2026\/06\/Logo-3.png\" alt=\"Logo\" class=\"pm-logo-1c4b4e15\">\n <\/div>\n <div class=\"pm-partner-name-1c4b4e15\">EVIO<\/div>\n <div class=\"pm-category-1c4b4e15\">electrical company<\/div>\n <\/div>\n <\/div>\n <div class=\"pm-card-1c4b4e15 elementor-repeater-item-24238ec\">\n <div class=\"pm-card-bg-1c4b4e15\" style=\"background-image: url('http:\/\/testingtomato.in\/wp-content\/uploads\/2026\/06\/2-1.jpg');\"><\/div>\n <div class=\"pm-card-content-1c4b4e15\">\n <div class=\"pm-logo-wrap-1c4b4e15\">\n <img decoding=\"async\" src=\"http:\/\/testingtomato.in\/wp-content\/uploads\/2026\/06\/Logo-6.png\" alt=\"Logo\" class=\"pm-logo-1c4b4e15\">\n <\/div>\n <div class=\"pm-partner-name-1c4b4e15\">Pentagon<\/div>\n <div class=\"pm-category-1c4b4e15\">IT solutions<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"pm-marquee-row-1c4b4e15 pm-rtl-1c4b4e15\">\n <div class=\"pm-marquee-track-1c4b4e15\">\n <div class=\"pm-card-1c4b4e15 elementor-repeater-item-19587f2\">\n <div class=\"pm-card-bg-1c4b4e15\" style=\"background-image: url('http:\/\/testingtomato.in\/wp-content\/uploads\/2026\/06\/2-1.jpg');\"><\/div>\n <div class=\"pm-card-content-1c4b4e15\">\n <div class=\"pm-logo-wrap-1c4b4e15\">\n <img decoding=\"async\" src=\"http:\/\/testingtomato.in\/wp-content\/uploads\/2026\/06\/Logo-10.png\" alt=\"Logo\" class=\"pm-logo-1c4b4e15\">\n <\/div>\n <div class=\"pm-partner-name-1c4b4e15\">Powercon<\/div>\n <div class=\"pm-category-1c4b4e15\">Quality Control Panels<\/div>\n <\/div>\n <\/div>\n <div class=\"pm-card-1c4b4e15 elementor-repeater-item-f97193a\">\n <div class=\"pm-card-bg-1c4b4e15\" style=\"background-image: url('http:\/\/testingtomato.in\/wp-content\/uploads\/2026\/06\/2-1.jpg');\"><\/div>\n <div class=\"pm-card-content-1c4b4e15\">\n <div class=\"pm-logo-wrap-1c4b4e15\">\n <img decoding=\"async\" src=\"http:\/\/testingtomato.in\/wp-content\/uploads\/2026\/06\/Logo-4.png\" alt=\"Logo\" class=\"pm-logo-1c4b4e15\">\n <\/div>\n <div class=\"pm-partner-name-1c4b4e15\">Krediventure<\/div>\n <div class=\"pm-category-1c4b4e15\">Financial Service<\/div>\n <\/div>\n <\/div>\n <div class=\"pm-card-1c4b4e15 elementor-repeater-item-93a55d8\">\n <div class=\"pm-card-bg-1c4b4e15\" style=\"background-image: url('http:\/\/testingtomato.in\/wp-content\/uploads\/2026\/06\/2-1.jpg');\"><\/div>\n <div class=\"pm-card-content-1c4b4e15\">\n <div class=\"pm-logo-wrap-1c4b4e15\">\n <img decoding=\"async\" src=\"http:\/\/testingtomato.in\/wp-content\/uploads\/2026\/06\/Logo-8.png\" alt=\"Logo\" class=\"pm-logo-1c4b4e15\">\n <\/div>\n <div class=\"pm-partner-name-1c4b4e15\">esfro<\/div>\n <div class=\"pm-category-1c4b4e15\">Electrical solutions<\/div>\n <\/div>\n <\/div>\n <div class=\"pm-card-1c4b4e15 elementor-repeater-item-cb8521f\">\n <div class=\"pm-card-bg-1c4b4e15\" style=\"background-image: url('http:\/\/testingtomato.in\/wp-content\/uploads\/2026\/06\/2-1.jpg');\"><\/div>\n <div class=\"pm-card-content-1c4b4e15\">\n <div class=\"pm-logo-wrap-1c4b4e15\">\n <img decoding=\"async\" src=\"http:\/\/testingtomato.in\/wp-content\/uploads\/2026\/06\/Logo-9.png\" alt=\"Logo\" class=\"pm-logo-1c4b4e15\">\n <\/div>\n <div class=\"pm-partner-name-1c4b4e15\">e-way<\/div>\n <div class=\"pm-category-1c4b4e15\">Logistic<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \t\t\t\t<\/div>\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-a12d1c0 e-con e-atomic-element e-flexbox-base e-cd5f270 \" data-id=\"a12d1c0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a12d1c0\">\n \t\t<div class=\"elementor-element elementor-element-201cc07 elementor-widget elementor-widget-html\" data-id=\"201cc07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"rolling-label\">\r\n <span class=\"label__inner label__inner--main\">Hover Me<\/span>\r\n <span class=\"label__inner label__inner--clone\">Hover Me<\/span>\r\n<\/div>\r\n\r\n\r\n<style>\r\n .rolling-label {\r\n display: inline-block;\r\n position: relative;\r\n overflow: hidden; \/* This hides the clone version initially *\/\r\n line-height: 1.2;\r\n cursor: pointer;\r\n font-family: inherit; \/* Or your specific font *\/\r\n font-size: 24px; \/* Adjust as needed *\/\r\n font-weight: bold;\r\n text-transform: uppercase;\r\n}\r\n\r\n.label__inner {\r\n display: block;\r\n transition: transform 0.4s cubic-bezier(0.6, 0.01, 0, 1);\r\n}\r\n\r\n.label__inner--clone {\r\n position: absolute;\r\n top: 100%; \/* Positions it directly below the main label *\/\r\n left: 0;\r\n width: 100%;\r\n color: #0054fa; \/* The blue color seen in your site's data *\/\r\n}\r\n\r\n\/* Hover Effect: Both shift up by 100% *\/\r\n.rolling-label:hover .label__inner--main {\r\n transform: translateY(-100%);\r\n}\r\n\r\n.rolling-label:hover .label__inner--clone {\r\n transform: translateY(-100%);\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\n document.querySelectorAll('.rolling-label').forEach(label => {\r\n \/\/ If you only want to provide text once:\r\n const mainText = label.querySelector('.label__inner--main').innerText;\r\n const clone = label.querySelector('.label__inner--clone');\r\n if (clone) {\r\n clone.innerText = mainText;\r\n }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Digital Vibe \u2013 Full Service Digital Agency PREV NEXT 01 \/ 08 01WELCOME 02OVERVIEW 03WEBSITES 04VIRTUAL REALITY 05MOTION GRAPHICS 06MOBILE APPS 07DIGITAL MARKETING 08CORPORATE IDENTITY creating brand experiences that DELIGHT MATTER INSPIRE CONVERT CONVINCE ENGAGE DELIGHT 02. COMPLETE DESIGN SERVICES A FULL SERVICEDIGITAL AGENCY We help brands align story and actions with the desires of […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/testingtomato.in\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/testingtomato.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/testingtomato.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/testingtomato.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/testingtomato.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":103,"href":"http:\/\/testingtomato.in\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":193,"href":"http:\/\/testingtomato.in\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/193"}],"wp:attachment":[{"href":"http:\/\/testingtomato.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}