Devvet | Web Development, SaaS & Real Estate Video Production<\/title>\r\n<meta name=\"description\" content=\"Devvet builds high-performance websites, SaaS platforms and custom applications, and produces promotional videos for real estate projects.\">\r\n<link rel=\"canonical\" href=\"\" id=\"canonical\">\r\n<meta property=\"og:title\" content=\"Devvet | Ideas Into Digital Experiences\">\r\n<meta property=\"og:description\" content=\"Websites, SaaS products and real estate project videos.\">\r\n<meta property=\"og:type\" content=\"website\">\r\n<link rel=\"icon\" href=\"assets\/favicon.png\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700&family=Instrument+Sans:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root{--bg:#FFFFFF;--bg2:#F4F6FB;--card:#FFFFFF;--blue:#268DFF;--ebl:#4D7CFF;--vio:#9B65F5;--lav:#7A45E0;--tx:#0B1020;--tx2:#4A5168;--mu:#6B7285;--bd:rgba(11,16,32,.1);--gl:rgba(11,16,32,.035);--grad:linear-gradient(110deg,#268DFF,#9B65F5);--head:\"Bricolage Grotesque\",\"Segoe UI\",system-ui,sans-serif;--body:\"Instrument Sans\",\"Segoe UI\",system-ui,sans-serif}\r\n*{box-sizing:border-box;margin:0}\r\nhtml{scroll-behavior:smooth;scroll-padding-top:84px}\r\nbody{background:var(--bg);color:var(--tx);font:400 1rem\/1.65 var(--body);overflow-x:hidden;-webkit-font-smoothing:antialiased}\r\nimg{max-width:100%;display:block}a{color:inherit}\r\n:focus-visible{outline:2px solid var(--vio);outline-offset:3px;border-radius:6px}\r\nh1,h2,h3{font-family:var(--head);line-height:1.08;letter-spacing:-.02em}\r\nh1{font-size:clamp(2.4rem,6.2vw,5rem)}h2{font-size:clamp(1.9rem,4vw,3.1rem);margin-bottom:1rem}h3{font-size:1.25rem}\r\np{color:var(--tx2)}\r\n.wrap{width:min(1180px,100% - 2.5rem);margin-inline:auto}\r\nsection{padding:clamp(4rem,9vw,7.5rem) 0}\r\n.alt{background:var(--bg2)}\r\n.eye{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--lav);font-weight:600;margin-bottom:1rem;display:block}\r\n.g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}\r\n.lead{max-width:62ch;font-size:1.08rem}\r\n.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;border-radius:999px;font:600 .95rem var(--body);text-decoration:none;border:1px solid var(--bd);background:#fff;color:var(--tx);cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;min-height:46px}\r\n.btn:hover{transform:translateY(-2px);border-color:var(--vio)}\r\n.btn.p{color:#fff;background:var(--grad);border-color:transparent;box-shadow:0 8px 24px -8px rgba(110,100,255,.55)}\r\n.btns{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}\r\nheader{position:fixed;inset:0 0 auto;z-index:50;transition:background .3s,border-color .3s;border-bottom:1px solid transparent}\r\nheader.sc{background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-color:var(--bd)}\r\n.nav{display:flex;align-items:center;justify-content:space-between;height:72px;gap:1rem}\r\n.logo{display:flex;align-items:center;text-decoration:none;font:700 1.4rem var(--head)}\r\n.logo img{height:34px;width:auto}\r\n.menu{display:flex;gap:1.4rem;list-style:none;padding:0;align-items:center}\r\n.menu a{text-decoration:none;font-size:.9rem;color:var(--tx2);transition:color .2s}.menu a:hover{color:var(--tx)}\r\n.menu a.btn.p{color:#fff}\r\n.burger{display:none;background:#fff;border:1px solid var(--bd);border-radius:10px;width:44px;height:44px;cursor:pointer}\r\n.burger span{display:block;width:18px;height:2px;background:var(--tx);margin:4px auto;transition:.25s}\r\n.burger[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}\r\n.burger[aria-expanded=true] span:nth-child(2){opacity:0}\r\n.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}\r\n@media(max-width:1020px){.burger{display:block}.menu{position:fixed;inset:72px 0 auto;flex-direction:column;align-items:stretch;background:rgba(255,255,255,.98);padding:1rem 1.5rem 1.5rem;gap:0;border-bottom:1px solid var(--bd);transform:translateY(-120%);visibility:hidden;transition:transform .3s,visibility .3s}.menu.open{transform:none;visibility:visible}.menu a{display:block;padding:.9rem 0;border-bottom:1px solid var(--bd)}.menu .btn{margin-top:1rem;border-bottom:0}}\r\n.hero{padding-top:9rem;position:relative;overflow:hidden}\r\n.hero:before{content:\"\";position:absolute;width:700px;height:700px;right:-200px;top:-120px;background:radial-gradient(circle,rgba(155,101,245,.18),rgba(38,141,255,.08) 45%,transparent 70%);pointer-events:none}\r\n.hgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center;position:relative}\r\n.tags{margin-top:2rem;color:var(--mu);font-size:.9rem}\r\n.mock{position:relative;min-height:420px}\r\n.browser{background:var(--card);border:1px solid var(--bd);border-radius:18px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(80,80,255,.35)}\r\n.bar{display:flex;gap:6px;padding:12px 14px;border-bottom:1px solid var(--bd)}.bar i{width:9px;height:9px;border-radius:50%;background:#d5d9e6}\r\n.scr{padding:1.2rem;display:grid;gap:.8rem}\r\n.sk{height:12px;border-radius:6px;background:rgba(11,16,32,.08)}\r\n.sk.h{height:70px;background:var(--grad);opacity:.9;border-radius:12px}\r\n.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.row3 .sk{height:54px;border-radius:10px}\r\n.pv{position:absolute;right:-12px;bottom:-28px;width:58%;border-radius:16px;border:1px solid var(--bd);background:#fff;padding:1rem;box-shadow:0 20px 40px -18px rgba(80,80,255,.45)}\r\n.pv b{font:600 .85rem var(--head);display:block}.pv small{color:var(--mu);font-size:.75rem}\r\n.bars{height:60px;margin-top:.7rem;display:flex;align-items:flex-end;gap:5px}.bars i{flex:1;background:var(--grad);border-radius:3px 3px 0 0;opacity:.85}\r\n.note{font-size:.72rem;color:var(--mu);margin-top:2.6rem}\r\n@media(max-width:900px){.hgrid{grid-template-columns:1fr}.mock{min-height:0;margin-bottom:2rem}}\r\n.two{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}\r\n@media(max-width:900px){.two{grid-template-columns:1fr}}\r\n.pr{display:grid;gap:1rem;margin-top:2rem}\r\n.pr div{padding-left:1.1rem;border-left:2px solid var(--vio)}.pr b{display:block;font-family:var(--head)}\r\n.art{aspect-ratio:4\/3.4;border-radius:24px;border:1px solid var(--bd);background:radial-gradient(circle at 30% 20%,#4d7cff40,transparent 55%),radial-gradient(circle at 80% 85%,#9b65f550,transparent 55%),var(--bg2);position:relative;overflow:hidden}\r\n.art .ring{position:absolute;inset:14% 12%;border:1px solid rgba(122,69,224,.4);border-radius:50%}\r\n.art .ring2{inset:30% 28%;border-color:rgba(38,141,255,.5)}\r\n.art p{position:absolute;left:1.4rem;bottom:1.2rem;font-size:.8rem;color:var(--mu)}\r\n.grid{display:grid;gap:1.2rem}\r\n.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}\r\n@media(max-width:900px){.g3{grid-template-columns:1fr 1fr}}@media(max-width:620px){.g2,.g3{grid-template-columns:1fr}}\r\n.card{background:var(--card);border:1px solid var(--bd);border-radius:20px;padding:1.7rem;position:relative;transition:border-color .25s,box-shadow .25s;box-shadow:0 1px 2px rgba(11,16,32,.05),0 12px 30px -18px rgba(11,16,32,.15)}\r\n.card:hover{border-color:rgba(155,101,245,.6)}\r\n.ic{width:46px;height:46px;border-radius:12px;background:var(--grad);color:#fff;display:grid;place-items:center;margin-bottom:1.1rem;font-size:1.3rem}\r\n.card ul{list-style:none;padding:0;margin:1rem 0 1.4rem;display:grid;gap:.3rem;color:var(--tx2);font-size:.92rem}\r\n.card li:before{content:\"\u2013\";color:var(--lav);margin-right:.5rem}\r\n.card a.l{font-weight:600;color:var(--lav);text-decoration:none}.card a.l:hover{text-decoration:underline}\r\n.sn{font-size:.82rem;color:var(--mu);margin-top:1.5rem}\r\n.fl{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.8rem 0 2rem}\r\n.fl button{background:#fff;border:1px solid var(--bd);color:var(--tx2);padding:.55rem 1.1rem;border-radius:999px;font:500 .88rem var(--body);cursor:pointer;min-height:42px}\r\n.fl button[aria-pressed=true]{background:var(--grad);color:#fff;border-color:transparent}\r\n.thumb{aspect-ratio:16\/10;border-radius:14px;margin-bottom:1.1rem;position:relative;overflow:hidden;display:grid;place-items:end start;padding:.8rem}\r\n.thumb span,.badge{font-size:.72rem;background:rgba(255,255,255,.92);color:var(--tx);border:1px solid var(--bd);padding:.2rem .6rem;border-radius:999px}\r\n.meta{font-size:.82rem;color:var(--mu);margin:.5rem 0 1rem}\r\n.card.hide{display:none}\r\n.card .btn{margin-top:.4rem;padding:.6rem 1.1rem;font-size:.88rem;min-height:42px}\r\n.why{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--bd);border:1px solid var(--bd);border-radius:20px;overflow:hidden;margin-top:2.5rem}\r\n.why div{background:var(--bg);padding:1.6rem 1.3rem}.why b{font-family:var(--head);display:block;margin-bottom:.5rem}.why p{font-size:.9rem}\r\n@media(max-width:1000px){.why{grid-template-columns:1fr 1fr}}@media(max-width:560px){.why{grid-template-columns:1fr}}\r\n.tl{list-style:none;padding:0;margin-top:3rem;position:relative;display:grid;gap:2rem;grid-template-columns:repeat(6,1fr)}\r\n.tl:before{content:\"\";position:absolute;top:19px;left:0;right:0;height:2px;background:var(--grad);opacity:.5}\r\n.tl li{position:relative;padding-top:3.2rem}\r\n.tl li:before{content:attr(data-n);position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid var(--vio);display:grid;place-items:center;font:700 .85rem var(--head)}\r\n.tl b{display:block;font-family:var(--head);margin-bottom:.3rem}.tl p{font-size:.9rem}\r\n@media(max-width:980px){.tl{grid-template-columns:1fr;gap:1.4rem;padding-left:1rem}.tl:before{top:0;bottom:0;left:35px;right:auto;width:2px;height:auto}.tl li{padding:0 0 0 4rem}.tl li:before{left:16px}}\r\n.ind{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-top:2.5rem}\r\n.ind div{padding:1.4rem;border-radius:18px;border:1px solid var(--bd);grid-column:span 2;background:var(--bg2)}\r\n.ind div:first-child,.ind div:nth-child(4){grid-column:span 3;background:#fff}\r\n.ind b{font-family:var(--head);display:block;margin-bottom:.3rem}.ind p{font-size:.9rem}\r\n@media(max-width:700px){.ind div,.ind div:first-child,.ind div:nth-child(4){grid-column:span 6}}\r\n.ts{position:relative;margin-top:2.5rem}\r\n.track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1.2rem;scrollbar-width:none;scroll-behavior:smooth}\r\n.track::-webkit-scrollbar{display:none}\r\n.tc{flex:0 0 min(520px,88%);scroll-snap-align:start;border:1px dashed rgba(122,69,224,.45);border-radius:20px;padding:2rem;background:#fff}\r\n.tc q{display:block;font:500 1.2rem\/1.45 var(--head);margin:.8rem 0 1.4rem;quotes:none}\r\n.tc small{color:var(--mu)}\r\n.ctl{display:flex;gap:.6rem;margin-top:1.2rem}.ctl button{width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid var(--bd);color:var(--tx);cursor:pointer;font-size:1.1rem}\r\n.faq{max-width:820px;margin-top:2.5rem}\r\n.fq{border-bottom:1px solid var(--bd)}\r\n.fq button{width:100%;display:flex;justify-content:space-between;gap:1rem;align-items:center;background:none;border:0;color:var(--tx);font:600 1.05rem var(--head);padding:1.3rem 0;text-align:left;cursor:pointer;min-height:56px}\r\n.fq button:after{content:\"+\";font-size:1.5rem;color:var(--lav);transition:transform .3s}\r\n.fq button[aria-expanded=true]:after{transform:rotate(45deg)}\r\n.fa{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s}\r\n.fa.o{grid-template-rows:1fr}.fa>div{overflow:hidden}.fa p{padding-bottom:1.3rem}\r\n.contact{background:radial-gradient(ellipse at 50% 120%,#9b65f533,transparent 60%),radial-gradient(ellipse at 10% 0,#268dff18,transparent 50%),var(--bg2)}\r\n.cg{display:grid;grid-template-columns:.85fr 1.15fr;gap:3rem}\r\n@media(max-width:900px){.cg{grid-template-columns:1fr}}\r\n.ch{display:grid;gap:.6rem;margin-top:1.6rem}\r\n.ch button{text-align:left;padding:1rem 1.2rem;border-radius:14px;border:1px solid var(--bd);background:#fff;color:var(--tx);font:500 .95rem var(--body);cursor:pointer}\r\n.ch button:hover,.ch button.on{border-color:var(--vio)}\r\n\r\n\/* ===== FluentForm container styling ===== *\/\r\n.ff-wrap{background:#fff;border:1px solid var(--bd);border-radius:24px;padding:clamp(1.3rem,3vw,2.2rem);box-shadow:0 30px 60px -35px rgba(80,80,255,.3)}\r\n.ff-wrap .fluentform .ff-el-input--label label{font-size:.85rem;font-weight:500;color:var(--tx)}\r\n.ff-wrap .fluentform input,\r\n.ff-wrap .fluentform select,\r\n.ff-wrap .fluentform textarea{width:100%;background:#F7F8FC;border:1px solid var(--bd);border-radius:12px;color:var(--tx);padding:.8rem 1rem;font:inherit;min-height:46px}\r\n.ff-wrap .fluentform textarea{min-height:130px;resize:vertical}\r\n.ff-wrap .fluentform input:focus,\r\n.ff-wrap .fluentform select:focus,\r\n.ff-wrap .fluentform textarea:focus{outline:2px solid var(--vio);border-color:transparent}\r\n.ff-wrap .fluentform .ff-btn-submit{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;border-radius:999px;font:600 .95rem var(--body);color:#fff;background:var(--grad);border:1px solid transparent;box-shadow:0 8px 24px -8px rgba(110,100,255,.55);cursor:pointer;min-height:46px;transition:transform .2s,box-shadow .2s}\r\n.ff-wrap .fluentform .ff-btn-submit:hover{transform:translateY(-2px)}\r\n\r\n.hp{position:absolute;left:-9999px}\r\nfooter{padding:4rem 0 2rem;border-top:1px solid var(--bd);position:relative;overflow:hidden;background:var(--bg2)}\r\nfooter:after{content:\"\";position:absolute;left:50%;bottom:-220px;width:700px;height:300px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(155,101,245,.2),transparent 70%);pointer-events:none}\r\n.fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem;position:relative}\r\n@media(max-width:800px){.fg{grid-template-columns:1fr 1fr}}\r\n.fg h3{font-size:.95rem;margin-bottom:.8rem}.fg ul{list-style:none;padding:0;display:grid;gap:.4rem}.fg a{color:var(--tx2);text-decoration:none;font-size:.92rem}.fg a:hover{color:var(--tx)}\r\n.copy{margin-top:2.5rem;padding-top:1.4rem;border-top:1px solid var(--bd);color:var(--mu);font-size:.85rem;position:relative}\r\ndialog{border:1px solid var(--bd);border-radius:22px;background:#fff;color:var(--tx);width:min(720px,calc(100% - 2rem));padding:0;max-height:90vh;overflow:auto}\r\ndialog::backdrop{background:rgba(11,16,32,.55);backdrop-filter:blur(4px)}\r\ndialog[open]{animation:pop .25s ease}\r\n@keyframes pop{from{opacity:0;transform:translateY(14px) scale(.98)}}\r\n.mb{padding:1.8rem}.x{position:absolute;right:.8rem;top:.8rem;z-index:2;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--tx);border:1px solid var(--bd);cursor:pointer;font-size:1.2rem}\r\ndialog .thumb{aspect-ratio:16\/9}\r\n.rv{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}.rv.in{opacity:1;transform:none}\r\n@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<a href=\"#main\" style=\"position:absolute;left:-999px\" class=\"btn\" onfocus=\"this.style.left='1rem';this.style.top='1rem';this.style.zIndex=99\" onblur=\"this.style.left='-999px'\">Skip to content<\/a>\r\n<header id=\"hd\"><div class=\"wrap nav\">\r\n<a class=\"logo\" href=\"#home\" aria-label=\"Devvet home\" id=\"logo\"><span class=\"g\">Devvet<\/span><\/a>\r\n<button class=\"burger\" id=\"bg\" aria-expanded=\"false\" aria-controls=\"menu\" aria-label=\"Toggle menu\"><span><\/span><span><\/span><span><\/span><\/button>\r\n<ul class=\"menu\" id=\"menu\">\r\n<li><a href=\"#home\">Home<\/a><\/li><li><a href=\"#services\">Services<\/a><\/li><li><a href=\"#portfolio\">Our Work<\/a><\/li><li><a href=\"#about\">About<\/a><\/li><li><a href=\"#testimonials\">Testimonials<\/a><\/li><li><a href=\"#faq\">FAQ<\/a><\/li><li><a href=\"#contact\">Contact<\/a><\/li>\r\n<li><a class=\"btn p\" data-cfg=\"projectEnquiryUrl\" href=\"#contact\">Start a Project<\/a><\/li>\r\n<\/ul><\/div><\/header>\r\n\r\n<main id=\"main\">\r\n<section class=\"hero\" id=\"home\"><div class=\"wrap hgrid\">\r\n<div>\r\n<span class=\"eye\">Digital Development & Creative Production<\/span>\r\n<h1>We Build Digital Experiences That <span class=\"g\">Move Businesses Forward.<\/span><\/h1>\r\n<p class=\"lead\" style=\"margin-top:1.4rem\">From high-performance websites and scalable SaaS platforms to real estate project videos, Devvet turns ambitious ideas into digital experiences designed to make an impact.<\/p>\r\n<div class=\"btns\"><a class=\"btn p\" data-cfg=\"projectEnquiryUrl\" href=\"#contact\">Start a Project<\/a><a class=\"btn\" data-cfg=\"portfolioUrl\" href=\"#portfolio\">Explore Our Work<\/a><\/div>\r\n<p class=\"tags\">Web Development \u00b7 SaaS Solutions \u00b7 Real Estate Videos<\/p>\r\n<\/div>\r\n<div class=\"mock\" aria-hidden=\"true\">\r\n<div class=\"browser\"><div class=\"bar\"><i><\/i><i><\/i><i><\/i><\/div><div class=\"scr\"><div class=\"sk h\"><\/div><div class=\"sk\" style=\"width:70%\"><\/div><div class=\"sk\" style=\"width:45%\"><\/div><div class=\"row3\"><div class=\"sk\"><\/div><div class=\"sk\"><\/div><div class=\"sk\"><\/div><\/div><div class=\"sk\" style=\"height:90px\"><\/div><\/div><\/div>\r\n<div class=\"pv\"><b>Product dashboard<\/b><small>Illustrative<\/small><div class=\"bars\"><i style=\"height:40%\"><\/i><i style=\"height:75%\"><\/i><i style=\"height:55%\"><\/i><i style=\"height:100%\"><\/i><i style=\"height:65%\"><\/i><i style=\"height:85%\"><\/i><i style=\"height:45%\"><\/i><\/div><\/div>\r\n<p class=\"note\">Illustrative interface mockup<\/p>\r\n<\/div><\/div><\/section>\r\n\r\n<section class=\"alt\" id=\"about\"><div class=\"wrap two\">\r\n<div class=\"rv\"><span class=\"eye\">Who we are<\/span><h2>Technology Meets Thoughtful Creativity.<\/h2>\r\n<p class=\"lead\">Devvet brings development, digital product strategy and visual storytelling together to help businesses establish a stronger digital presence.<\/p>\r\n<p class=\"lead\" style=\"margin-top:1rem\">We start with what the business needs to achieve, then choose the design, engineering and creative approach that fits, from a focused website to a full product build.<\/p>\r\n<div class=\"pr\"><div><b>Built Around Real Business Needs<\/b><p>Every decision traces back to your goals and customers.<\/p><\/div><div><b>Designed With Purpose<\/b><p>Clear, consistent interfaces with a reason behind each choice.<\/p><\/div><div><b>Made to Grow With You<\/b><p>Maintainable foundations that can expand as the business does.<\/p><\/div><\/div><\/div>\r\n<div class=\"art rv\" role=\"img\" aria-label=\"Abstract blue and violet gradient composition\"><div class=\"ring\"><\/div><div class=\"ring ring2\"><\/div><p>Replace with a project screenshot<\/p><\/div>\r\n<\/div><\/section>\r\n\r\n<section id=\"services\"><div class=\"wrap\">\r\n<span class=\"eye\">What we do<\/span><h2>Digital Solutions for Your Next Stage of Growth.<\/h2>\r\n<div class=\"grid g2\" id=\"svc\" style=\"margin-top:2.5rem\"><\/div>\r\n<\/div><\/section>\r\n\r\n\r\n\r\n\r\n<section class=\"alt\" id=\"portfolio\"><div class=\"wrap\">\r\n <span class=\"eye\">Selected concepts<\/span>\r\n <h2>Work That Shows What\u2019s Possible.<\/h2>\r\n <p class=\"lead\">Explore illustrative project concepts. These demo entries are examples of the kinds of digital products Devvet can build.<\/p>\r\n <div class=\"fl\" id=\"pf\" aria-label=\"Filter projects\"><\/div>\r\n <div class=\"grid g3\" id=\"pg\"><\/div>\r\n <p class=\"sn\">Portfolio items marked Demo are illustrative concepts, not claims of completed client work.<\/p>\r\n<\/div><\/section>\r\n\r\n<section id=\"why\"><div class=\"wrap\"><h2>A Thoughtful Approach to Better Digital Work.<\/h2>\r\n<div class=\"why\">\r\n<div><b>Business-First Thinking<\/b><p>Begin with the objective, not just the design.<\/p><\/div>\r\n<div><b>Purposeful Design<\/b><p>Experiences that are clear, intuitive and visually consistent.<\/p><\/div>\r\n<div><b>Practical Engineering<\/b><p>Maintainable solutions suited to the project.<\/p><\/div>\r\n<div><b>Creative Storytelling<\/b><p>Products communicated through meaningful visual narratives.<\/p><\/div>\r\n<div><b>Collaborative Delivery<\/b><p>Requirements, milestones and deliverables kept clear.<\/p><\/div><\/div><\/div><\/section>\r\n\r\n<section class=\"alt\" id=\"process\"><div class=\"wrap\"><h2>From First Conversation to Final Delivery.<\/h2>\r\n<ol class=\"tl\">\r\n<li data-n=\"01\"><b>Discover<\/b><p>Understand the business, audience, goals and requirements.<\/p><\/li>\r\n<li data-n=\"02\"><b>Plan<\/b><p>Define scope, features, creative direction, deliverables and milestones.<\/p><\/li>\r\n<li data-n=\"03\"><b>Design<\/b><p>Develop the visual direction, page structure and user experience.<\/p><\/li>\r\n<li data-n=\"04\"><b>Build<\/b><p>Implement the website, application or agreed creative deliverables.<\/p><\/li>\r\n<li data-n=\"05\"><b>Test & Refine<\/b><p>Check responsiveness, functionality, visual quality and feedback.<\/p><\/li>\r\n<li data-n=\"06\"><b>Launch & Support<\/b><p>Deliver the approved project and discuss any agreed ongoing support.<\/p><\/li><\/ol><\/div><\/section>\r\n\r\n<section id=\"industries\"><div class=\"wrap\"><h2>Digital Experiences for Different Business Needs.<\/h2>\r\n<p class=\"lead\">Project types Devvet can support, not a list of past clients.<\/p>\r\n<div class=\"ind\">\r\n<div><b>Education & Training<\/b><p>Learning platforms, course sites and portals.<\/p><\/div>\r\n<div><b>Transport & Logistics<\/b><p>Booking, tracking views and operations dashboards.<\/p><\/div>\r\n<div><b>E-commerce & Retail<\/b><p>Online stores and payment integrations.<\/p><\/div>\r\n<div><b>Startups & SaaS Businesses<\/b><p>MVPs, subscription flows and admin tooling.<\/p><\/div>\r\n<div><b>Professional Services<\/b><p>Credible websites, enquiry flows and client portals.<\/p><\/div>\r\n<div><b>Business Platforms & Marketplaces<\/b><p>Multi-user systems with roles and workflows.<\/p><\/div><\/div><\/div><\/section>\r\n\r\n<section class=\"alt\" id=\"testimonials\"><div class=\"wrap\">\r\n<span class=\"eye\">Client experiences<\/span><h2>Good Work Starts With Good Collaboration.<\/h2>\r\n<div class=\"ts\"><div class=\"track\" id=\"tk\" tabindex=\"0\" aria-label=\"Testimonials\" role=\"region\"><\/div>\r\n<div class=\"ctl\"><button id=\"pv\" aria-label=\"Previous testimonial\">\u2190<\/button><button id=\"nx\" aria-label=\"Next testimonial\">\u2192<\/button><\/div><\/div>\r\n<\/div><\/section>\r\n\r\n<section id=\"faq\"><div class=\"wrap\"><span class=\"eye\">FAQ<\/span><h2>Questions Before We Get Started?<\/h2><div class=\"faq\" id=\"fq\"><\/div><\/div><\/section>\r\n\r\n<section class=\"contact\" id=\"contact\"><div class=\"wrap cg\">\r\n <div>\r\n <span class=\"eye\">Let's talk<\/span>\r\n <h2>Let's Build Something Worth Remembering.<\/h2>\r\n <p class=\"lead\">Tell us about your next website, SaaS product or real estate video project. We'll use your brief to understand what you need and discuss the next steps.<\/p>\r\n <div class=\"ch\" id=\"ch\" role=\"group\" aria-label=\"Choose project type\">\r\n <button type=\"button\" data-v=\"Website Development\" aria-pressed=\"false\">Website Development<\/button>\r\n <button type=\"button\" data-v=\"SaaS \/ Custom Application\" aria-pressed=\"false\">SaaS \/ Custom Application<\/button>\r\n <button type=\"button\" data-v=\"Real Estate Video Production\" aria-pressed=\"false\">Real Estate Video Production<\/button>\r\n <\/div>\r\n <div class=\"btns\" id=\"alt\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ff-wrap\" id=\"fm\">\r\n <div class='fluentform ff-default fluentform_wrapper_4 ffs_default_wrap'><form data-form_id=\"4\" id=\"fluentform_4\" class=\"frm-fluent-form fluent_form_4 ff-el-form-top ff_form_instance_4_1 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_4_1\" method=\"POST\" ><fieldset style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Blank Form (#4)<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='7' \/><input type=\"hidden\" id=\"_fluentform_4_fluentformnonce\" name=\"_fluentform_4_fluentformnonce\" value=\"edaa39b37d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/p\/wp-json\/wp\/v2\/pages\/7\" \/><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_4_names_first_name_' id='label_ff_4_names_first_name_'>First Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_4_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"Enter Your First Name\" autocomplete=\"given-name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_4_numeric_field' id='label_ff_4_numeric_field'>Phone<\/label><\/div><div class='ff-el-input--content'><input type=\"number\" name=\"numeric_field\" id=\"ff_4_numeric_field\" class=\"ff-el-form-control\" data-name=\"numeric_field\" inputmode=\"numeric\" step=\"any\" aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_4_email' id='label_ff_4_email'>Email<\/label><\/div><div class='ff-el-input--content'><input autocomplete=\"email\" type=\"email\" name=\"email\" id=\"ff_4_email\" class=\"ff-el-form-control\" placeholder=\"Email Address\" data-name=\"email\" aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_4_numeric_field_1' id='label_ff_4_numeric_field_1'>Your Budget<\/label><\/div><div class='ff-el-input--content'><input type=\"number\" name=\"numeric_field_1\" id=\"ff_4_numeric_field_1\" class=\"ff-el-form-control\" data-name=\"numeric_field_1\" inputmode=\"numeric\" step=\"any\" aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_4_description' id='label_ff_4_description'>What would you like to build<\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"false\" aria-labelledby=\"label_ff_4_description\" name=\"description\" id=\"ff_4_description\" class=\"ff-el-form-control\" rows=\"3\" cols=\"2\" data-name=\"description\" ><\/textarea><\/div><\/div><div class='ff-form-inline-style' hidden><style>form.fluent_form_4 .ff-btn-submit:not(.ff_btn_no_style) { background-color: var(--fluentform-primary); color: #ffffff; }<\/style><\/div><div class='ff-el-group ff-text-center ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-lg ff_btn_style\" aria-label=\"Send enquiry\">Send enquiry<\/button><\/div><\/fieldset><\/form><div id='fluentform_4_errors' class='ff-errors-in-stack ff_form_instance_4_1 ff-form-loading_errors ff_form_instance_4_1_errors'><\/div><\/div> <script type=\"text\/javascript\">\n window.fluent_form_ff_form_instance_4_1 = {\"id\":\"4\",\"ajaxUrl\":\"https:\\\/\\\/devvet.zoyz.in\\\/p\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"asteriskPlacement\":\"asterisk-right\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_4_1\",\"form_id_selector\":\"fluentform_4\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"numeric_field\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true},\"numeric\":{\"value\":true,\"message\":\"This field must contain numeric value\",\"global_message\":\"This field must contain numeric value\",\"global\":true},\"min\":{\"value\":\"\",\"message\":\"Validation fails for minimum value\",\"global_message\":\"Validation fails for minimum value\",\"global\":true},\"max\":{\"value\":\"\",\"message\":\"Validation fails for maximum value\",\"global_message\":\"Validation fails for maximum value\",\"global\":true},\"digits\":{\"value\":\"\",\"message\":\"Validation fails for limited digits\",\"global_message\":\"Validation fails for limited digits\",\"global\":true}},\"email\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global_message\":\"This field must contain a valid email\",\"global\":true}},\"numeric_field_1\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true},\"numeric\":{\"value\":true,\"message\":\"This field must contain numeric value\",\"global_message\":\"This field must contain numeric value\",\"global\":true},\"min\":{\"value\":\"\",\"message\":\"Validation fails for minimum value\",\"global_message\":\"Validation fails for minimum value\",\"global\":true},\"max\":{\"value\":\"\",\"message\":\"Validation fails for maximum value\",\"global_message\":\"Validation fails for maximum value\",\"global\":true},\"digits\":{\"value\":\"\",\"message\":\"Validation fails for limited digits\",\"global_message\":\"Validation fails for limited digits\",\"global\":true}},\"description\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}}},\"debounce_time\":300,\"file_upload_settings\":[]};\n <\/script>\n \r\n <\/div>\r\n<\/div><\/section>\r\n\r\n\r\n<\/main>\r\n\r\n<footer><div class=\"wrap\"><div class=\"fg\">\r\n<div><a class=\"logo\" href=\"#home\" id=\"flogo\"><span class=\"g\">Devvet<\/span><\/a><p style=\"margin-top:.8rem;max-width:34ch;font-size:.92rem\">Ideas Into Digital Experiences. Websites, SaaS products and real estate project videos.<\/p><ul id=\"soc\" style=\"margin-top:1rem;display:flex;gap:1rem\"><\/ul><\/div>\r\n<div><h3>Services<\/h3><ul><li><a href=\"#services\">Website Development<\/a><\/li><li><a href=\"#services\">SaaS & Digital Products<\/a><\/li><li><a href=\"#services\">Custom Solutions<\/a><\/li><\/ul><\/div>\r\n<div><h3>Explore<\/h3><ul><li><a href=\"#portfolio\">Portfolio<\/a><\/li><li><a href=\"#about\">About<\/a><\/li><li><a href=\"#contact\">Contact<\/a><\/li><\/ul><\/div>\r\n<div><h3>Legal<\/h3><ul><li><a data-cfg=\"privacyUrl\" href=\"#contact\">Privacy Policy<\/a><\/li><li><a data-cfg=\"termsUrl\" href=\"#contact\">Terms and Conditions<\/a><\/li><\/ul><\/div><\/div>\r\n<p class=\"copy\">\u00a9 <span id=\"yr\"><\/span> Devvet. All rights reserved.<\/p><\/div><\/footer>\r\n\r\n<dialog id=\"md\" aria-labelledby=\"mt\"><button class=\"x\" id=\"mx\" aria-label=\"Close\">\u2715<\/button><div class=\"mb\" id=\"mbody\"><\/div><\/dialog>\r\n\r\n<script>\r\n\/* ===== CONFIGURATION: edit values here; leave \"\" if unknown ===== *\/\r\nconst DEVVET_CONFIG = {\r\n logoUrl: \"http:\/\/devvet.zoyz.in\/p\/wp-content\/uploads\/2026\/10\/Black_and_White_Personal_Name_Address_Monogrammed_Mailing_Label__1_-removebg-preview-1.png\",\r\n contactEmail: \"care@devvet.zoyz.in\",\r\n contactPhone: \"+91 6302659565\",\r\n whatsappNumber: \"\",\r\n projectEnquiryUrl: \"#contact\",\r\n portfolioUrl: \"#portfolio\",\r\n privacyUrl: \"\",\r\n termsUrl: \"\",\r\n canonicalUrl: \"\",\r\n socialLinks: { instagram: \"\", linkedin: \"\", youtube: \"\" }\r\n};\r\n\/* ===== CONTENT DATA ===== *\/\r\nconst SERVICES=[\r\n {i:\"\u2318\",t:\"Website Development\",d:\"Professional websites and web applications built around your business goals, customers and long-term growth.\",l:[\"Corporate and business websites\",\"WordPress websites\",\"Custom PHP development\",\"E-commerce websites\",\"Responsive web design\",\"API integrations\",\"Website maintenance and improvements\"],c:\"Explore Website Development\",type:\"Website Development\"},\r\n {i:\"\u25c8\",t:\"SaaS & Digital Products\",d:\"Turn your business idea into a practical digital product with the right features, workflows and technical foundation.\",l:[\"SaaS MVP development\",\"Custom business platforms\",\"Admin dashboards\",\"User and role management\",\"Subscription and payment workflows\",\"Booking and marketplace systems\",\"Workflow automation\",\"API-based integrations\"],c:\"Discuss Your SaaS Idea\",type:\"SaaS \/ Custom Application\"},\r\n {i:\"\u25b6\",t:\"Real Estate Project Videos\",d:\"We also produce promotional videos for real estate projects. Scope and deliverables are agreed with you per project.\",l:[\"Property promotional videos\",\"Project launch videos\"],c:\"Create a Property Video\",type:\"Real Estate Video Production\"},\r\n {i:\"\u2726\",t:\"Custom Digital Solutions\",d:\"Build the tools, integrations and digital experiences your business needs when standard software is not enough.\",l:[\"Custom web applications\",\"Booking systems\",\"Business dashboards\",\"Customer portals\",\"Data-driven interfaces\",\"API integrations\",\"Process automation\"],c:\"Discuss Your Requirements\",type:\"SaaS \/ Custom Application\"}];\r\nconst PROJECTS=[\r\n {n:\"Corporate Website (Demo)\",cat:\"web\",s:[\"Design\",\"WordPress\"],d:\"Demonstration of a multi-page business website with responsive layout and enquiry flow.\",g:\"#268DFF,#4D7CFF\"},\r\n {n:\"Booking Platform (Demo)\",cat:\"saas\",s:[\"Web app\",\"Dashboards\"],d:\"Demonstration of a booking system with an admin dashboard and role management.\",g:\"#4D7CFF,#9B65F5\"},\r\n {n:\"Online Store (Demo)\",cat:\"ecom\",s:[\"E-commerce\",\"Payments\"],d:\"Demonstration storefront with catalogue, cart and payment integration points.\",g:\"#9B65F5,#C49AFF\"},\r\n {n:\"Logistics Dashboard (Demo)\",cat:\"saas\",s:[\"Dashboard\",\"API\"],d:\"Demonstration operations dashboard with data-driven views.\",g:\"#268DFF,#9B65F5\"},\r\n {n:\"Marketplace MVP (Demo)\",cat:\"saas\",s:[\"SaaS MVP\",\"Subscriptions\"],d:\"Demonstration marketplace concept with listings and user roles.\",g:\"#4D7CFF,#C49AFF\"}];\r\nconst PCATS=[[\"all\",\"All Work\"],[\"web\",\"Websites\"],[\"saas\",\"SaaS & Applications\"],[\"ecom\",\"E-commerce\"]];\r\nconst TESTIMONIALS=[\r\n {q: \"Devvet understood our business goals and delivered a professional, modern website that reflects our brand. The team made the entire development process smooth and straightforward.\",n: \"Rahul Kumar\",r: \"Business Owner\",p: \"Web Development\"},\r\n {q: \"We needed a better way to showcase properties and manage customer enquiries. Devvet's proposed real estate management solution focuses on organised property listings, lead management, and a better client experience.\",n: \"Arjun Mehta\",r: \"Real Estate Professional\",p: \"Real Estate Management\"},\r\n {q: \"Our goal was to build a strong online presence and make it easier for customers to discover our services. Devvet helped shape a clean, user-friendly digital experience around our business needs.\",n: \"Sneha Patel\",r: \"Startup Founder\",p: \"Website Design & Development\"}];\r\nconst FAQS=[\r\n [\"What services does Devvet provide?\",\"Website development and custom web applications, SaaS and digital product development, custom digital solutions, and promotional videos for real estate projects.\"],\r\n [\"Can Devvet develop a custom SaaS platform?\",\"Yes. We can help scope and build an MVP or a full platform, including dashboards, user roles, subscriptions and integrations. The right scope depends on your idea and budget.\"],\r\n [\"Can you build a WordPress or custom PHP website?\",\"Yes. We work with WordPress and custom PHP, and recommend whichever suits your content, features and maintenance needs.\"],\r\n [\"Can I request a website designed around my brand?\",\"Yes. Share your logo, colours and any guidelines and we'll design around them. If you have no brand assets yet, we can discuss direction together.\"],\r\n [\"What information is needed to estimate a project?\",\"Your goals, the pages or features you need, any reference sites, content availability, desired timeline and rough budget. A short brief is enough to start.\"],\r\n [\"Do you create real estate project videos?\",\"Yes. We offer promotional video production for real estate projects. Deliverables, formats and production arrangements are agreed with you per project.\"],\r\n [\"How long does a website or video project take?\",\"It depends on scope, content readiness and feedback speed. We give a timeline after discussing your brief rather than promising a fixed duration upfront.\"],\r\n [\"How can I request a quotation?\",\"Send the enquiry form below with your project details. We'll review it and come back to discuss scope and pricing.\"],\r\n [\"Can an existing website be redesigned or improved?\",\"Yes. We can redesign, improve performance, add features or fix issues on an existing site.\"],\r\n [\"Can the project scope be customised?\",\"Yes. Scope, features, deliverables and milestones are agreed with you and can be adjusted to your needs and budget.\"]];\r\n\/* ===== HELPERS ===== *\/\r\nconst $=(s,r=document)=>r.querySelector(s), $$=(s,r=document)=>[...r.querySelectorAll(s)];\r\nconst C=DEVVET_CONFIG;\r\nconst esc=s=>String(s).replace(\/[&<>\"']\/g,m=>({\"&\":\"&\",\"<\":\"<\",\">\":\">\",'\"':\""\",\"'\":\"'\"}[m]));\r\nconst grad=g=>`background:linear-gradient(135deg,${g.split(\",\")[0]},${g.split(\",\")[1]})`;\r\n$$(\"[data-cfg]\").forEach(a=>{const v=C[a.dataset.cfg];if(v)a.setAttribute(\"href\",v);\r\n if(\/^https?:\/.test(a.getAttribute(\"href\"))){a.target=\"_blank\";a.rel=\"noopener noreferrer\"}});\r\nif(C.canonicalUrl)$(\"#canonical\").href=C.canonicalUrl;else $(\"#canonical\").remove();\r\n$(\"#yr\").textContent=new Date().getFullYear();\r\nif(C.logoUrl){const im=new Image();im.alt=\"Devvet\";im.onload=()=>{[\"logo\",\"flogo\"].forEach(id=>$(\"#\"+id).replaceChildren(im.cloneNode()))};im.src=C.logoUrl}\r\nObject.entries(C.socialLinks).filter(([,u])=>u).forEach(([k,u])=>$(\"#soc\").insertAdjacentHTML(\"beforeend\",`<li><a href=\"${esc(u)}\" target=\"_blank\" rel=\"noopener noreferrer\">${esc(k[0].toUpperCase()+k.slice(1))}<\/a><\/li>`));\r\nconst alt=$(\"#alt\");\r\nif(C.contactEmail)alt.insertAdjacentHTML(\"beforeend\",`<a class=\"btn\" href=\"mailto:${esc(C.contactEmail)}\">Email us<\/a>`);\r\nif(C.contactPhone)alt.insertAdjacentHTML(\"beforeend\",`<a class=\"btn\" href=\"tel:${esc(C.contactPhone)}\">Call us<\/a>`);\r\nif(C.whatsappNumber)alt.insertAdjacentHTML(\"beforeend\",`<a class=\"btn\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/wa.me\/${encodeURIComponent(C.whatsappNumber)}?text=${encodeURIComponent(\"Hello Devvet, I'd like to discuss a project.\")}\">WhatsApp<\/a>`);\r\nconst hd=$(\"#hd\"),menu=$(\"#menu\"),bg=$(\"#bg\");\r\nconst onS=()=>hd.classList.toggle(\"sc\",scrollY>20);addEventListener(\"scroll\",onS,{passive:true});onS();\r\nconst setMenu=o=>{menu.classList.toggle(\"open\",o);bg.setAttribute(\"aria-expanded\",o)};\r\nbg.addEventListener(\"click\",()=>setMenu(!menu.classList.contains(\"open\")));\r\nmenu.addEventListener(\"click\",e=>{if(e.target.closest(\"a\"))setMenu(false)});\r\naddEventListener(\"keydown\",e=>{if(e.key===\"Escape\"&&menu.classList.contains(\"open\")){setMenu(false);bg.focus()}});\r\nfunction pickType(v){const s=$(\"#t\");if(v&&s&&[...s.options].some(o=>o.value===v))s.value=v;$$(\"#ch button\").forEach(b=>{const on=b.dataset.v===v;b.classList.toggle(\"on\",on);b.setAttribute(\"aria-pressed\",on)})}\r\n$$(\"#ch button\").forEach(b=>b.addEventListener(\"click\",()=>pickType(b.dataset.v)));\r\nconst typeSelect=$(\"#t\");if(typeSelect)typeSelect.addEventListener(\"change\",e=>pickType(e.target.value));\r\ndocument.addEventListener(\"click\",e=>{const a=e.target.closest(\"[data-type]\");if(a)pickType(a.dataset.type)});\r\n$(\"#svc\").innerHTML=SERVICES.map(s=>`<article class=\"card rv\"><div class=\"ic\" aria-hidden=\"true\">${s.i}<\/div><h3>${esc(s.t)}<\/h3><p style=\"margin-top:.5rem\">${esc(s.d)}<\/p><ul>${s.l.map(x=>`<li>${esc(x)}<\/li>`).join(\"\")}<\/ul><a class=\"l\" href=\"#contact\" data-type=\"${esc(s.type)}\">${esc(s.c)} \u2192<\/a><\/article>`).join(\"\");\r\n$(\"#pg\").innerHTML=PROJECTS.map((p,i)=>`<article class=\"card rv\" data-c=\"${p.cat}\"><div class=\"thumb\" style=\"${grad(p.g)}\"><span>Demo project<\/span><\/div><h3>${esc(p.n)}<\/h3><p class=\"meta\">${esc(PCATS.find(c=>c[0]===p.cat)[1])} \u00b7 ${esc(p.s.join(\", \"))}<\/p><p>${esc(p.d)}<\/p><button class=\"btn\" data-pj=\"${i}\" style=\"margin-top:1rem\">View Project<\/button><\/article>`).join(\"\");\r\nconst pf=$(\"#pf\");pf.innerHTML=PCATS.map(([k,l],i)=>`<button type=\"button\" data-k=\"${k}\" aria-pressed=\"${i==0}\">${l}<\/button>`).join(\"\");\r\npf.addEventListener(\"click\",e=>{const b=e.target.closest(\"button\");if(!b)return;\r\n $$(\"button\",pf).forEach(x=>x.setAttribute(\"aria-pressed\",x===b));\r\n $$(\"#pg .card\").forEach(c=>c.classList.toggle(\"hide\",b.dataset.k!==\"all\"&&c.dataset.c!==b.dataset.k))});\r\nconst md=$(\"#md\"),mb=$(\"#mbody\");let last=null;\r\nmd.addEventListener(\"close\",()=>{mb.innerHTML=\"\";last&&last.focus()});\r\n$(\"#mx\").addEventListener(\"click\",()=>md.close());\r\nmd.addEventListener(\"click\",e=>{if(e.target===md)md.close()});\r\ndocument.addEventListener(\"click\",e=>{const b=e.target.closest(\"[data-pj]\");if(!b)return;const p=PROJECTS[b.dataset.pj];last=b;\r\n mb.innerHTML=`<div class=\"thumb\" style=\"${grad(p.g)}\"><span>Demonstration project<\/span><\/div><h3 id=\"mt\" style=\"margin-top:1rem\">${esc(p.n)}<\/h3><p class=\"meta\">${esc(p.s.join(\" \u00b7 \"))}<\/p><p>${esc(p.d)}<\/p><p class=\"sn\">This is a labelled demo entry, not completed client work. Replace it in the PROJECTS list.<\/p><a class=\"btn p\" href=\"#contact\" data-type=\"Website Development\" onclick=\"md.close()\" style=\"margin-top:1rem\">Start a Similar Project<\/a>`;md.showModal()});\r\nconst tk=$(\"#tk\");\r\ntk.innerHTML=TESTIMONIALS.map(t=>`<figure class=\"tc\"><span class=\"badge\">Our happy client<\/span><q>${esc(t.q)}<\/q><small>${esc(t.n)} \u00b7 ${esc(t.r)} \u00b7 ${esc(t.p)}<\/small><\/figure>`).join(\"\");\r\nconst step=d=>tk.scrollBy({left:d*(tk.firstElementChild.offsetWidth+19),behavior:\"smooth\"});\r\n$(\"#pv\").onclick=()=>step(-1);$(\"#nx\").onclick=()=>step(1);\r\ntk.addEventListener(\"keydown\",e=>{if(e.key===\"ArrowRight\")step(1);if(e.key===\"ArrowLeft\")step(-1)});\r\n$(\"#fq\").innerHTML=FAQS.map((f,i)=>`<div class=\"fq\"><h3 style=\"font-size:1rem\"><button type=\"button\" id=\"fb${i}\" aria-expanded=\"false\" aria-controls=\"fa${i}\">${esc(f[0])}<\/button><\/h3><div class=\"fa\" id=\"fa${i}\" role=\"region\" aria-labelledby=\"fb${i}\"><div><p>${esc(f[1])}<\/p><\/div><\/div><\/div>`).join(\"\");\r\n$(\"#fq\").addEventListener(\"click\",e=>{const b=e.target.closest(\"button\");if(!b)return;const o=b.getAttribute(\"aria-expanded\")!==\"true\";b.setAttribute(\"aria-expanded\",o);$(\"#\"+b.getAttribute(\"aria-controls\")).classList.toggle(\"o\",o)});\r\n\r\n\/* ===== SCRIPT ENDS HERE ===== *\/\r\nif(\"IntersectionObserver\" in window){const io=new IntersectionObserver(es=>es.forEach(x=>{if(x.isIntersecting){x.target.classList.add(\"in\");io.unobserve(x.target)}}),{threshold:.1});$$(\".rv\").forEach(n=>io.observe(n))}else $$(\".rv\").forEach(n=>n.classList.add(\"in\"));\r\n<\/script>\r\n<\/body><\/html>\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>Devvet | Web Development, SaaS & Real Estate Video Production Skip to content Devvet Home Services Our Work About Testimonials […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/devvet.zoyz.in\/p\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devvet.zoyz.in\/p\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devvet.zoyz.in\/p\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devvet.zoyz.in\/p\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devvet.zoyz.in\/p\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":59,"href":"https:\/\/devvet.zoyz.in\/p\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":83,"href":"https:\/\/devvet.zoyz.in\/p\/wp-json\/wp\/v2\/pages\/7\/revisions\/83"}],"wp:attachment":[{"href":"https:\/\/devvet.zoyz.in\/p\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\t\t

\n\t\t\t

<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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\r\nDevvet | Web Development, SaaS & Real Estate Video Production<\/title>\r\n<meta name=\"description\" content=\"Devvet builds high-performance websites, SaaS platforms and custom applications, and produces promotional videos for real estate projects.\">\r\n<link rel=\"canonical\" href=\"\" id=\"canonical\">\r\n<meta property=\"og:title\" content=\"Devvet | Ideas Into Digital Experiences\">\r\n<meta property=\"og:description\" content=\"Websites, SaaS products and real estate project videos.\">\r\n<meta property=\"og:type\" content=\"website\">\r\n<link rel=\"icon\" href=\"assets\/favicon.png\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700&family=Instrument+Sans:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root{--bg:#FFFFFF;--bg2:#F4F6FB;--card:#FFFFFF;--blue:#268DFF;--ebl:#4D7CFF;--vio:#9B65F5;--lav:#7A45E0;--tx:#0B1020;--tx2:#4A5168;--mu:#6B7285;--bd:rgba(11,16,32,.1);--gl:rgba(11,16,32,.035);--grad:linear-gradient(110deg,#268DFF,#9B65F5);--head:\"Bricolage Grotesque\",\"Segoe UI\",system-ui,sans-serif;--body:\"Instrument Sans\",\"Segoe UI\",system-ui,sans-serif}\r\n*{box-sizing:border-box;margin:0}\r\nhtml{scroll-behavior:smooth;scroll-padding-top:84px}\r\nbody{background:var(--bg);color:var(--tx);font:400 1rem\/1.65 var(--body);overflow-x:hidden;-webkit-font-smoothing:antialiased}\r\nimg{max-width:100%;display:block}a{color:inherit}\r\n:focus-visible{outline:2px solid var(--vio);outline-offset:3px;border-radius:6px}\r\nh1,h2,h3{font-family:var(--head);line-height:1.08;letter-spacing:-.02em}\r\nh1{font-size:clamp(2.4rem,6.2vw,5rem)}h2{font-size:clamp(1.9rem,4vw,3.1rem);margin-bottom:1rem}h3{font-size:1.25rem}\r\np{color:var(--tx2)}\r\n.wrap{width:min(1180px,100% - 2.5rem);margin-inline:auto}\r\nsection{padding:clamp(4rem,9vw,7.5rem) 0}\r\n.alt{background:var(--bg2)}\r\n.eye{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--lav);font-weight:600;margin-bottom:1rem;display:block}\r\n.g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}\r\n.lead{max-width:62ch;font-size:1.08rem}\r\n.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;border-radius:999px;font:600 .95rem var(--body);text-decoration:none;border:1px solid var(--bd);background:#fff;color:var(--tx);cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;min-height:46px}\r\n.btn:hover{transform:translateY(-2px);border-color:var(--vio)}\r\n.btn.p{color:#fff;background:var(--grad);border-color:transparent;box-shadow:0 8px 24px -8px rgba(110,100,255,.55)}\r\n.btns{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}\r\nheader{position:fixed;inset:0 0 auto;z-index:50;transition:background .3s,border-color .3s;border-bottom:1px solid transparent}\r\nheader.sc{background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-color:var(--bd)}\r\n.nav{display:flex;align-items:center;justify-content:space-between;height:72px;gap:1rem}\r\n.logo{display:flex;align-items:center;text-decoration:none;font:700 1.4rem var(--head)}\r\n.logo img{height:34px;width:auto}\r\n.menu{display:flex;gap:1.4rem;list-style:none;padding:0;align-items:center}\r\n.menu a{text-decoration:none;font-size:.9rem;color:var(--tx2);transition:color .2s}.menu a:hover{color:var(--tx)}\r\n.menu a.btn.p{color:#fff}\r\n.burger{display:none;background:#fff;border:1px solid var(--bd);border-radius:10px;width:44px;height:44px;cursor:pointer}\r\n.burger span{display:block;width:18px;height:2px;background:var(--tx);margin:4px auto;transition:.25s}\r\n.burger[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}\r\n.burger[aria-expanded=true] span:nth-child(2){opacity:0}\r\n.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}\r\n@media(max-width:1020px){.burger{display:block}.menu{position:fixed;inset:72px 0 auto;flex-direction:column;align-items:stretch;background:rgba(255,255,255,.98);padding:1rem 1.5rem 1.5rem;gap:0;border-bottom:1px solid var(--bd);transform:translateY(-120%);visibility:hidden;transition:transform .3s,visibility .3s}.menu.open{transform:none;visibility:visible}.menu a{display:block;padding:.9rem 0;border-bottom:1px solid var(--bd)}.menu .btn{margin-top:1rem;border-bottom:0}}\r\n.hero{padding-top:9rem;position:relative;overflow:hidden}\r\n.hero:before{content:\"\";position:absolute;width:700px;height:700px;right:-200px;top:-120px;background:radial-gradient(circle,rgba(155,101,245,.18),rgba(38,141,255,.08) 45%,transparent 70%);pointer-events:none}\r\n.hgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center;position:relative}\r\n.tags{margin-top:2rem;color:var(--mu);font-size:.9rem}\r\n.mock{position:relative;min-height:420px}\r\n.browser{background:var(--card);border:1px solid var(--bd);border-radius:18px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(80,80,255,.35)}\r\n.bar{display:flex;gap:6px;padding:12px 14px;border-bottom:1px solid var(--bd)}.bar i{width:9px;height:9px;border-radius:50%;background:#d5d9e6}\r\n.scr{padding:1.2rem;display:grid;gap:.8rem}\r\n.sk{height:12px;border-radius:6px;background:rgba(11,16,32,.08)}\r\n.sk.h{height:70px;background:var(--grad);opacity:.9;border-radius:12px}\r\n.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.row3 .sk{height:54px;border-radius:10px}\r\n.pv{position:absolute;right:-12px;bottom:-28px;width:58%;border-radius:16px;border:1px solid var(--bd);background:#fff;padding:1rem;box-shadow:0 20px 40px -18px rgba(80,80,255,.45)}\r\n.pv b{font:600 .85rem var(--head);display:block}.pv small{color:var(--mu);font-size:.75rem}\r\n.bars{height:60px;margin-top:.7rem;display:flex;align-items:flex-end;gap:5px}.bars i{flex:1;background:var(--grad);border-radius:3px 3px 0 0;opacity:.85}\r\n.note{font-size:.72rem;color:var(--mu);margin-top:2.6rem}\r\n@media(max-width:900px){.hgrid{grid-template-columns:1fr}.mock{min-height:0;margin-bottom:2rem}}\r\n.two{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}\r\n@media(max-width:900px){.two{grid-template-columns:1fr}}\r\n.pr{display:grid;gap:1rem;margin-top:2rem}\r\n.pr div{padding-left:1.1rem;border-left:2px solid var(--vio)}.pr b{display:block;font-family:var(--head)}\r\n.art{aspect-ratio:4\/3.4;border-radius:24px;border:1px solid var(--bd);background:radial-gradient(circle at 30% 20%,#4d7cff40,transparent 55%),radial-gradient(circle at 80% 85%,#9b65f550,transparent 55%),var(--bg2);position:relative;overflow:hidden}\r\n.art .ring{position:absolute;inset:14% 12%;border:1px solid rgba(122,69,224,.4);border-radius:50%}\r\n.art .ring2{inset:30% 28%;border-color:rgba(38,141,255,.5)}\r\n.art p{position:absolute;left:1.4rem;bottom:1.2rem;font-size:.8rem;color:var(--mu)}\r\n.grid{display:grid;gap:1.2rem}\r\n.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}\r\n@media(max-width:900px){.g3{grid-template-columns:1fr 1fr}}@media(max-width:620px){.g2,.g3{grid-template-columns:1fr}}\r\n.card{background:var(--card);border:1px solid var(--bd);border-radius:20px;padding:1.7rem;position:relative;transition:border-color .25s,box-shadow .25s;box-shadow:0 1px 2px rgba(11,16,32,.05),0 12px 30px -18px rgba(11,16,32,.15)}\r\n.card:hover{border-color:rgba(155,101,245,.6)}\r\n.ic{width:46px;height:46px;border-radius:12px;background:var(--grad);color:#fff;display:grid;place-items:center;margin-bottom:1.1rem;font-size:1.3rem}\r\n.card ul{list-style:none;padding:0;margin:1rem 0 1.4rem;display:grid;gap:.3rem;color:var(--tx2);font-size:.92rem}\r\n.card li:before{content:\"\u2013\";color:var(--lav);margin-right:.5rem}\r\n.card a.l{font-weight:600;color:var(--lav);text-decoration:none}.card a.l:hover{text-decoration:underline}\r\n.sn{font-size:.82rem;color:var(--mu);margin-top:1.5rem}\r\n.fl{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.8rem 0 2rem}\r\n.fl button{background:#fff;border:1px solid var(--bd);color:var(--tx2);padding:.55rem 1.1rem;border-radius:999px;font:500 .88rem var(--body);cursor:pointer;min-height:42px}\r\n.fl button[aria-pressed=true]{background:var(--grad);color:#fff;border-color:transparent}\r\n.thumb{aspect-ratio:16\/10;border-radius:14px;margin-bottom:1.1rem;position:relative;overflow:hidden;display:grid;place-items:end start;padding:.8rem}\r\n.thumb span,.badge{font-size:.72rem;background:rgba(255,255,255,.92);color:var(--tx);border:1px solid var(--bd);padding:.2rem .6rem;border-radius:999px}\r\n.meta{font-size:.82rem;color:var(--mu);margin:.5rem 0 1rem}\r\n.card.hide{display:none}\r\n.card .btn{margin-top:.4rem;padding:.6rem 1.1rem;font-size:.88rem;min-height:42px}\r\n.why{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--bd);border:1px solid var(--bd);border-radius:20px;overflow:hidden;margin-top:2.5rem}\r\n.why div{background:var(--bg);padding:1.6rem 1.3rem}.why b{font-family:var(--head);display:block;margin-bottom:.5rem}.why p{font-size:.9rem}\r\n@media(max-width:1000px){.why{grid-template-columns:1fr 1fr}}@media(max-width:560px){.why{grid-template-columns:1fr}}\r\n.tl{list-style:none;padding:0;margin-top:3rem;position:relative;display:grid;gap:2rem;grid-template-columns:repeat(6,1fr)}\r\n.tl:before{content:\"\";position:absolute;top:19px;left:0;right:0;height:2px;background:var(--grad);opacity:.5}\r\n.tl li{position:relative;padding-top:3.2rem}\r\n.tl li:before{content:attr(data-n);position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid var(--vio);display:grid;place-items:center;font:700 .85rem var(--head)}\r\n.tl b{display:block;font-family:var(--head);margin-bottom:.3rem}.tl p{font-size:.9rem}\r\n@media(max-width:980px){.tl{grid-template-columns:1fr;gap:1.4rem;padding-left:1rem}.tl:before{top:0;bottom:0;left:35px;right:auto;width:2px;height:auto}.tl li{padding:0 0 0 4rem}.tl li:before{left:16px}}\r\n.ind{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-top:2.5rem}\r\n.ind div{padding:1.4rem;border-radius:18px;border:1px solid var(--bd);grid-column:span 2;background:var(--bg2)}\r\n.ind div:first-child,.ind div:nth-child(4){grid-column:span 3;background:#fff}\r\n.ind b{font-family:var(--head);display:block;margin-bottom:.3rem}.ind p{font-size:.9rem}\r\n@media(max-width:700px){.ind div,.ind div:first-child,.ind div:nth-child(4){grid-column:span 6}}\r\n.ts{position:relative;margin-top:2.5rem}\r\n.track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1.2rem;scrollbar-width:none;scroll-behavior:smooth}\r\n.track::-webkit-scrollbar{display:none}\r\n.tc{flex:0 0 min(520px,88%);scroll-snap-align:start;border:1px dashed rgba(122,69,224,.45);border-radius:20px;padding:2rem;background:#fff}\r\n.tc q{display:block;font:500 1.2rem\/1.45 var(--head);margin:.8rem 0 1.4rem;quotes:none}\r\n.tc small{color:var(--mu)}\r\n.ctl{display:flex;gap:.6rem;margin-top:1.2rem}.ctl button{width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid var(--bd);color:var(--tx);cursor:pointer;font-size:1.1rem}\r\n.faq{max-width:820px;margin-top:2.5rem}\r\n.fq{border-bottom:1px solid var(--bd)}\r\n.fq button{width:100%;display:flex;justify-content:space-between;gap:1rem;align-items:center;background:none;border:0;color:var(--tx);font:600 1.05rem var(--head);padding:1.3rem 0;text-align:left;cursor:pointer;min-height:56px}\r\n.fq button:after{content:\"+\";font-size:1.5rem;color:var(--lav);transition:transform .3s}\r\n.fq button[aria-expanded=true]:after{transform:rotate(45deg)}\r\n.fa{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s}\r\n.fa.o{grid-template-rows:1fr}.fa>div{overflow:hidden}.fa p{padding-bottom:1.3rem}\r\n.contact{background:radial-gradient(ellipse at 50% 120%,#9b65f533,transparent 60%),radial-gradient(ellipse at 10% 0,#268dff18,transparent 50%),var(--bg2)}\r\n.cg{display:grid;grid-template-columns:.85fr 1.15fr;gap:3rem}\r\n@media(max-width:900px){.cg{grid-template-columns:1fr}}\r\n.ch{display:grid;gap:.6rem;margin-top:1.6rem}\r\n.ch button{text-align:left;padding:1rem 1.2rem;border-radius:14px;border:1px solid var(--bd);background:#fff;color:var(--tx);font:500 .95rem var(--body);cursor:pointer}\r\n.ch button:hover,.ch button.on{border-color:var(--vio)}\r\n\r\n\/* ===== FluentForm container styling ===== *\/\r\n.ff-wrap{background:#fff;border:1px solid var(--bd);border-radius:24px;padding:clamp(1.3rem,3vw,2.2rem);box-shadow:0 30px 60px -35px rgba(80,80,255,.3)}\r\n.ff-wrap .fluentform .ff-el-input--label label{font-size:.85rem;font-weight:500;color:var(--tx)}\r\n.ff-wrap .fluentform input,\r\n.ff-wrap .fluentform select,\r\n.ff-wrap .fluentform textarea{width:100%;background:#F7F8FC;border:1px solid var(--bd);border-radius:12px;color:var(--tx);padding:.8rem 1rem;font:inherit;min-height:46px}\r\n.ff-wrap .fluentform textarea{min-height:130px;resize:vertical}\r\n.ff-wrap .fluentform input:focus,\r\n.ff-wrap .fluentform select:focus,\r\n.ff-wrap .fluentform textarea:focus{outline:2px solid var(--vio);border-color:transparent}\r\n.ff-wrap .fluentform .ff-btn-submit{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;border-radius:999px;font:600 .95rem var(--body);color:#fff;background:var(--grad);border:1px solid transparent;box-shadow:0 8px 24px -8px rgba(110,100,255,.55);cursor:pointer;min-height:46px;transition:transform .2s,box-shadow .2s}\r\n.ff-wrap .fluentform .ff-btn-submit:hover{transform:translateY(-2px)}\r\n\r\n.hp{position:absolute;left:-9999px}\r\nfooter{padding:4rem 0 2rem;border-top:1px solid var(--bd);position:relative;overflow:hidden;background:var(--bg2)}\r\nfooter:after{content:\"\";position:absolute;left:50%;bottom:-220px;width:700px;height:300px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(155,101,245,.2),transparent 70%);pointer-events:none}\r\n.fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem;position:relative}\r\n@media(max-width:800px){.fg{grid-template-columns:1fr 1fr}}\r\n.fg h3{font-size:.95rem;margin-bottom:.8rem}.fg ul{list-style:none;padding:0;display:grid;gap:.4rem}.fg a{color:var(--tx2);text-decoration:none;font-size:.92rem}.fg a:hover{color:var(--tx)}\r\n.copy{margin-top:2.5rem;padding-top:1.4rem;border-top:1px solid var(--bd);color:var(--mu);font-size:.85rem;position:relative}\r\ndialog{border:1px solid var(--bd);border-radius:22px;background:#fff;color:var(--tx);width:min(720px,calc(100% - 2rem));padding:0;max-height:90vh;overflow:auto}\r\ndialog::backdrop{background:rgba(11,16,32,.55);backdrop-filter:blur(4px)}\r\ndialog[open]{animation:pop .25s ease}\r\n@keyframes pop{from{opacity:0;transform:translateY(14px) scale(.98)}}\r\n.mb{padding:1.8rem}.x{position:absolute;right:.8rem;top:.8rem;z-index:2;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--tx);border:1px solid var(--bd);cursor:pointer;font-size:1.2rem}\r\ndialog .thumb{aspect-ratio:16\/9}\r\n.rv{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}.rv.in{opacity:1;transform:none}\r\n@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<a href=\"#main\" style=\"position:absolute;left:-999px\" class=\"btn\" onfocus=\"this.style.left='1rem';this.style.top='1rem';this.style.zIndex=99\" onblur=\"this.style.left='-999px'\">Skip to content<\/a>\r\n<header id=\"hd\"><div class=\"wrap nav\">\r\n<a class=\"logo\" href=\"#home\" aria-label=\"Devvet home\" id=\"logo\"><span class=\"g\">Devvet<\/span><\/a>\r\n<button class=\"burger\" id=\"bg\" aria-expanded=\"false\" aria-controls=\"menu\" aria-label=\"Toggle menu\"><span><\/span><span><\/span><span><\/span><\/button>\r\n<ul class=\"menu\" id=\"menu\">\r\n<li><a href=\"#home\">Home<\/a><\/li><li><a href=\"#services\">Services<\/a><\/li><li><a href=\"#portfolio\">Our Work<\/a><\/li><li><a href=\"#about\">About<\/a><\/li><li><a href=\"#testimonials\">Testimonials<\/a><\/li><li><a href=\"#faq\">FAQ<\/a><\/li><li><a href=\"#contact\">Contact<\/a><\/li>\r\n<li><a class=\"btn p\" data-cfg=\"projectEnquiryUrl\" href=\"#contact\">Start a Project<\/a><\/li>\r\n<\/ul><\/div><\/header>\r\n\r\n<main id=\"main\">\r\n<section class=\"hero\" id=\"home\"><div class=\"wrap hgrid\">\r\n<div>\r\n<span class=\"eye\">Digital Development & Creative Production<\/span>\r\n<h1>We Build Digital Experiences That <span class=\"g\">Move Businesses Forward.<\/span><\/h1>\r\n<p class=\"lead\" style=\"margin-top:1.4rem\">From high-performance websites and scalable SaaS platforms to real estate project videos, Devvet turns ambitious ideas into digital experiences designed to make an impact.<\/p>\r\n<div class=\"btns\"><a class=\"btn p\" data-cfg=\"projectEnquiryUrl\" href=\"#contact\">Start a Project<\/a><a class=\"btn\" data-cfg=\"portfolioUrl\" href=\"#portfolio\">Explore Our Work<\/a><\/div>\r\n<p class=\"tags\">Web Development \u00b7 SaaS Solutions \u00b7 Real Estate Videos<\/p>\r\n<\/div>\r\n<div class=\"mock\" aria-hidden=\"true\">\r\n<div class=\"browser\"><div class=\"bar\"><i><\/i><i><\/i><i><\/i><\/div><div class=\"scr\"><div class=\"sk h\"><\/div><div class=\"sk\" style=\"width:70%\"><\/div><div class=\"sk\" style=\"width:45%\"><\/div><div class=\"row3\"><div class=\"sk\"><\/div><div class=\"sk\"><\/div><div class=\"sk\"><\/div><\/div><div class=\"sk\" style=\"height:90px\"><\/div><\/div><\/div>\r\n<div class=\"pv\"><b>Product dashboard<\/b><small>Illustrative<\/small><div class=\"bars\"><i style=\"height:40%\"><\/i><i style=\"height:75%\"><\/i><i style=\"height:55%\"><\/i><i style=\"height:100%\"><\/i><i style=\"height:65%\"><\/i><i style=\"height:85%\"><\/i><i style=\"height:45%\"><\/i><\/div><\/div>\r\n<p class=\"note\">Illustrative interface mockup<\/p>\r\n<\/div><\/div><\/section>\r\n\r\n<section class=\"alt\" id=\"about\"><div class=\"wrap two\">\r\n<div class=\"rv\"><span class=\"eye\">Who we are<\/span><h2>Technology Meets Thoughtful Creativity.<\/h2>\r\n<p class=\"lead\">Devvet brings development, digital product strategy and visual storytelling together to help businesses establish a stronger digital presence.<\/p>\r\n<p class=\"lead\" style=\"margin-top:1rem\">We start with what the business needs to achieve, then choose the design, engineering and creative approach that fits, from a focused website to a full product build.<\/p>\r\n<div class=\"pr\"><div><b>Built Around Real Business Needs<\/b><p>Every decision traces back to your goals and customers.<\/p><\/div><div><b>Designed With Purpose<\/b><p>Clear, consistent interfaces with a reason behind each choice.<\/p><\/div><div><b>Made to Grow With You<\/b><p>Maintainable foundations that can expand as the business does.<\/p><\/div><\/div><\/div>\r\n<div class=\"art rv\" role=\"img\" aria-label=\"Abstract blue and violet gradient composition\"><div class=\"ring\"><\/div><div class=\"ring ring2\"><\/div><p>Replace with a project screenshot<\/p><\/div>\r\n<\/div><\/section>\r\n\r\n<section id=\"services\"><div class=\"wrap\">\r\n<span class=\"eye\">What we do<\/span><h2>Digital Solutions for Your Next Stage of Growth.<\/h2>\r\n<div class=\"grid g2\" id=\"svc\" style=\"margin-top:2.5rem\"><\/div>\r\n<\/div><\/section>\r\n\r\n\r\n\r\n\r\n<section class=\"alt\" id=\"portfolio\"><div class=\"wrap\">\r\n <span class=\"eye\">Selected concepts<\/span>\r\n <h2>Work That Shows What\u2019s Possible.<\/h2>\r\n <p class=\"lead\">Explore illustrative project concepts. These demo entries are examples of the kinds of digital products Devvet can build.<\/p>\r\n <div class=\"fl\" id=\"pf\" aria-label=\"Filter projects\"><\/div>\r\n <div class=\"grid g3\" id=\"pg\"><\/div>\r\n <p class=\"sn\">Portfolio items marked Demo are illustrative concepts, not claims of completed client work.<\/p>\r\n<\/div><\/section>\r\n\r\n<section id=\"why\"><div class=\"wrap\"><h2>A Thoughtful Approach to Better Digital Work.<\/h2>\r\n<div class=\"why\">\r\n<div><b>Business-First Thinking<\/b><p>Begin with the objective, not just the design.<\/p><\/div>\r\n<div><b>Purposeful Design<\/b><p>Experiences that are clear, intuitive and visually consistent.<\/p><\/div>\r\n<div><b>Practical Engineering<\/b><p>Maintainable solutions suited to the project.<\/p><\/div>\r\n<div><b>Creative Storytelling<\/b><p>Products communicated through meaningful visual narratives.<\/p><\/div>\r\n<div><b>Collaborative Delivery<\/b><p>Requirements, milestones and deliverables kept clear.<\/p><\/div><\/div><\/div><\/section>\r\n\r\n<section class=\"alt\" id=\"process\"><div class=\"wrap\"><h2>From First Conversation to Final Delivery.<\/h2>\r\n<ol class=\"tl\">\r\n<li data-n=\"01\"><b>Discover<\/b><p>Understand the business, audience, goals and requirements.<\/p><\/li>\r\n<li data-n=\"02\"><b>Plan<\/b><p>Define scope, features, creative direction, deliverables and milestones.<\/p><\/li>\r\n<li data-n=\"03\"><b>Design<\/b><p>Develop the visual direction, page structure and user experience.<\/p><\/li>\r\n<li data-n=\"04\"><b>Build<\/b><p>Implement the website, application or agreed creative deliverables.<\/p><\/li>\r\n<li data-n=\"05\"><b>Test & Refine<\/b><p>Check responsiveness, functionality, visual quality and feedback.<\/p><\/li>\r\n<li data-n=\"06\"><b>Launch & Support<\/b><p>Deliver the approved project and discuss any agreed ongoing support.<\/p><\/li><\/ol><\/div><\/section>\r\n\r\n<section id=\"industries\"><div class=\"wrap\"><h2>Digital Experiences for Different Business Needs.<\/h2>\r\n<p class=\"lead\">Project types Devvet can support, not a list of past clients.<\/p>\r\n<div class=\"ind\">\r\n<div><b>Education & Training<\/b><p>Learning platforms, course sites and portals.<\/p><\/div>\r\n<div><b>Transport & Logistics<\/b><p>Booking, tracking views and operations dashboards.<\/p><\/div>\r\n<div><b>E-commerce & Retail<\/b><p>Online stores and payment integrations.<\/p><\/div>\r\n<div><b>Startups & SaaS Businesses<\/b><p>MVPs, subscription flows and admin tooling.<\/p><\/div>\r\n<div><b>Professional Services<\/b><p>Credible websites, enquiry flows and client portals.<\/p><\/div>\r\n<div><b>Business Platforms & Marketplaces<\/b><p>Multi-user systems with roles and workflows.<\/p><\/div><\/div><\/div><\/section>\r\n\r\n<section class=\"alt\" id=\"testimonials\"><div class=\"wrap\">\r\n<span class=\"eye\">Client experiences<\/span><h2>Good Work Starts With Good Collaboration.<\/h2>\r\n<div class=\"ts\"><div class=\"track\" id=\"tk\" tabindex=\"0\" aria-label=\"Testimonials\" role=\"region\"><\/div>\r\n<div class=\"ctl\"><button id=\"pv\" aria-label=\"Previous testimonial\">\u2190<\/button><button id=\"nx\" aria-label=\"Next testimonial\">\u2192<\/button><\/div><\/div>\r\n<\/div><\/section>\r\n\r\n<section id=\"faq\"><div class=\"wrap\"><span class=\"eye\">FAQ<\/span><h2>Questions Before We Get Started?<\/h2><div class=\"faq\" id=\"fq\"><\/div><\/div><\/section>\r\n\r\n<section class=\"contact\" id=\"contact\"><div class=\"wrap cg\">\r\n <div>\r\n <span class=\"eye\">Let's talk<\/span>\r\n <h2>Let's Build Something Worth Remembering.<\/h2>\r\n <p class=\"lead\">Tell us about your next website, SaaS product or real estate video project. We'll use your brief to understand what you need and discuss the next steps.<\/p>\r\n <div class=\"ch\" id=\"ch\" role=\"group\" aria-label=\"Choose project type\">\r\n <button type=\"button\" data-v=\"Website Development\" aria-pressed=\"false\">Website Development<\/button>\r\n <button type=\"button\" data-v=\"SaaS \/ Custom Application\" aria-pressed=\"false\">SaaS \/ Custom Application<\/button>\r\n <button type=\"button\" data-v=\"Real Estate Video Production\" aria-pressed=\"false\">Real Estate Video Production<\/button>\r\n <\/div>\r\n <div class=\"btns\" id=\"alt\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ff-wrap\" id=\"fm\">\r\n <div class='fluentform ff-default fluentform_wrapper_4 ffs_default_wrap'><form data-form_id=\"4\" id=\"fluentform_4\" class=\"frm-fluent-form fluent_form_4 ff-el-form-top ff_form_instance_4_1 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_4_1\" method=\"POST\" ><fieldset style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Blank Form (#4)<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='7' \/><input type=\"hidden\" id=\"_fluentform_4_fluentformnonce\" name=\"_fluentform_4_fluentformnonce\" value=\"edaa39b37d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/p\/wp-json\/wp\/v2\/pages\/7\" \/><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_4_names_first_name_' id='label_ff_4_names_first_name_'>First Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_4_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"Enter Your First Name\" autocomplete=\"given-name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_4_numeric_field' id='label_ff_4_numeric_field'>Phone<\/label><\/div><div class='ff-el-input--content'><input type=\"number\" name=\"numeric_field\" id=\"ff_4_numeric_field\" class=\"ff-el-form-control\" data-name=\"numeric_field\" inputmode=\"numeric\" step=\"any\" aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_4_email' id='label_ff_4_email'>Email<\/label><\/div><div class='ff-el-input--content'><input autocomplete=\"email\" type=\"email\" name=\"email\" id=\"ff_4_email\" class=\"ff-el-form-control\" placeholder=\"Email Address\" data-name=\"email\" aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_4_numeric_field_1' id='label_ff_4_numeric_field_1'>Your Budget<\/label><\/div><div class='ff-el-input--content'><input type=\"number\" name=\"numeric_field_1\" id=\"ff_4_numeric_field_1\" class=\"ff-el-form-control\" data-name=\"numeric_field_1\" inputmode=\"numeric\" step=\"any\" aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_4_description' id='label_ff_4_description'>What would you like to build<\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"false\" aria-labelledby=\"label_ff_4_description\" name=\"description\" id=\"ff_4_description\" class=\"ff-el-form-control\" rows=\"3\" cols=\"2\" data-name=\"description\" ><\/textarea><\/div><\/div><div class='ff-form-inline-style' hidden><style>form.fluent_form_4 .ff-btn-submit:not(.ff_btn_no_style) { background-color: var(--fluentform-primary); color: #ffffff; }<\/style><\/div><div class='ff-el-group ff-text-center ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-lg ff_btn_style\" aria-label=\"Send enquiry\">Send enquiry<\/button><\/div><\/fieldset><\/form><div id='fluentform_4_errors' class='ff-errors-in-stack ff_form_instance_4_1 ff-form-loading_errors ff_form_instance_4_1_errors'><\/div><\/div> <script type=\"text\/javascript\">\n window.fluent_form_ff_form_instance_4_1 = {\"id\":\"4\",\"ajaxUrl\":\"https:\\\/\\\/devvet.zoyz.in\\\/p\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"asteriskPlacement\":\"asterisk-right\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_4_1\",\"form_id_selector\":\"fluentform_4\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"numeric_field\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true},\"numeric\":{\"value\":true,\"message\":\"This field must contain numeric value\",\"global_message\":\"This field must contain numeric value\",\"global\":true},\"min\":{\"value\":\"\",\"message\":\"Validation fails for minimum value\",\"global_message\":\"Validation fails for minimum value\",\"global\":true},\"max\":{\"value\":\"\",\"message\":\"Validation fails for maximum value\",\"global_message\":\"Validation fails for maximum value\",\"global\":true},\"digits\":{\"value\":\"\",\"message\":\"Validation fails for limited digits\",\"global_message\":\"Validation fails for limited digits\",\"global\":true}},\"email\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global_message\":\"This field must contain a valid email\",\"global\":true}},\"numeric_field_1\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true},\"numeric\":{\"value\":true,\"message\":\"This field must contain numeric value\",\"global_message\":\"This field must contain numeric value\",\"global\":true},\"min\":{\"value\":\"\",\"message\":\"Validation fails for minimum value\",\"global_message\":\"Validation fails for minimum value\",\"global\":true},\"max\":{\"value\":\"\",\"message\":\"Validation fails for maximum value\",\"global_message\":\"Validation fails for maximum value\",\"global\":true},\"digits\":{\"value\":\"\",\"message\":\"Validation fails for limited digits\",\"global_message\":\"Validation fails for limited digits\",\"global\":true}},\"description\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}}},\"debounce_time\":300,\"file_upload_settings\":[]};\n <\/script>\n \r\n <\/div>\r\n<\/div><\/section>\r\n\r\n\r\n<\/main>\r\n\r\n<footer><div class=\"wrap\"><div class=\"fg\">\r\n<div><a class=\"logo\" href=\"#home\" id=\"flogo\"><span class=\"g\">Devvet<\/span><\/a><p style=\"margin-top:.8rem;max-width:34ch;font-size:.92rem\">Ideas Into Digital Experiences. Websites, SaaS products and real estate project videos.<\/p><ul id=\"soc\" style=\"margin-top:1rem;display:flex;gap:1rem\"><\/ul><\/div>\r\n<div><h3>Services<\/h3><ul><li><a href=\"#services\">Website Development<\/a><\/li><li><a href=\"#services\">SaaS & Digital Products<\/a><\/li><li><a href=\"#services\">Custom Solutions<\/a><\/li><\/ul><\/div>\r\n<div><h3>Explore<\/h3><ul><li><a href=\"#portfolio\">Portfolio<\/a><\/li><li><a href=\"#about\">About<\/a><\/li><li><a href=\"#contact\">Contact<\/a><\/li><\/ul><\/div>\r\n<div><h3>Legal<\/h3><ul><li><a data-cfg=\"privacyUrl\" href=\"#contact\">Privacy Policy<\/a><\/li><li><a data-cfg=\"termsUrl\" href=\"#contact\">Terms and Conditions<\/a><\/li><\/ul><\/div><\/div>\r\n<p class=\"copy\">\u00a9 <span id=\"yr\"><\/span> Devvet. All rights reserved.<\/p><\/div><\/footer>\r\n\r\n<dialog id=\"md\" aria-labelledby=\"mt\"><button class=\"x\" id=\"mx\" aria-label=\"Close\">\u2715<\/button><div class=\"mb\" id=\"mbody\"><\/div><\/dialog>\r\n\r\n<script>\r\n\/* ===== CONFIGURATION: edit values here; leave \"\" if unknown ===== *\/\r\nconst DEVVET_CONFIG = {\r\n logoUrl: \"http:\/\/devvet.zoyz.in\/p\/wp-content\/uploads\/2026\/10\/Black_and_White_Personal_Name_Address_Monogrammed_Mailing_Label__1_-removebg-preview-1.png\",\r\n contactEmail: \"care@devvet.zoyz.in\",\r\n contactPhone: \"+91 6302659565\",\r\n whatsappNumber: \"\",\r\n projectEnquiryUrl: \"#contact\",\r\n portfolioUrl: \"#portfolio\",\r\n privacyUrl: \"\",\r\n termsUrl: \"\",\r\n canonicalUrl: \"\",\r\n socialLinks: { instagram: \"\", linkedin: \"\", youtube: \"\" }\r\n};\r\n\/* ===== CONTENT DATA ===== *\/\r\nconst SERVICES=[\r\n {i:\"\u2318\",t:\"Website Development\",d:\"Professional websites and web applications built around your business goals, customers and long-term growth.\",l:[\"Corporate and business websites\",\"WordPress websites\",\"Custom PHP development\",\"E-commerce websites\",\"Responsive web design\",\"API integrations\",\"Website maintenance and improvements\"],c:\"Explore Website Development\",type:\"Website Development\"},\r\n {i:\"\u25c8\",t:\"SaaS & Digital Products\",d:\"Turn your business idea into a practical digital product with the right features, workflows and technical foundation.\",l:[\"SaaS MVP development\",\"Custom business platforms\",\"Admin dashboards\",\"User and role management\",\"Subscription and payment workflows\",\"Booking and marketplace systems\",\"Workflow automation\",\"API-based integrations\"],c:\"Discuss Your SaaS Idea\",type:\"SaaS \/ Custom Application\"},\r\n {i:\"\u25b6\",t:\"Real Estate Project Videos\",d:\"We also produce promotional videos for real estate projects. Scope and deliverables are agreed with you per project.\",l:[\"Property promotional videos\",\"Project launch videos\"],c:\"Create a Property Video\",type:\"Real Estate Video Production\"},\r\n {i:\"\u2726\",t:\"Custom Digital Solutions\",d:\"Build the tools, integrations and digital experiences your business needs when standard software is not enough.\",l:[\"Custom web applications\",\"Booking systems\",\"Business dashboards\",\"Customer portals\",\"Data-driven interfaces\",\"API integrations\",\"Process automation\"],c:\"Discuss Your Requirements\",type:\"SaaS \/ Custom Application\"}];\r\nconst PROJECTS=[\r\n {n:\"Corporate Website (Demo)\",cat:\"web\",s:[\"Design\",\"WordPress\"],d:\"Demonstration of a multi-page business website with responsive layout and enquiry flow.\",g:\"#268DFF,#4D7CFF\"},\r\n {n:\"Booking Platform (Demo)\",cat:\"saas\",s:[\"Web app\",\"Dashboards\"],d:\"Demonstration of a booking system with an admin dashboard and role management.\",g:\"#4D7CFF,#9B65F5\"},\r\n {n:\"Online Store (Demo)\",cat:\"ecom\",s:[\"E-commerce\",\"Payments\"],d:\"Demonstration storefront with catalogue, cart and payment integration points.\",g:\"#9B65F5,#C49AFF\"},\r\n {n:\"Logistics Dashboard (Demo)\",cat:\"saas\",s:[\"Dashboard\",\"API\"],d:\"Demonstration operations dashboard with data-driven views.\",g:\"#268DFF,#9B65F5\"},\r\n {n:\"Marketplace MVP (Demo)\",cat:\"saas\",s:[\"SaaS MVP\",\"Subscriptions\"],d:\"Demonstration marketplace concept with listings and user roles.\",g:\"#4D7CFF,#C49AFF\"}];\r\nconst PCATS=[[\"all\",\"All Work\"],[\"web\",\"Websites\"],[\"saas\",\"SaaS & Applications\"],[\"ecom\",\"E-commerce\"]];\r\nconst TESTIMONIALS=[\r\n {q: \"Devvet understood our business goals and delivered a professional, modern website that reflects our brand. The team made the entire development process smooth and straightforward.\",n: \"Rahul Kumar\",r: \"Business Owner\",p: \"Web Development\"},\r\n {q: \"We needed a better way to showcase properties and manage customer enquiries. Devvet's proposed real estate management solution focuses on organised property listings, lead management, and a better client experience.\",n: \"Arjun Mehta\",r: \"Real Estate Professional\",p: \"Real Estate Management\"},\r\n {q: \"Our goal was to build a strong online presence and make it easier for customers to discover our services. Devvet helped shape a clean, user-friendly digital experience around our business needs.\",n: \"Sneha Patel\",r: \"Startup Founder\",p: \"Website Design & Development\"}];\r\nconst FAQS=[\r\n [\"What services does Devvet provide?\",\"Website development and custom web applications, SaaS and digital product development, custom digital solutions, and promotional videos for real estate projects.\"],\r\n [\"Can Devvet develop a custom SaaS platform?\",\"Yes. We can help scope and build an MVP or a full platform, including dashboards, user roles, subscriptions and integrations. The right scope depends on your idea and budget.\"],\r\n [\"Can you build a WordPress or custom PHP website?\",\"Yes. We work with WordPress and custom PHP, and recommend whichever suits your content, features and maintenance needs.\"],\r\n [\"Can I request a website designed around my brand?\",\"Yes. Share your logo, colours and any guidelines and we'll design around them. If you have no brand assets yet, we can discuss direction together.\"],\r\n [\"What information is needed to estimate a project?\",\"Your goals, the pages or features you need, any reference sites, content availability, desired timeline and rough budget. A short brief is enough to start.\"],\r\n [\"Do you create real estate project videos?\",\"Yes. We offer promotional video production for real estate projects. Deliverables, formats and production arrangements are agreed with you per project.\"],\r\n [\"How long does a website or video project take?\",\"It depends on scope, content readiness and feedback speed. We give a timeline after discussing your brief rather than promising a fixed duration upfront.\"],\r\n [\"How can I request a quotation?\",\"Send the enquiry form below with your project details. We'll review it and come back to discuss scope and pricing.\"],\r\n [\"Can an existing website be redesigned or improved?\",\"Yes. We can redesign, improve performance, add features or fix issues on an existing site.\"],\r\n [\"Can the project scope be customised?\",\"Yes. Scope, features, deliverables and milestones are agreed with you and can be adjusted to your needs and budget.\"]];\r\n\/* ===== HELPERS ===== *\/\r\nconst $=(s,r=document)=>r.querySelector(s), $$=(s,r=document)=>[...r.querySelectorAll(s)];\r\nconst C=DEVVET_CONFIG;\r\nconst esc=s=>String(s).replace(\/[&<>\"']\/g,m=>({\"&\":\"&\",\"<\":\"<\",\">\":\">\",'\"':\""\",\"'\":\"'\"}[m]));\r\nconst grad=g=>`background:linear-gradient(135deg,${g.split(\",\")[0]},${g.split(\",\")[1]})`;\r\n$$(\"[data-cfg]\").forEach(a=>{const v=C[a.dataset.cfg];if(v)a.setAttribute(\"href\",v);\r\n if(\/^https?:\/.test(a.getAttribute(\"href\"))){a.target=\"_blank\";a.rel=\"noopener noreferrer\"}});\r\nif(C.canonicalUrl)$(\"#canonical\").href=C.canonicalUrl;else $(\"#canonical\").remove();\r\n$(\"#yr\").textContent=new Date().getFullYear();\r\nif(C.logoUrl){const im=new Image();im.alt=\"Devvet\";im.onload=()=>{[\"logo\",\"flogo\"].forEach(id=>$(\"#\"+id).replaceChildren(im.cloneNode()))};im.src=C.logoUrl}\r\nObject.entries(C.socialLinks).filter(([,u])=>u).forEach(([k,u])=>$(\"#soc\").insertAdjacentHTML(\"beforeend\",`<li><a href=\"${esc(u)}\" target=\"_blank\" rel=\"noopener noreferrer\">${esc(k[0].toUpperCase()+k.slice(1))}<\/a><\/li>`));\r\nconst alt=$(\"#alt\");\r\nif(C.contactEmail)alt.insertAdjacentHTML(\"beforeend\",`<a class=\"btn\" href=\"mailto:${esc(C.contactEmail)}\">Email us<\/a>`);\r\nif(C.contactPhone)alt.insertAdjacentHTML(\"beforeend\",`<a class=\"btn\" href=\"tel:${esc(C.contactPhone)}\">Call us<\/a>`);\r\nif(C.whatsappNumber)alt.insertAdjacentHTML(\"beforeend\",`<a class=\"btn\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/wa.me\/${encodeURIComponent(C.whatsappNumber)}?text=${encodeURIComponent(\"Hello Devvet, I'd like to discuss a project.\")}\">WhatsApp<\/a>`);\r\nconst hd=$(\"#hd\"),menu=$(\"#menu\"),bg=$(\"#bg\");\r\nconst onS=()=>hd.classList.toggle(\"sc\",scrollY>20);addEventListener(\"scroll\",onS,{passive:true});onS();\r\nconst setMenu=o=>{menu.classList.toggle(\"open\",o);bg.setAttribute(\"aria-expanded\",o)};\r\nbg.addEventListener(\"click\",()=>setMenu(!menu.classList.contains(\"open\")));\r\nmenu.addEventListener(\"click\",e=>{if(e.target.closest(\"a\"))setMenu(false)});\r\naddEventListener(\"keydown\",e=>{if(e.key===\"Escape\"&&menu.classList.contains(\"open\")){setMenu(false);bg.focus()}});\r\nfunction pickType(v){const s=$(\"#t\");if(v&&s&&[...s.options].some(o=>o.value===v))s.value=v;$$(\"#ch button\").forEach(b=>{const on=b.dataset.v===v;b.classList.toggle(\"on\",on);b.setAttribute(\"aria-pressed\",on)})}\r\n$$(\"#ch button\").forEach(b=>b.addEventListener(\"click\",()=>pickType(b.dataset.v)));\r\nconst typeSelect=$(\"#t\");if(typeSelect)typeSelect.addEventListener(\"change\",e=>pickType(e.target.value));\r\ndocument.addEventListener(\"click\",e=>{const a=e.target.closest(\"[data-type]\");if(a)pickType(a.dataset.type)});\r\n$(\"#svc\").innerHTML=SERVICES.map(s=>`<article class=\"card rv\"><div class=\"ic\" aria-hidden=\"true\">${s.i}<\/div><h3>${esc(s.t)}<\/h3><p style=\"margin-top:.5rem\">${esc(s.d)}<\/p><ul>${s.l.map(x=>`<li>${esc(x)}<\/li>`).join(\"\")}<\/ul><a class=\"l\" href=\"#contact\" data-type=\"${esc(s.type)}\">${esc(s.c)} \u2192<\/a><\/article>`).join(\"\");\r\n$(\"#pg\").innerHTML=PROJECTS.map((p,i)=>`<article class=\"card rv\" data-c=\"${p.cat}\"><div class=\"thumb\" style=\"${grad(p.g)}\"><span>Demo project<\/span><\/div><h3>${esc(p.n)}<\/h3><p class=\"meta\">${esc(PCATS.find(c=>c[0]===p.cat)[1])} \u00b7 ${esc(p.s.join(\", \"))}<\/p><p>${esc(p.d)}<\/p><button class=\"btn\" data-pj=\"${i}\" style=\"margin-top:1rem\">View Project<\/button><\/article>`).join(\"\");\r\nconst pf=$(\"#pf\");pf.innerHTML=PCATS.map(([k,l],i)=>`<button type=\"button\" data-k=\"${k}\" aria-pressed=\"${i==0}\">${l}<\/button>`).join(\"\");\r\npf.addEventListener(\"click\",e=>{const b=e.target.closest(\"button\");if(!b)return;\r\n $$(\"button\",pf).forEach(x=>x.setAttribute(\"aria-pressed\",x===b));\r\n $$(\"#pg .card\").forEach(c=>c.classList.toggle(\"hide\",b.dataset.k!==\"all\"&&c.dataset.c!==b.dataset.k))});\r\nconst md=$(\"#md\"),mb=$(\"#mbody\");let last=null;\r\nmd.addEventListener(\"close\",()=>{mb.innerHTML=\"\";last&&last.focus()});\r\n$(\"#mx\").addEventListener(\"click\",()=>md.close());\r\nmd.addEventListener(\"click\",e=>{if(e.target===md)md.close()});\r\ndocument.addEventListener(\"click\",e=>{const b=e.target.closest(\"[data-pj]\");if(!b)return;const p=PROJECTS[b.dataset.pj];last=b;\r\n mb.innerHTML=`<div class=\"thumb\" style=\"${grad(p.g)}\"><span>Demonstration project<\/span><\/div><h3 id=\"mt\" style=\"margin-top:1rem\">${esc(p.n)}<\/h3><p class=\"meta\">${esc(p.s.join(\" \u00b7 \"))}<\/p><p>${esc(p.d)}<\/p><p class=\"sn\">This is a labelled demo entry, not completed client work. Replace it in the PROJECTS list.<\/p><a class=\"btn p\" href=\"#contact\" data-type=\"Website Development\" onclick=\"md.close()\" style=\"margin-top:1rem\">Start a Similar Project<\/a>`;md.showModal()});\r\nconst tk=$(\"#tk\");\r\ntk.innerHTML=TESTIMONIALS.map(t=>`<figure class=\"tc\"><span class=\"badge\">Our happy client<\/span><q>${esc(t.q)}<\/q><small>${esc(t.n)} \u00b7 ${esc(t.r)} \u00b7 ${esc(t.p)}<\/small><\/figure>`).join(\"\");\r\nconst step=d=>tk.scrollBy({left:d*(tk.firstElementChild.offsetWidth+19),behavior:\"smooth\"});\r\n$(\"#pv\").onclick=()=>step(-1);$(\"#nx\").onclick=()=>step(1);\r\ntk.addEventListener(\"keydown\",e=>{if(e.key===\"ArrowRight\")step(1);if(e.key===\"ArrowLeft\")step(-1)});\r\n$(\"#fq\").innerHTML=FAQS.map((f,i)=>`<div class=\"fq\"><h3 style=\"font-size:1rem\"><button type=\"button\" id=\"fb${i}\" aria-expanded=\"false\" aria-controls=\"fa${i}\">${esc(f[0])}<\/button><\/h3><div class=\"fa\" id=\"fa${i}\" role=\"region\" aria-labelledby=\"fb${i}\"><div><p>${esc(f[1])}<\/p><\/div><\/div><\/div>`).join(\"\");\r\n$(\"#fq\").addEventListener(\"click\",e=>{const b=e.target.closest(\"button\");if(!b)return;const o=b.getAttribute(\"aria-expanded\")!==\"true\";b.setAttribute(\"aria-expanded\",o);$(\"#\"+b.getAttribute(\"aria-controls\")).classList.toggle(\"o\",o)});\r\n\r\n\/* ===== SCRIPT ENDS HERE ===== *\/\r\nif(\"IntersectionObserver\" in window){const io=new IntersectionObserver(es=>es.forEach(x=>{if(x.isIntersecting){x.target.classList.add(\"in\");io.unobserve(x.target)}}),{threshold:.1});$$(\".rv\").forEach(n=>io.observe(n))}else $$(\".rv\").forEach(n=>n.classList.add(\"in\"));\r\n<\/script>\r\n<\/body><\/html>\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>Devvet | Web Development, SaaS & Real Estate Video Production Skip to content Devvet Home Services Our Work About Testimonials […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/devvet.zoyz.in\/p\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devvet.zoyz.in\/p\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devvet.zoyz.in\/p\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devvet.zoyz.in\/p\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devvet.zoyz.in\/p\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":59,"href":"https:\/\/devvet.zoyz.in\/p\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":83,"href":"https:\/\/devvet.zoyz.in\/p\/wp-json\/wp\/v2\/pages\/7\/revisions\/83"}],"wp:attachment":[{"href":"https:\/\/devvet.zoyz.in\/p\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}