Jogen Rabha \u2013 Founder & CEO of 24Siteshop | Web Designer India<\/title>\n<meta name=\"description\" content=\"Jogen Rabha is the Founder and CEO of 24Siteshop.com, a professional web design agency helping Indian entrepreneurs grow digitally since 2019.\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Clash+Display:wght@400;500;600;700&family=Syne:wght@400;500;600;700;800&family=Cabinet+Grotesk:wght@300;400;500;700&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap\" rel=\"stylesheet\">\n<style>\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}\n:root{\n --bg:#04020f;\n --bg2:#070412;\n --ink:#ffffff;\n --ink2:rgba(255,255,255,0.7);\n --ink3:rgba(255,255,255,0.35);\n --v1:#a855f7;\n --v2:#ec4899;\n --v3:#06b6d4;\n --v4:#f59e0b;\n --glow1:rgba(168,85,247,0.4);\n --glow2:rgba(236,72,153,0.3);\n --glow3:rgba(6,182,212,0.25);\n}\nhtml,body{scroll-behavior:smooth;background:#04020f!important;cursor:none;margin:0!important;padding:0!important;}\n#jr-page{\n font-family:'DM Sans',sans-serif;\n background:#04020f;\n color:#fff;\n overflow-x:hidden;\n cursor:none;\n -webkit-font-smoothing:antialiased;\n width:100%;\n display:block;\n}\n\n\/* CUSTOM CURSOR *\/\n#jr-page #cursor{\n position:fixed;width:12px;height:12px;border-radius:50%;\n background:var(--v1);pointer-events:none;z-index:9999;\n transform:translate(-50%,-50%);\n transition:transform 0.1s,width 0.3s,height 0.3s,background 0.3s;\n mix-blend-mode:screen;\n}\n#cursor-trail{\n position:fixed;width:36px;height:36px;border-radius:50%;\n border:1px solid rgba(168,85,247,0.5);pointer-events:none;z-index:9998;\n transform:translate(-50%,-50%);\n transition:left 0.12s ease,top 0.12s ease;\n}\n\n\/* CANVAS BG *\/\n#canvas-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:#04020f;}\n\n\/* NAV *\/\nnav{\n position:fixed;top:0;left:0;right:0;z-index:500;\n display:flex;align-items:center;justify-content:space-between;\n padding:1.2rem 5vw;\n background:rgba(4,2,15,0.7);\n backdrop-filter:blur(20px);\n border-bottom:1px solid rgba(168,85,247,0.15);\n}\n.nav-logo{\n font-family:'Syne',sans-serif;font-weight:800;font-size:1.15rem;\n letter-spacing:-0.02em;\n background:linear-gradient(90deg,var(--v1),var(--v2));\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;\n}\n.nav-links{display:flex;gap:2rem;list-style:none;}\n.nav-links a{\n text-decoration:none;color:var(--ink2);font-size:0.88rem;font-weight:400;\n transition:color 0.2s;letter-spacing:0.02em;\n}\n.nav-links a:hover{color:var(--v1);}\n.nav-cta{\n background:linear-gradient(135deg,var(--v1),var(--v2));\n color:#fff;padding:0.6rem 1.5rem;border-radius:100px;\n font-size:0.85rem;font-weight:500;text-decoration:none;\n box-shadow:0 0 20px var(--glow1);\n transition:transform 0.2s,box-shadow 0.2s;\n}\n.nav-cta:hover{transform:translateY(-2px);box-shadow:0 0 30px var(--glow1);}\n\n\/* \u2500\u2500\u2500\u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500 *\/\n.hero{\n position:relative;min-height:100vh;\n display:flex;align-items:center;\n padding:7rem 5vw 4rem;\n overflow:hidden;z-index:1;\n background:#04020f !important;\n}\n#jr-page .hero{background:#04020f!important;}\n\n\/* animated mesh blobs *\/\n.blob{\n position:absolute;border-radius:50%;filter:blur(80px);\n pointer-events:none;\n}\n.blob1{\n width:600px;height:600px;\n background:radial-gradient(circle,rgba(168,85,247,0.35),transparent 70%);\n top:-150px;right:-100px;\n animation:blobFloat1 8s ease-in-out infinite;\n}\n.blob2{\n width:500px;height:500px;\n background:radial-gradient(circle,rgba(236,72,153,0.25),transparent 70%);\n bottom:-100px;left:-100px;\n animation:blobFloat2 10s ease-in-out infinite;\n}\n.blob3{\n width:400px;height:400px;\n background:radial-gradient(circle,rgba(6,182,212,0.2),transparent 70%);\n top:30%;left:40%;\n animation:blobFloat3 12s ease-in-out infinite;\n}\n@keyframes blobFloat1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-30px,30px) scale(1.05)}}\n@keyframes blobFloat2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,-20px) scale(1.08)}}\n@keyframes blobFloat3{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-20px,20px)}66%{transform:translate(20px,-20px)}}\n\n\/* grid overlay *\/\n.hero-grid{\n position:absolute;inset:0;\n background-image:\n linear-gradient(rgba(168,85,247,0.04) 1px,transparent 1px),\n linear-gradient(90deg,rgba(168,85,247,0.04) 1px,transparent 1px);\n background-size:50px 50px;\n mask-image:radial-gradient(ellipse at 60% 50%,black 30%,transparent 80%);\n}\n\n.hero-inner{\n position:relative;z-index:2;\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:3rem;align-items:center;\n max-width:1200px;margin:0 auto;width:100%;\n}\n\n\/* text side *\/\n.hero-eyebrow{\n display:inline-flex;align-items:center;gap:0.6rem;\n font-size:0.78rem;font-weight:600;letter-spacing:0.15em;\n text-transform:uppercase;color:#67e8f9;\n margin-bottom:1.2rem;\n opacity:0;animation:slideUp 0.7s 0.2s ease forwards;\n text-shadow:0 0 20px rgba(103,232,249,0.5);\n}\n.eyebrow-line{width:32px;height:1px;background:#67e8f9;}\n\n.hero-h1{\n font-family:'Syne',sans-serif;\n font-size:clamp(3.2rem,6.5vw,6rem);\n font-weight:800;line-height:0.95;\n letter-spacing:-0.04em;\n opacity:0;animation:slideUp 0.8s 0.35s ease forwards;\n}\n.hero-h1 .line1{\n display:block;\n background:linear-gradient(90deg,#ff9de2 0%,#ffffff 40%,#a5f3fc 100%);\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;\n background-size:200% auto;\n animation:shimmer 4s linear infinite;\n}\n.hero-h1 .line2{\n display:block;\n background:linear-gradient(90deg,var(--v1) 0%,var(--v2) 40%,var(--v3) 80%,var(--v4) 100%);\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;\n background-size:300% auto;\n animation:shimmer 3s linear infinite;\n}\n@keyframes shimmer{to{background-position:300% center}}\n\n\/* SEO authority line *\/\n.hero-authority{\n margin-top:1rem;\n font-size:1rem;font-weight:400;\n color:rgba(255,255,255,0.92);\n line-height:1.6;\n opacity:0;animation:slideUp 0.7s 0.5s ease forwards;\n background:rgba(255,255,255,0.06);\n border:1px solid rgba(255,255,255,0.12);\n border-radius:0.8rem;\n padding:0.75rem 1.1rem;\n}\n.hero-authority strong{\n background:linear-gradient(90deg,#f9a8d4,#ffffff);\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;\n font-weight:600;\n}\n.hero-authority a{color:#7dd3fc;text-decoration:none;font-weight:600;border-bottom:1px solid rgba(125,211,252,0.4);}\n.hero-authority a:hover{color:#bae6fd;}\n\n.hero-desc{\n margin-top:1.3rem;font-size:1rem;\n color:rgba(255,255,255,0.88);line-height:1.8;\n max-width:480px;\n opacity:0;animation:slideUp 0.7s 0.65s ease forwards;\n}\n\n.hero-btns{\n margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap;\n opacity:0;animation:slideUp 0.7s 0.8s ease forwards;\n}\n.btn-glow{\n position:relative;\n background:linear-gradient(135deg,var(--v1),var(--v2));\n color:#fff;padding:0.9rem 2.2rem;border-radius:100px;\n font-weight:600;font-size:0.9rem;text-decoration:none;\n overflow:hidden;\n box-shadow:0 0 25px var(--glow1);\n transition:transform 0.2s,box-shadow 0.2s;\n}\n.btn-glow::before{\n content:'';position:absolute;inset:0;\n background:linear-gradient(135deg,var(--v2),var(--v1));\n opacity:0;transition:opacity 0.3s;\n}\n.btn-glow:hover{transform:translateY(-3px);box-shadow:0 0 45px var(--glow1);}\n.btn-glow:hover::before{opacity:1;}\n.btn-glow span{position:relative;z-index:1;}\n\n.btn-outline{\n background:transparent;color:#fff;\n padding:0.9rem 2rem;border-radius:100px;\n font-weight:500;font-size:0.9rem;text-decoration:none;\n border:1px solid rgba(255,255,255,0.2);\n transition:border-color 0.2s,background 0.2s,transform 0.2s;\n}\n.btn-outline:hover{border-color:var(--v1);background:rgba(168,85,247,0.1);transform:translateY(-3px);}\n\n\/* stats row *\/\n.hero-stats{\n display:flex;gap:2.5rem;margin-top:2.5rem;\n opacity:0;animation:slideUp 0.7s 1s ease forwards;\n}\n.stat{display:flex;flex-direction:column;gap:0.2rem;}\n.stat-n{\n font-family:'Syne',sans-serif;font-size:2rem;font-weight:800;line-height:1;\n background:linear-gradient(90deg,var(--v1),var(--v2),var(--v3));\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;\n background-size:200% auto;\n animation:shimmer 3s linear infinite;\n}\n.stat-l{font-size:0.75rem;color:rgba(255,255,255,0.75);letter-spacing:0.05em;text-transform:uppercase;}\n\n\/* image side *\/\n.hero-img-side{\n display:flex;justify-content:center;align-items:center;\n opacity:0;animation:slideLeft 0.9s 0.5s ease forwards;\n}\n.img-container{\n position:relative;\n width:min(380px,90vw);\n}\n.img-rings{\n position:absolute;inset:-20px;\n border-radius:50%;\n background:\n conic-gradient(from 0deg,var(--v1),var(--v2),var(--v3),var(--v1));\n animation:spinRing 6s linear infinite;\n filter:blur(2px);\n opacity:0.6;\n}\n.img-rings-mask{\n position:absolute;inset:12px;\n background:var(--bg);border-radius:50%;\n z-index:1;\n}\n.img-orbit{\n position:absolute;inset:-30px;\n border:1px dashed rgba(168,85,247,0.2);\n border-radius:50%;\n animation:spinRing 20s linear infinite reverse;\n}\n.img-orbit-dot{\n position:absolute;top:6px;left:50%;transform:translateX(-50%);\n width:10px;height:10px;border-radius:50%;\n background:var(--v1);\n box-shadow:0 0 12px var(--glow1);\n}\n@keyframes spinRing{to{transform:rotate(360deg)}}\n\n.img-frame{\n position:relative;z-index:2;\n width:100%;aspect-ratio:1;border-radius:50%;\n overflow:hidden;\n border:3px solid rgba(168,85,247,0.3);\n box-shadow:\n 0 0 60px rgba(168,85,247,0.2),\n 0 0 120px rgba(236,72,153,0.1);\n}\n.img-frame img{\n width:100%;height:100%;object-fit:cover;object-position:top center;\n filter:saturate(1.1) contrast(1.05);\n}\n\n\/* floating badges *\/\n.float-badge{\n position:absolute;z-index:10;\n background:rgba(255,255,255,0.05);\n border:1px solid rgba(255,255,255,0.12);\n backdrop-filter:blur(20px);\n border-radius:14px;\n padding:0.7rem 1rem;\n display:flex;align-items:center;gap:0.6rem;\n font-size:0.8rem;font-weight:500;\n white-space:nowrap;\n animation:floatBadge 4s ease-in-out infinite;\n}\n.float-badge.b1{top:5%;right:-10%;animation-delay:0s;}\n.float-badge.b2{bottom:15%;left:-12%;animation-delay:1.5s;}\n.float-badge.b3{top:45%;right:-18%;animation-delay:0.8s;}\n@keyframes floatBadge{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n.badge-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}\n.badge-dot.green{background:#22c55e;box-shadow:0 0 8px #22c55e;}\n.badge-dot.cyan{background:var(--v3);box-shadow:0 0 8px var(--v3);}\n.badge-dot.pink{background:var(--v2);box-shadow:0 0 8px var(--v2);}\n.badge-txt{line-height:1.3;}\n.badge-txt small{display:block;font-size:0.68rem;color:var(--ink3);font-weight:400;}\n\n@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}\n@keyframes slideLeft{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}\n\n\/* scrolling ticker *\/\n.ticker{\n position:relative;z-index:1;\n background:rgba(168,85,247,0.08);\n border-top:1px solid rgba(168,85,247,0.15);\n border-bottom:1px solid rgba(168,85,247,0.15);\n overflow:hidden;padding:1rem 0;\n}\n.ticker-track{\n display:flex;gap:0;\n animation:ticker 20s linear infinite;\n width:max-content;\n}\n@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n.ticker-item{\n display:flex;align-items:center;gap:0.6rem;\n padding:0 2rem;font-size:0.8rem;font-weight:500;\n color:var(--ink2);letter-spacing:0.08em;text-transform:uppercase;white-space:nowrap;\n}\n.ticker-sep{color:var(--v1);font-size:1.1rem;}\n\n\/* \u2500\u2500\u2500\u2500\u2500 ABOUT \u2500\u2500\u2500\u2500\u2500 *\/\n.about{\n position:relative;z-index:1;\n padding:7rem 5vw;\n background:linear-gradient(180deg,var(--bg) 0%,#0a0520 100%);\n}\n.about-inner{max-width:1200px;margin:0 auto;}\n.sec-label{\n font-size:0.75rem;font-weight:600;letter-spacing:0.15em;\n text-transform:uppercase;color:var(--v3);margin-bottom:0.7rem;\n}\n.sec-title{\n font-family:'Syne',sans-serif;\n font-size:clamp(2rem,4vw,3.2rem);\n font-weight:800;letter-spacing:-0.03em;\n line-height:1.05;color:#fff;\n}\n.about-grid{\n display:grid;grid-template-columns:1fr 1fr;\n gap:5rem;align-items:center;margin-top:3.5rem;\n}\n.about-img-wrap{position:relative;}\n.about-main-img{\n width:100%;aspect-ratio:3\/4;border-radius:2rem;\n overflow:hidden;border:1px solid rgba(168,85,247,0.2);\n position:relative;\n}\n.about-main-img img{width:100%;height:100%;object-fit:cover;object-position:top;}\n.about-main-img::after{\n content:'';position:absolute;inset:0;\n background:linear-gradient(to top,rgba(4,2,15,0.6) 0%,transparent 50%);\n}\n.about-float-card{\n position:absolute;bottom:-1.5rem;right:-1.5rem;\n background:linear-gradient(135deg,var(--v1),var(--v2));\n border-radius:1.2rem;padding:1.2rem 1.6rem;\n box-shadow:0 20px 60px rgba(168,85,247,0.4);\n z-index:2;\n}\n.afc-num{font-family:'Syne',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;}\n.afc-txt{font-size:0.82rem;font-weight:500;opacity:0.85;margin-top:0.2rem;}\n\n.about-content{display:flex;flex-direction:column;gap:1.5rem;}\n.quote-block{\n background:linear-gradient(135deg,rgba(168,85,247,0.1),rgba(236,72,153,0.08));\n border:1px solid rgba(168,85,247,0.2);\n border-radius:1rem;padding:1.5rem;\n font-size:1.05rem;color:#fff;\n font-style:italic;line-height:1.75;\n position:relative;\n}\n.quote-block::before{\n content:'\"';position:absolute;top:-0.5rem;left:1.2rem;\n font-size:4rem;line-height:1;color:var(--v1);opacity:0.4;\n font-family:'Syne',sans-serif;\n}\n.about-text{color:var(--ink2);line-height:1.85;font-size:0.95rem;}\n.pills{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.5rem;}\n.pill{\n background:rgba(168,85,247,0.12);\n border:1px solid rgba(168,85,247,0.25);\n color:var(--v1);font-size:0.8rem;font-weight:500;\n padding:0.3rem 0.9rem;border-radius:100px;\n transition:background 0.2s,transform 0.2s;\n}\n.pill:hover{background:rgba(168,85,247,0.25);transform:translateY(-2px);}\n\n\/* \u2500\u2500\u2500\u2500\u2500 SERVICES \u2500\u2500\u2500\u2500\u2500 *\/\n.services{\n position:relative;z-index:1;\n padding:7rem 5vw;\n background:#0a0520;\n overflow:hidden;\n}\n.services::before{\n content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);\n width:800px;height:800px;\n background:radial-gradient(circle,rgba(168,85,247,0.06) 0%,transparent 70%);\n border-radius:50%;pointer-events:none;\n}\n.services-inner{max-width:1200px;margin:0 auto;position:relative;}\n.services-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1.5rem;margin-bottom:3.5rem;}\n.services-grid{\n display:grid;grid-template-columns:repeat(3,1fr);\n gap:1.2rem;\n}\n.svc-card{\n background:rgba(255,255,255,0.025);\n border:1px solid rgba(255,255,255,0.07);\n border-radius:1.3rem;padding:2rem;\n position:relative;overflow:hidden;\n transition:transform 0.3s,border-color 0.3s,background 0.3s;\n cursor:default;\n group:true;\n}\n.svc-card::before{\n content:'';position:absolute;inset:0;opacity:0;\n background:linear-gradient(135deg,rgba(168,85,247,0.12),rgba(236,72,153,0.08));\n transition:opacity 0.3s;\n}\n.svc-card:hover{transform:translateY(-6px);border-color:rgba(168,85,247,0.35);}\n.svc-card:hover::before{opacity:1;}\n.svc-card:nth-child(2){border-color:rgba(6,182,212,0.2);}\n.svc-card:nth-child(2):hover{border-color:rgba(6,182,212,0.4);}\n.svc-card:nth-child(3){border-color:rgba(236,72,153,0.2);}\n.svc-card:nth-child(3):hover{border-color:rgba(236,72,153,0.4);}\n\n.svc-ico{\n width:54px;height:54px;border-radius:14px;\n display:flex;align-items:center;justify-content:center;\n font-size:1.4rem;margin-bottom:1.3rem;position:relative;z-index:1;\n}\n.ico-purple{background:rgba(168,85,247,0.15);border:1px solid rgba(168,85,247,0.25);}\n.ico-cyan{background:rgba(6,182,212,0.15);border:1px solid rgba(6,182,212,0.25);}\n.ico-pink{background:rgba(236,72,153,0.15);border:1px solid rgba(236,72,153,0.25);}\n.ico-amber{background:rgba(245,158,11,0.15);border:1px solid rgba(245,158,11,0.25);}\n.ico-green{background:rgba(34,197,94,0.15);border:1px solid rgba(34,197,94,0.25);}\n.ico-blue{background:rgba(59,130,246,0.15);border:1px solid rgba(59,130,246,0.25);}\n\n.svc-card h3{\n font-family:'Syne',sans-serif;font-size:1.05rem;font-weight:700;\n color:#fff;margin-bottom:0.6rem;position:relative;z-index:1;\n}\n.svc-card p{font-size:0.85rem;color:var(--ink3);line-height:1.7;position:relative;z-index:1;}\n.svc-arrow{\n position:absolute;bottom:1.5rem;right:1.5rem;\n width:32px;height:32px;border-radius:50%;\n background:rgba(255,255,255,0.05);\n display:flex;align-items:center;justify-content:center;\n font-size:0.9rem;color:var(--ink3);\n transition:background 0.2s,color 0.2s,transform 0.2s;\n}\n.svc-card:hover .svc-arrow{background:var(--v1);color:#fff;transform:translate(2px,-2px);}\n\n\/* \u2500\u2500\u2500\u2500\u2500 WHY ME \u2500\u2500\u2500\u2500\u2500 *\/\n.why{\n position:relative;z-index:1;\n padding:7rem 5vw;\n background:linear-gradient(180deg,#0a0520,var(--bg));\n}\n.why-inner{max-width:1200px;margin:0 auto;}\n.why-layout{\n display:grid;grid-template-columns:1fr 1fr;\n gap:4rem;align-items:center;margin-top:3.5rem;\n}\n.why-cards{display:flex;flex-direction:column;gap:1rem;}\n.why-card{\n background:rgba(255,255,255,0.025);\n border:1px solid rgba(255,255,255,0.07);\n border-radius:1rem;padding:1.5rem;\n display:flex;gap:1.2rem;align-items:flex-start;\n transition:transform 0.2s,border-color 0.2s,background 0.2s;\n}\n.why-card:hover{transform:translateX(6px);border-color:rgba(168,85,247,0.3);background:rgba(168,85,247,0.06);}\n.why-ico{\n width:44px;height:44px;flex-shrink:0;border-radius:10px;\n background:linear-gradient(135deg,var(--v1),var(--v2));\n display:flex;align-items:center;justify-content:center;font-size:1.1rem;\n box-shadow:0 4px 20px var(--glow1);\n}\n.why-body h4{font-family:'Syne',sans-serif;font-size:0.95rem;font-weight:700;color:#fff;margin-bottom:0.35rem;}\n.why-body p{font-size:0.85rem;color:var(--ink3);line-height:1.65;}\n\n.why-visual{\n display:flex;flex-direction:column;gap:1.2rem;\n}\n.metric-card{\n background:rgba(255,255,255,0.03);\n border:1px solid rgba(255,255,255,0.07);\n border-radius:1.2rem;padding:1.5rem 1.8rem;\n position:relative;overflow:hidden;\n}\n.metric-card::after{\n content:'';position:absolute;top:0;left:0;right:0;height:2px;\n background:linear-gradient(90deg,var(--v1),var(--v2),var(--v3));\n}\n.metric-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.6rem;}\n.metric-label{font-size:0.78rem;color:var(--ink3);letter-spacing:0.05em;text-transform:uppercase;}\n.metric-change{font-size:0.78rem;color:#22c55e;font-weight:500;background:rgba(34,197,94,0.1);padding:0.2rem 0.6rem;border-radius:100px;}\n.metric-val{font-family:'Syne',sans-serif;font-size:2.2rem;font-weight:800;color:#fff;line-height:1;}\n.metric-bar{height:4px;background:rgba(255,255,255,0.06);border-radius:2px;margin-top:0.8rem;overflow:hidden;}\n.metric-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--v1),var(--v2));}\n\n\/* \u2500\u2500\u2500\u2500\u2500 TESTIMONIAL \u2500\u2500\u2500\u2500\u2500 *\/\n.testi{\n position:relative;z-index:1;\n padding:7rem 5vw;\n background:radial-gradient(ellipse at center,rgba(168,85,247,0.08) 0%,transparent 70%),var(--bg);\n text-align:center;\n}\n.testi-inner{max-width:700px;margin:0 auto;}\n.testi-card{\n background:rgba(255,255,255,0.03);\n border:1px solid rgba(168,85,247,0.2);\n border-radius:2rem;padding:3rem;\n position:relative;\n margin-top:3rem;\n}\n.testi-card::before{\n content:'\"';\n font-size:8rem;line-height:0.8;\n font-family:'Syne',sans-serif;font-weight:800;\n background:linear-gradient(135deg,var(--v1),var(--v2));\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;\n position:absolute;top:1.5rem;left:2rem;\n}\n.testi-text{\n font-size:1.15rem;color:rgba(255,255,255,0.85);\n line-height:1.85;font-style:italic;\n margin-bottom:2rem;padding-top:2rem;\n}\n.testi-stars{color:#f59e0b;font-size:1.1rem;letter-spacing:4px;margin-bottom:1.2rem;}\n.testi-person{display:flex;flex-direction:column;align-items:center;gap:0.3rem;}\n.testi-name{font-family:'Syne',sans-serif;font-weight:700;color:#fff;font-size:0.95rem;}\n.testi-role{font-size:0.82rem;color:var(--ink3);}\n\n\/* \u2500\u2500\u2500\u2500\u2500 CONTACT \u2500\u2500\u2500\u2500\u2500 *\/\n.contact{\n position:relative;z-index:1;\n padding:7rem 5vw 5rem;\n background:linear-gradient(180deg,var(--bg),#060218);\n overflow:hidden;\n}\n.contact::before{\n content:'';position:absolute;bottom:-200px;right:-200px;\n width:600px;height:600px;border-radius:50%;\n background:radial-gradient(circle,rgba(168,85,247,0.12),transparent 70%);\n}\n.contact-inner{max-width:1200px;margin:0 auto;position:relative;}\n.contact-grid{\n display:grid;grid-template-columns:1fr 1fr;\n gap:4rem;margin-top:3.5rem;align-items:start;\n}\n.contact-left{display:flex;flex-direction:column;gap:1.5rem;}\n.contact-desc{color:var(--ink2);font-size:1rem;line-height:1.8;}\n.cinfo{display:flex;align-items:center;gap:1rem;}\n.cinfo-ico{\n width:48px;height:48px;flex-shrink:0;border-radius:12px;\n background:rgba(168,85,247,0.12);border:1px solid rgba(168,85,247,0.2);\n display:flex;align-items:center;justify-content:center;font-size:1.2rem;\n}\n.cinfo-body{}\n.cinfo-lbl{font-size:0.72rem;color:var(--ink3);letter-spacing:0.06em;text-transform:uppercase;}\n.cinfo-val{font-size:0.95rem;color:#fff;font-weight:500;text-decoration:none;transition:color 0.2s;}\n.cinfo-val:hover{color:var(--v1);}\n\n.agency-btn{\n display:flex;align-items:center;justify-content:space-between;\n background:linear-gradient(135deg,rgba(168,85,247,0.15),rgba(236,72,153,0.1));\n border:1px solid rgba(168,85,247,0.3);\n border-radius:1.2rem;padding:1.3rem 1.5rem;\n text-decoration:none;\n transition:transform 0.2s,box-shadow 0.2s;\n margin-top:0.5rem;\n}\n.agency-btn:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(168,85,247,0.2);}\n.agb-left{}\n.agb-lbl{font-size:0.72rem;color:var(--ink3);letter-spacing:0.06em;text-transform:uppercase;}\n.agb-name{font-family:'Syne',sans-serif;font-size:1.15rem;font-weight:800;color:#fff;margin-top:0.2rem;}\n.agb-arrow{\n width:42px;height:42px;border-radius:50%;\n background:linear-gradient(135deg,var(--v1),var(--v2));\n display:flex;align-items:center;justify-content:center;\n color:#fff;font-size:1.1rem;\n box-shadow:0 0 20px var(--glow1);\n transition:transform 0.2s;\n}\n.agency-btn:hover .agb-arrow{transform:translate(3px,-3px);}\n\n.contact-form{\n background:rgba(255,255,255,0.03);\n border:1px solid rgba(255,255,255,0.08);\n border-radius:1.5rem;padding:2.2rem;\n}\n.contact-form h3{\n font-family:'Syne',sans-serif;font-weight:700;color:#fff;\n font-size:1.2rem;margin-bottom:1.8rem;\n}\n.fg{margin-bottom:1rem;}\n.fg label{display:block;font-size:0.75rem;color:var(--ink3);margin-bottom:0.4rem;letter-spacing:0.05em;text-transform:uppercase;}\n.fg input,.fg textarea,.fg select{\n width:100%;background:rgba(255,255,255,0.04);\n border:1px solid rgba(255,255,255,0.08);\n border-radius:0.75rem;padding:0.8rem 1rem;\n color:#fff;font-family:'DM Sans',sans-serif;font-size:0.9rem;outline:none;\n transition:border-color 0.2s,background 0.2s;\n -webkit-appearance:none;\n}\n.fg input::placeholder,.fg textarea::placeholder{color:rgba(255,255,255,0.2);}\n.fg input:focus,.fg textarea:focus{border-color:var(--v1);background:rgba(168,85,247,0.06);}\n.fg textarea{resize:vertical;min-height:110px;}\n.fg select{color:rgba(255,255,255,0.6);cursor:pointer;}\n.fg select option{background:#0a0520;}\n.submit-btn{\n width:100%;\n background:linear-gradient(135deg,var(--v1),var(--v2));\n color:#fff;border:none;border-radius:0.8rem;padding:1rem;\n font-family:'Syne',sans-serif;font-size:1rem;font-weight:700;\n cursor:pointer;\n transition:transform 0.2s,box-shadow 0.2s;\n box-shadow:0 4px 20px var(--glow1);letter-spacing:0.02em;\n}\n.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--glow1);}\n\n\/* \u2500\u2500\u2500\u2500\u2500 FOOTER \u2500\u2500\u2500\u2500\u2500 *\/\nfooter{\n position:relative;z-index:1;\n background:#030110;\n padding:2rem 5vw;\n border-top:1px solid rgba(255,255,255,0.05);\n display:flex;align-items:center;justify-content:space-between;\n flex-wrap:wrap;gap:1rem;\n}\n.footer-logo{\n font-family:'Syne',sans-serif;font-weight:800;font-size:1rem;\n background:linear-gradient(90deg,var(--v1),var(--v2));\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;\n}\n.footer-copy{font-size:0.82rem;color:var(--ink3);}\n.footer-copy a{color:var(--ink2);text-decoration:none;}\n.footer-copy a:hover{color:var(--v1);}\n\n\/* \u2500\u2500\u2500\u2500\u2500 SCROLL REVEAL \u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:0;transform:translateY(35px);transition:opacity 0.7s ease,transform 0.7s ease;}\n.reveal.visible{opacity:1;transform:translateY(0);}\n.reveal-left{opacity:0;transform:translateX(-35px);transition:opacity 0.7s ease,transform 0.7s ease;}\n.reveal-left.visible{opacity:1;transform:translateX(0);}\n.reveal-right{opacity:0;transform:translateX(35px);transition:opacity 0.7s ease,transform 0.7s ease;}\n.reveal-right.visible{opacity:1;transform:translateX(0);}\n\n\/* \u2500\u2500\u2500\u2500\u2500 MOBILE \u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:768px){\n body{cursor:auto;}\n #cursor,#cursor-trail{display:none;}\n nav{padding:1rem 4vw;}\n .nav-links{display:none;}\n\n .hero{padding:9rem 4vw 4rem;min-height:auto;}\n .hero-inner{grid-template-columns:1fr;gap:0;text-align:center;}\n\n \/* SHOW photo on mobile stacked above text *\/\n .hero-img-side{\n order:-1;\n margin-bottom:2.5rem;\n margin-top:0.5rem;\n opacity:0;animation:slideUp 0.9s 0.3s ease forwards;\n }\n .img-container{width:min(240px,68vw);}\n .float-badge.b1{top:-5%;right:-5%;font-size:0.7rem;padding:0.5rem 0.7rem;}\n .float-badge.b2{display:none;}\n .float-badge.b3{display:none;}\n\n .hero-eyebrow{justify-content:center;}\n .hero-h1{font-size:clamp(2.4rem,11vw,3.5rem);text-align:center;}\n .hero-authority,.hero-desc{text-align:center;margin-left:auto;margin-right:auto;}\n .hero-btns{justify-content:center;}\n .hero-stats{justify-content:center;gap:1.5rem;}\n\n .blob1{width:300px;height:300px;top:-80px;right:-80px;}\n .blob2{width:250px;height:250px;}\n\n .about-grid{grid-template-columns:1fr;}\n .about-img-wrap{display:none;}\n\n .services-grid{grid-template-columns:1fr;}\n\n .why-layout{grid-template-columns:1fr;}\n .why-visual{display:none;}\n\n .contact-grid{grid-template-columns:1fr;}\n\n footer{flex-direction:column;align-items:center;text-align:center;}\n}\n@media(max-width:480px){\n .hero-h1{font-size:clamp(2rem,13vw,3rem);}\n .img-container{width:min(220px,70vw);}\n .stat-n{font-size:1.5rem;}\n}\n\n\/* \u2500\u2500 Force dark bg on all sections for Elementor\/WP \u2500\u2500 *\/\n#jr-page section, #jr-page footer, #jr-page nav,\n#jr-page .about, #jr-page .services, #jr-page .why,\n#jr-page .testi, #jr-page .contact {\n background-color: #04020f;\n}\n#jr-page .services { background-color: #0a0520 !important; }\n#jr-page .about { background: linear-gradient(180deg,#04020f 0%,#0a0520 100%) !important; }\n#jr-page .why { background: linear-gradient(180deg,#0a0520,#04020f) !important; }\n#jr-page .testi { background: #04020f !important; }\n#jr-page .contact { background: linear-gradient(180deg,#04020f,#060218) !important; }\n#jr-page footer { background: #030110 !important; }\n\/* canvas fixed behind everything *\/\n#canvas-bg { background: #04020f; }\n\n<\/style>\n<\/head>\n<body>\n<div id=\"jr-page\">\n\n\n<canvas id=\"canvas-bg\"><\/canvas>\n\n\n<div id=\"cursor\"><\/div>\n<div id=\"cursor-trail\"><\/div>\n\n\n<nav>\n <div class=\"nav-logo\">Jogen Rabha<\/div>\n <ul class=\"nav-links\">\n <li><a href=\"#about\">About<\/a><\/li>\n <li><a href=\"#services\">Services<\/a><\/li>\n <li><a href=\"#why\">Why Me<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n <a href=\"tel:+918473941285\" class=\"nav-cta\">Let's Talk<\/a>\n<\/nav>\n\n\n<section class=\"hero\">\n <div class=\"blob blob1\"><\/div>\n <div class=\"blob blob2\"><\/div>\n <div class=\"blob blob3\"><\/div>\n <div class=\"hero-grid\"><\/div>\n\n <div class=\"hero-inner\">\n \n <div class=\"hero-text\">\n <div class=\"hero-eyebrow\">\n <span class=\"eyebrow-line\"><\/span>\n Founder & CEO \u00b7 24Siteshop.com\n <\/div>\n <h1 class=\"hero-h1\">\n <span class=\"line1\">Jogen<\/span>\n <span class=\"line2\">Rabha<\/span>\n <\/h1>\n \n <p class=\"hero-authority\">\n <strong>Jogen Rabha is the Founder and CEO of <a href=\"https:\/\/24siteshop.com\" target=\"_blank\">24Siteshop.com<\/a><\/strong> \u2014 a professional web design agency helping Indian entrepreneurs grow their business digitally since 2019.\n <\/p>\n <p class=\"hero-desc\">From high-converting WordPress websites to ROI-driven SEO, PPC & social media campaigns \u2014 I bring data, strategy, and execution to every project.<\/p>\n <div class=\"hero-btns\">\n <a href=\"#contact\" class=\"btn-glow\"><span>Talk to Me \u2192<\/span><\/a>\n <a href=\"https:\/\/24siteshop.com\" target=\"_blank\" class=\"btn-outline\">Visit Agency \u2197<\/a>\n <\/div>\n <div class=\"hero-stats\">\n <div class=\"stat\"><span class=\"stat-n\">5+<\/span><span class=\"stat-l\">Years<\/span><\/div>\n <div class=\"stat\"><span class=\"stat-n\">200+<\/span><span class=\"stat-l\">Projects<\/span><\/div>\n <div class=\"stat\"><span class=\"stat-n\">1000+<\/span><span class=\"stat-l\">Websites Built<\/span><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"hero-img-side\">\n <div class=\"img-container\">\n <div class=\"img-orbit\"><div class=\"img-orbit-dot\"><\/div><\/div>\n <div class=\"img-rings\"><\/div>\n <div class=\"img-rings-mask\"><\/div>\n <div class=\"img-frame\">\n <img decoding=\"async\" src=\"https:\/\/jogenrabha.com\/wp-content\/uploads\/2024\/03\/tr.jpg\" alt=\"Jogen Rabha \u2013 Founder and CEO of 24Siteshop\" loading=\"eager\" \/>\n <\/div>\n <div class=\"float-badge b1\">\n <span class=\"badge-dot green\"><\/span>\n <div class=\"badge-txt\">Available for Projects<small>Response in 24hrs<\/small><\/div>\n <\/div>\n <div class=\"float-badge b2\">\n <span class=\"badge-dot cyan\"><\/span>\n <div class=\"badge-txt\">5+ Years Experience<small>Since 2019<\/small><\/div>\n <\/div>\n <div class=\"float-badge b3\">\n <span class=\"badge-dot pink\"><\/span>\n <div class=\"badge-txt\">200+ Websites<small>Delivered in India<\/small><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"ticker\">\n <div class=\"ticker-track\" id=\"ticker-track\"><\/div>\n<\/div>\n\n\n<section class=\"about\" id=\"about\">\n <div class=\"about-inner\">\n <div class=\"reveal\">\n <div class=\"sec-label\">About Me<\/div>\n <h2 class=\"sec-title\">The Man Behind<br>24Siteshop<\/h2>\n <\/div>\n <div class=\"about-grid\">\n <div class=\"about-img-wrap reveal-left\">\n <div class=\"about-main-img\">\n <img decoding=\"async\" src=\"https:\/\/jogenrabha.com\/wp-content\/uploads\/2024\/03\/tr.jpg\" alt=\"Jogen Rabha\" \/>\n <\/div>\n <div class=\"about-float-card\">\n <div class=\"afc-num\">2019<\/div>\n <div class=\"afc-txt\">Agency Founded<\/div>\n <\/div>\n <\/div>\n <div class=\"about-content reveal-right\">\n <div class=\"quote-block\">\n \"I don't suggest digital marketing services that just make me more money \u2014 I read your business data and guide you to choose the best strategy that actually works for you.\"\n <\/div>\n <p class=\"about-text\">I'm Jogen Rabha, a professional web designer and digital strategist from Assam. I founded <strong style=\"color:#fff;\">24Siteshop.com<\/strong> in 2019 with a single mission: help Indian entrepreneurs compete and win in the digital world.<\/p>\n <p class=\"about-text\">Whether you need a WordPress website that converts, an SEO strategy that compounds over time, or PPC campaigns that deliver measurable ROI \u2014 I bring data-driven decisions and hands-on execution to every engagement.<\/p>\n <div>\n <p style=\"font-size:0.72rem;color:var(--ink3);margin-bottom:0.7rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;\">Core Expertise<\/p>\n <div class=\"pills\">\n <span class=\"pill\">WordPress<\/span><span class=\"pill\">Elementor<\/span>\n <span class=\"pill\">WooCommerce<\/span><span class=\"pill\">Google Ads<\/span>\n <span class=\"pill\">Meta Ads<\/span><span class=\"pill\">Technical SEO<\/span>\n <span class=\"pill\">Landing Pages<\/span><span class=\"pill\">Lead Funnels<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"services\" id=\"services\">\n <div class=\"services-inner\">\n <div class=\"services-head reveal\">\n <div>\n <div class=\"sec-label\">What I Do<\/div>\n <h2 class=\"sec-title\">Complete Digital Growth<br>Under One Roof<\/h2>\n <\/div>\n <a href=\"#contact\" class=\"btn-glow\" style=\"align-self:flex-end;white-space:nowrap;\"><span>Start a Project \u2192<\/span><\/a>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"svc-card reveal\">\n <div class=\"svc-ico ico-purple\">\ud83c\udf10<\/div>\n <h3>Web Development<\/h3>\n <p>Responsive, fast-loading, SEO-ready WordPress websites. Custom designs built to convert visitors into paying customers.<\/p>\n <div class=\"svc-arrow\">\u2192<\/div>\n <\/div>\n <div class=\"svc-card reveal\" style=\"transition-delay:0.1s\">\n <div class=\"svc-ico ico-cyan\">\ud83d\udd0d<\/div>\n <h3>SEO Optimization<\/h3>\n <p>Data-driven techniques to rank your site and build compounding organic traffic that grows every single month.<\/p>\n <div class=\"svc-arrow\">\u2192<\/div>\n <\/div>\n <div class=\"svc-card reveal\" style=\"transition-delay:0.2s\">\n <div class=\"svc-ico ico-pink\">\ud83c\udfaf<\/div>\n <h3>Pay Per Click<\/h3>\n <p>Google, Meta, Quora & Bing ads managed for maximum ROI. Your budget working smarter, not harder.<\/p>\n <div class=\"svc-arrow\">\u2192<\/div>\n <\/div>\n <div class=\"svc-card reveal\" style=\"transition-delay:0.05s\">\n <div class=\"svc-ico ico-amber\">\ud83d\udcf1<\/div>\n <h3>Social Media Marketing<\/h3>\n <p>Strategic content and paid campaigns across FB, Instagram, Twitter, LinkedIn & Quora to grow brand awareness.<\/p>\n <div class=\"svc-arrow\">\u2192<\/div>\n <\/div>\n <div class=\"svc-card reveal\" style=\"transition-delay:0.15s\">\n <div class=\"svc-ico ico-green\">\ud83d\udce7<\/div>\n <h3>Email Marketing<\/h3>\n <p>Automated sequences and newsletters that nurture your audience and turn subscribers into loyal buyers.<\/p>\n <div class=\"svc-arrow\">\u2192<\/div>\n <\/div>\n <div class=\"svc-card reveal\" style=\"transition-delay:0.25s\">\n <div class=\"svc-ico ico-blue\">\u26a1<\/div>\n <h3>Lead Generation<\/h3>\n <p>Custom funnels, landing pages & ad strategies designed to capture and convert qualified leads for your business.<\/p>\n <div class=\"svc-arrow\">\u2192<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"why\" id=\"why\">\n <div class=\"why-inner\">\n <div class=\"reveal\">\n <div class=\"sec-label\">Why Work With Me<\/div>\n <h2 class=\"sec-title\">Not Just Another<br>Freelancer<\/h2>\n <\/div>\n <div class=\"why-layout\">\n <div class=\"why-cards reveal-left\">\n <div class=\"why-card\">\n <div class=\"why-ico\">\ud83d\udcca<\/div>\n <div class=\"why-body\">\n <h4>Data Before Decisions<\/h4>\n <p>I analyse your business data before recommending any service. Zero upselling \u2014 only what actually moves your needle.<\/p>\n <\/div>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-ico\">\ud83c\uddee\ud83c\uddf3<\/div>\n <div class=\"why-body\">\n <h4>Built for Indian Entrepreneurs<\/h4>\n <p>Since 2019, I've worked exclusively with Indian businesses. I understand your market, competition, and budget reality.<\/p>\n <\/div>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-ico\">\ud83d\udd17<\/div>\n <div class=\"why-body\">\n <h4>One Expert, Full Stack<\/h4>\n <p>Design to SEO to paid ads \u2014 consistent strategy, single point of contact. No handoffs, no communication gaps.<\/p>\n <\/div>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-ico\">\ud83d\udcc8<\/div>\n <div class=\"why-body\">\n <h4>Performance-First Mindset<\/h4>\n <p>Every rupee you invest should return more. I build compounding growth systems, not vanity metrics.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"why-visual reveal-right\">\n <div class=\"metric-card\">\n <div class=\"metric-top\"><span class=\"metric-label\">Client Satisfaction<\/span><span class=\"metric-change\">\u2191 98%<\/span><\/div>\n <div class=\"metric-val\">5.0 \u2605<\/div>\n <div class=\"metric-bar\"><div class=\"metric-fill\" style=\"width:98%\"><\/div><\/div>\n <\/div>\n <div class=\"metric-card\">\n <div class=\"metric-top\"><span class=\"metric-label\">Websites Personally Delivered<\/span><span class=\"metric-change\">\u2191 Growing<\/span><\/div>\n <div class=\"metric-val\">1000+<\/div>\n <div class=\"metric-bar\"><div class=\"metric-fill\" style=\"width:95%;background:linear-gradient(90deg,var(--v3),var(--v1))\"><\/div><\/div>\n <\/div>\n <div class=\"metric-card\">\n <div class=\"metric-top\"><span class=\"metric-label\">Happy Clients Across India<\/span><span class=\"metric-change\">\u2191 2019<\/span><\/div>\n <div class=\"metric-val\">500+<\/div>\n <div class=\"metric-bar\"><div class=\"metric-fill\" style=\"width:88%;background:linear-gradient(90deg,var(--v2),var(--v4))\"><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"testi\">\n <div class=\"testi-inner\">\n <div class=\"reveal\">\n <div class=\"sec-label\" style=\"text-align:center;\">Client Stories<\/div>\n <h2 class=\"sec-title\" style=\"text-align:center;\">Happy Words from<br>Happy Clients<\/h2>\n <\/div>\n <div class=\"testi-card reveal\">\n <p class=\"testi-text\">Jogen Rabha transformed our website into a masterpiece. His web development skills are truly exceptional \u2014 diligent, responsive, and genuinely innovative in every detail.<\/p>\n <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"testi-person\">\n <span class=\"testi-name\">Amit Kumar<\/span>\n <span class=\"testi-role\">Manager, Guwahati Nexa<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"contact\" id=\"contact\">\n <div class=\"contact-inner\">\n <div class=\"reveal\">\n <div class=\"sec-label\">Get In Touch<\/div>\n <h2 class=\"sec-title\">Let's Build Something<br>That Grows<\/h2>\n <\/div>\n <div class=\"contact-grid\">\n <div class=\"contact-left reveal-left\">\n <p class=\"contact-desc\">Book a free consultation. I'll review your current setup and tell you exactly what will grow your business \u2014 no fluff, just strategy.<\/p>\n <div class=\"cinfo\">\n <div class=\"cinfo-ico\">\ud83d\udcde<\/div>\n <div class=\"cinfo-body\">\n <div class=\"cinfo-lbl\">Phone \/ WhatsApp<\/div>\n <a href=\"tel:+918473941285\" class=\"cinfo-val\">+91 84739 41285<\/a>\n <\/div>\n <\/div>\n <div class=\"cinfo\">\n <div class=\"cinfo-ico\">\u2709\ufe0f<\/div>\n <div class=\"cinfo-body\">\n <div class=\"cinfo-lbl\">Email<\/div>\n <a href=\"mailto:email@jogenrabha.com\" class=\"cinfo-val\">email@jogenrabha.com<\/a>\n <\/div>\n <\/div>\n <div class=\"cinfo\">\n <div class=\"cinfo-ico\">\ud83c\udf10<\/div>\n <div class=\"cinfo-body\">\n <div class=\"cinfo-lbl\">Personal Site<\/div>\n <a href=\"https:\/\/jogenrabha.com\" target=\"_blank\" class=\"cinfo-val\">jogenrabha.com<\/a>\n <\/div>\n <\/div>\n <a href=\"https:\/\/24siteshop.com\" target=\"_blank\" class=\"agency-btn\">\n <div class=\"agb-left\">\n <div class=\"agb-lbl\">Our Web Design Agency<\/div>\n <div class=\"agb-name\">24Siteshop.com<\/div>\n <\/div>\n <div class=\"agb-arrow\">\u2197<\/div>\n <\/a>\n <\/div>\n <div class=\"contact-form reveal-right\">\n <h3>Send a Message<\/h3>\n <div class=\"fg\">\n <label>Your Name<\/label>\n <input type=\"text\" placeholder=\"Rahul Sharma\" \/>\n <\/div>\n <div class=\"fg\">\n <label>Email Address<\/label>\n <input type=\"email\" placeholder=\"rahul@yourbusiness.com\" \/>\n <\/div>\n <div class=\"fg\">\n <label>Service Needed<\/label>\n <select>\n <option value=\"\">Select a service...<\/option>\n <option>Website Development<\/option>\n <option>SEO Optimization<\/option>\n <option>PPC \/ Google Ads<\/option>\n <option>Social Media Marketing<\/option>\n <option>Lead Generation<\/option>\n <option>Full Digital Package<\/option>\n <\/select>\n <\/div>\n <div class=\"fg\">\n <label>Your Message<\/label>\n <textarea placeholder=\"Tell me about your business and what you want to achieve...\"><\/textarea>\n <\/div>\n <button class=\"submit-btn\" onclick=\"this.textContent='Message Sent! \u2713';this.style.background='linear-gradient(135deg,#22c55e,#16a34a)'\">Send Message \u2192<\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"footer-logo\">Jogen Rabha<\/div>\n <div class=\"footer-copy\">\u00a9 2019\u20132026 \u00b7 Founder & CEO at <a href=\"https:\/\/24siteshop.com\" target=\"_blank\">24Siteshop.com<\/a><\/div>\n <div class=\"footer-copy\" style=\"font-size:0.75rem;\">Helping Indian entrepreneurs grow digitally since 2019.<\/div>\n<\/footer>\n\n<script>\n\/* \u2500\u2500 CURSOR \u2500\u2500 *\/\nconst cur=document.getElementById('cursor'),trail=document.getElementById('cursor-trail');\nlet mx=0,my=0;\ndocument.addEventListener('mousemove',e=>{\n mx=e.clientX;my=e.clientY;\n cur.style.left=mx+'px';cur.style.top=my+'px';\n trail.style.left=mx+'px';trail.style.top=my+'px';\n});\ndocument.querySelectorAll('a,button,.svc-card,.why-card,.pill').forEach(el=>{\n el.addEventListener('mouseenter',()=>{cur.style.width='24px';cur.style.height='24px';cur.style.background='var(--v2)';});\n el.addEventListener('mouseleave',()=>{cur.style.width='12px';cur.style.height='12px';cur.style.background='var(--v1)';});\n});\n\n\/* \u2500\u2500 PARTICLE CANVAS \u2500\u2500 *\/\nconst canvas=document.getElementById('canvas-bg');\nconst ctx=canvas.getContext('2d');\nlet W,H,particles=[];\nfunction resize(){W=canvas.width=window.innerWidth;H=canvas.height=window.innerHeight;}\nresize();window.addEventListener('resize',resize);\nconst colors=['rgba(168,85,247,','rgba(236,72,153,','rgba(6,182,212,','rgba(245,158,11,'];\nfunction Particle(){\n this.x=Math.random()*W;this.y=Math.random()*H;\n this.r=Math.random()*2+0.5;\n this.c=colors[Math.floor(Math.random()*colors.length)];\n this.a=Math.random()*0.4+0.05;\n this.vx=(Math.random()-0.5)*0.3;this.vy=(Math.random()-0.5)*0.3;\n this.va=(Math.random()-0.5)*0.004;\n}\nParticle.prototype.draw=function(){\n ctx.beginPath();ctx.arc(this.x,this.y,this.r,0,Math.PI*2);\n ctx.fillStyle=this.c+this.a+')';ctx.fill();\n};\nParticle.prototype.update=function(){\n this.x+=this.vx;this.y+=this.vy;this.a+=this.va;\n if(this.a<=0.02||this.a>=0.45)this.va*=-1;\n if(this.x<0||this.x>W)this.vx*=-1;\n if(this.y<0||this.y>H)this.vy*=-1;\n};\nfor(let i=0;i<90;i++)particles.push(new Particle());\n\n\/* connect nearby particles *\/\nfunction connect(){\n for(let i=0;i<particles.length;i++){\n for(let j=i+1;j<particles.length;j++){\n const dx=particles[i].x-particles[j].x,dy=particles[i].y-particles[j].y;\n const dist=Math.sqrt(dx*dx+dy*dy);\n if(dist<120){\n ctx.beginPath();\n ctx.moveTo(particles[i].x,particles[i].y);\n ctx.lineTo(particles[j].x,particles[j].y);\n ctx.strokeStyle='rgba(168,85,247,'+(0.06*(1-dist\/120))+')';\n ctx.lineWidth=0.5;ctx.stroke();\n }\n }\n }\n}\nfunction animate(){\n ctx.clearRect(0,0,W,H);\n particles.forEach(p=>{p.update();p.draw();});\n connect();\n requestAnimationFrame(animate);\n}\nanimate();\n\n\/* \u2500\u2500 TICKER \u2500\u2500 *\/\nconst items=['WordPress Development','SEO Optimization','Google Ads PPC','Social Media Marketing','Lead Generation','Email Marketing','Web Design India','24Siteshop.com'];\nconst track=document.getElementById('ticker-track');\nlet html='';\n[...items,...items].forEach(t=>{\n html+=`<span class=\"ticker-item\"><span class=\"ticker-sep\">\u2726<\/span>${t}<\/span>`;\n});\ntrack.innerHTML=html;\n\n\/* \u2500\u2500 SCROLL REVEAL \u2500\u2500 *\/\nconst obs=new IntersectionObserver(entries=>{\n entries.forEach(e=>{if(e.isIntersecting)e.target.classList.add('visible');});\n},{threshold:0.12});\ndocument.querySelectorAll('.reveal,.reveal-left,.reveal-right').forEach(el=>obs.observe(el));\n\n\/* \u2500\u2500 SMOOTH SCROLL \u2500\u2500 *\/\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a=>{\n a.addEventListener('click',e=>{\n e.preventDefault();\n const t=document.querySelector(a.getAttribute('href'));\n if(t)t.scrollIntoView({behavior:'smooth'});\n });\n});\n<\/script>\n<\/div>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Jogen Rabha \u2013 Founder & CEO of 24Siteshop | Web Designer India Jogen Rabha About Services Why Me Contact Let’s […]<\/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":"disabled","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jogenrabha.com\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jogenrabha.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jogenrabha.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jogenrabha.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jogenrabha.com\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":46,"href":"https:\/\/jogenrabha.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":94,"href":"https:\/\/jogenrabha.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/94"}],"wp:attachment":[{"href":"https:\/\/jogenrabha.com\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

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

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

\n\t\t\t

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

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nJogen Rabha \u2013 Founder & CEO of 24Siteshop | Web Designer India<\/title>\n<meta name=\"description\" content=\"Jogen Rabha is the Founder and CEO of 24Siteshop.com, a professional web design agency helping Indian entrepreneurs grow digitally since 2019.\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Clash+Display:wght@400;500;600;700&family=Syne:wght@400;500;600;700;800&family=Cabinet+Grotesk:wght@300;400;500;700&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap\" rel=\"stylesheet\">\n<style>\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}\n:root{\n --bg:#04020f;\n --bg2:#070412;\n --ink:#ffffff;\n --ink2:rgba(255,255,255,0.7);\n --ink3:rgba(255,255,255,0.35);\n --v1:#a855f7;\n --v2:#ec4899;\n --v3:#06b6d4;\n --v4:#f59e0b;\n --glow1:rgba(168,85,247,0.4);\n --glow2:rgba(236,72,153,0.3);\n --glow3:rgba(6,182,212,0.25);\n}\nhtml,body{scroll-behavior:smooth;background:#04020f!important;cursor:none;margin:0!important;padding:0!important;}\n#jr-page{\n font-family:'DM Sans',sans-serif;\n background:#04020f;\n color:#fff;\n overflow-x:hidden;\n cursor:none;\n -webkit-font-smoothing:antialiased;\n width:100%;\n display:block;\n}\n\n\/* CUSTOM CURSOR *\/\n#jr-page #cursor{\n position:fixed;width:12px;height:12px;border-radius:50%;\n background:var(--v1);pointer-events:none;z-index:9999;\n transform:translate(-50%,-50%);\n transition:transform 0.1s,width 0.3s,height 0.3s,background 0.3s;\n mix-blend-mode:screen;\n}\n#cursor-trail{\n position:fixed;width:36px;height:36px;border-radius:50%;\n border:1px solid rgba(168,85,247,0.5);pointer-events:none;z-index:9998;\n transform:translate(-50%,-50%);\n transition:left 0.12s ease,top 0.12s ease;\n}\n\n\/* CANVAS BG *\/\n#canvas-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:#04020f;}\n\n\/* NAV *\/\nnav{\n position:fixed;top:0;left:0;right:0;z-index:500;\n display:flex;align-items:center;justify-content:space-between;\n padding:1.2rem 5vw;\n background:rgba(4,2,15,0.7);\n backdrop-filter:blur(20px);\n border-bottom:1px solid rgba(168,85,247,0.15);\n}\n.nav-logo{\n font-family:'Syne',sans-serif;font-weight:800;font-size:1.15rem;\n letter-spacing:-0.02em;\n background:linear-gradient(90deg,var(--v1),var(--v2));\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;\n}\n.nav-links{display:flex;gap:2rem;list-style:none;}\n.nav-links a{\n text-decoration:none;color:var(--ink2);font-size:0.88rem;font-weight:400;\n transition:color 0.2s;letter-spacing:0.02em;\n}\n.nav-links a:hover{color:var(--v1);}\n.nav-cta{\n background:linear-gradient(135deg,var(--v1),var(--v2));\n color:#fff;padding:0.6rem 1.5rem;border-radius:100px;\n font-size:0.85rem;font-weight:500;text-decoration:none;\n box-shadow:0 0 20px var(--glow1);\n transition:transform 0.2s,box-shadow 0.2s;\n}\n.nav-cta:hover{transform:translateY(-2px);box-shadow:0 0 30px var(--glow1);}\n\n\/* \u2500\u2500\u2500\u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500 *\/\n.hero{\n position:relative;min-height:100vh;\n display:flex;align-items:center;\n padding:7rem 5vw 4rem;\n overflow:hidden;z-index:1;\n background:#04020f !important;\n}\n#jr-page .hero{background:#04020f!important;}\n\n\/* animated mesh blobs *\/\n.blob{\n position:absolute;border-radius:50%;filter:blur(80px);\n pointer-events:none;\n}\n.blob1{\n width:600px;height:600px;\n background:radial-gradient(circle,rgba(168,85,247,0.35),transparent 70%);\n top:-150px;right:-100px;\n animation:blobFloat1 8s ease-in-out infinite;\n}\n.blob2{\n width:500px;height:500px;\n background:radial-gradient(circle,rgba(236,72,153,0.25),transparent 70%);\n bottom:-100px;left:-100px;\n animation:blobFloat2 10s ease-in-out infinite;\n}\n.blob3{\n width:400px;height:400px;\n background:radial-gradient(circle,rgba(6,182,212,0.2),transparent 70%);\n top:30%;left:40%;\n animation:blobFloat3 12s ease-in-out infinite;\n}\n@keyframes blobFloat1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-30px,30px) scale(1.05)}}\n@keyframes blobFloat2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,-20px) scale(1.08)}}\n@keyframes blobFloat3{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-20px,20px)}66%{transform:translate(20px,-20px)}}\n\n\/* grid overlay *\/\n.hero-grid{\n position:absolute;inset:0;\n background-image:\n linear-gradient(rgba(168,85,247,0.04) 1px,transparent 1px),\n linear-gradient(90deg,rgba(168,85,247,0.04) 1px,transparent 1px);\n background-size:50px 50px;\n mask-image:radial-gradient(ellipse at 60% 50%,black 30%,transparent 80%);\n}\n\n.hero-inner{\n position:relative;z-index:2;\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:3rem;align-items:center;\n max-width:1200px;margin:0 auto;width:100%;\n}\n\n\/* text side *\/\n.hero-eyebrow{\n display:inline-flex;align-items:center;gap:0.6rem;\n font-size:0.78rem;font-weight:600;letter-spacing:0.15em;\n text-transform:uppercase;color:#67e8f9;\n margin-bottom:1.2rem;\n opacity:0;animation:slideUp 0.7s 0.2s ease forwards;\n text-shadow:0 0 20px rgba(103,232,249,0.5);\n}\n.eyebrow-line{width:32px;height:1px;background:#67e8f9;}\n\n.hero-h1{\n font-family:'Syne',sans-serif;\n font-size:clamp(3.2rem,6.5vw,6rem);\n font-weight:800;line-height:0.95;\n letter-spacing:-0.04em;\n opacity:0;animation:slideUp 0.8s 0.35s ease forwards;\n}\n.hero-h1 .line1{\n display:block;\n background:linear-gradient(90deg,#ff9de2 0%,#ffffff 40%,#a5f3fc 100%);\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;\n background-size:200% auto;\n animation:shimmer 4s linear infinite;\n}\n.hero-h1 .line2{\n display:block;\n background:linear-gradient(90deg,var(--v1) 0%,var(--v2) 40%,var(--v3) 80%,var(--v4) 100%);\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;\n background-size:300% auto;\n animation:shimmer 3s linear infinite;\n}\n@keyframes shimmer{to{background-position:300% center}}\n\n\/* SEO authority line *\/\n.hero-authority{\n margin-top:1rem;\n font-size:1rem;font-weight:400;\n color:rgba(255,255,255,0.92);\n line-height:1.6;\n opacity:0;animation:slideUp 0.7s 0.5s ease forwards;\n background:rgba(255,255,255,0.06);\n border:1px solid rgba(255,255,255,0.12);\n border-radius:0.8rem;\n padding:0.75rem 1.1rem;\n}\n.hero-authority strong{\n background:linear-gradient(90deg,#f9a8d4,#ffffff);\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;\n font-weight:600;\n}\n.hero-authority a{color:#7dd3fc;text-decoration:none;font-weight:600;border-bottom:1px solid rgba(125,211,252,0.4);}\n.hero-authority a:hover{color:#bae6fd;}\n\n.hero-desc{\n margin-top:1.3rem;font-size:1rem;\n color:rgba(255,255,255,0.88);line-height:1.8;\n max-width:480px;\n opacity:0;animation:slideUp 0.7s 0.65s ease forwards;\n}\n\n.hero-btns{\n margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap;\n opacity:0;animation:slideUp 0.7s 0.8s ease forwards;\n}\n.btn-glow{\n position:relative;\n background:linear-gradient(135deg,var(--v1),var(--v2));\n color:#fff;padding:0.9rem 2.2rem;border-radius:100px;\n font-weight:600;font-size:0.9rem;text-decoration:none;\n overflow:hidden;\n box-shadow:0 0 25px var(--glow1);\n transition:transform 0.2s,box-shadow 0.2s;\n}\n.btn-glow::before{\n content:'';position:absolute;inset:0;\n background:linear-gradient(135deg,var(--v2),var(--v1));\n opacity:0;transition:opacity 0.3s;\n}\n.btn-glow:hover{transform:translateY(-3px);box-shadow:0 0 45px var(--glow1);}\n.btn-glow:hover::before{opacity:1;}\n.btn-glow span{position:relative;z-index:1;}\n\n.btn-outline{\n background:transparent;color:#fff;\n padding:0.9rem 2rem;border-radius:100px;\n font-weight:500;font-size:0.9rem;text-decoration:none;\n border:1px solid rgba(255,255,255,0.2);\n transition:border-color 0.2s,background 0.2s,transform 0.2s;\n}\n.btn-outline:hover{border-color:var(--v1);background:rgba(168,85,247,0.1);transform:translateY(-3px);}\n\n\/* stats row *\/\n.hero-stats{\n display:flex;gap:2.5rem;margin-top:2.5rem;\n opacity:0;animation:slideUp 0.7s 1s ease forwards;\n}\n.stat{display:flex;flex-direction:column;gap:0.2rem;}\n.stat-n{\n font-family:'Syne',sans-serif;font-size:2rem;font-weight:800;line-height:1;\n background:linear-gradient(90deg,var(--v1),var(--v2),var(--v3));\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;\n background-size:200% auto;\n animation:shimmer 3s linear infinite;\n}\n.stat-l{font-size:0.75rem;color:rgba(255,255,255,0.75);letter-spacing:0.05em;text-transform:uppercase;}\n\n\/* image side *\/\n.hero-img-side{\n display:flex;justify-content:center;align-items:center;\n opacity:0;animation:slideLeft 0.9s 0.5s ease forwards;\n}\n.img-container{\n position:relative;\n width:min(380px,90vw);\n}\n.img-rings{\n position:absolute;inset:-20px;\n border-radius:50%;\n background:\n conic-gradient(from 0deg,var(--v1),var(--v2),var(--v3),var(--v1));\n animation:spinRing 6s linear infinite;\n filter:blur(2px);\n opacity:0.6;\n}\n.img-rings-mask{\n position:absolute;inset:12px;\n background:var(--bg);border-radius:50%;\n z-index:1;\n}\n.img-orbit{\n position:absolute;inset:-30px;\n border:1px dashed rgba(168,85,247,0.2);\n border-radius:50%;\n animation:spinRing 20s linear infinite reverse;\n}\n.img-orbit-dot{\n position:absolute;top:6px;left:50%;transform:translateX(-50%);\n width:10px;height:10px;border-radius:50%;\n background:var(--v1);\n box-shadow:0 0 12px var(--glow1);\n}\n@keyframes spinRing{to{transform:rotate(360deg)}}\n\n.img-frame{\n position:relative;z-index:2;\n width:100%;aspect-ratio:1;border-radius:50%;\n overflow:hidden;\n border:3px solid rgba(168,85,247,0.3);\n box-shadow:\n 0 0 60px rgba(168,85,247,0.2),\n 0 0 120px rgba(236,72,153,0.1);\n}\n.img-frame img{\n width:100%;height:100%;object-fit:cover;object-position:top center;\n filter:saturate(1.1) contrast(1.05);\n}\n\n\/* floating badges *\/\n.float-badge{\n position:absolute;z-index:10;\n background:rgba(255,255,255,0.05);\n border:1px solid rgba(255,255,255,0.12);\n backdrop-filter:blur(20px);\n border-radius:14px;\n padding:0.7rem 1rem;\n display:flex;align-items:center;gap:0.6rem;\n font-size:0.8rem;font-weight:500;\n white-space:nowrap;\n animation:floatBadge 4s ease-in-out infinite;\n}\n.float-badge.b1{top:5%;right:-10%;animation-delay:0s;}\n.float-badge.b2{bottom:15%;left:-12%;animation-delay:1.5s;}\n.float-badge.b3{top:45%;right:-18%;animation-delay:0.8s;}\n@keyframes floatBadge{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n.badge-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}\n.badge-dot.green{background:#22c55e;box-shadow:0 0 8px #22c55e;}\n.badge-dot.cyan{background:var(--v3);box-shadow:0 0 8px var(--v3);}\n.badge-dot.pink{background:var(--v2);box-shadow:0 0 8px var(--v2);}\n.badge-txt{line-height:1.3;}\n.badge-txt small{display:block;font-size:0.68rem;color:var(--ink3);font-weight:400;}\n\n@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}\n@keyframes slideLeft{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}\n\n\/* scrolling ticker *\/\n.ticker{\n position:relative;z-index:1;\n background:rgba(168,85,247,0.08);\n border-top:1px solid rgba(168,85,247,0.15);\n border-bottom:1px solid rgba(168,85,247,0.15);\n overflow:hidden;padding:1rem 0;\n}\n.ticker-track{\n display:flex;gap:0;\n animation:ticker 20s linear infinite;\n width:max-content;\n}\n@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n.ticker-item{\n display:flex;align-items:center;gap:0.6rem;\n padding:0 2rem;font-size:0.8rem;font-weight:500;\n color:var(--ink2);letter-spacing:0.08em;text-transform:uppercase;white-space:nowrap;\n}\n.ticker-sep{color:var(--v1);font-size:1.1rem;}\n\n\/* \u2500\u2500\u2500\u2500\u2500 ABOUT \u2500\u2500\u2500\u2500\u2500 *\/\n.about{\n position:relative;z-index:1;\n padding:7rem 5vw;\n background:linear-gradient(180deg,var(--bg) 0%,#0a0520 100%);\n}\n.about-inner{max-width:1200px;margin:0 auto;}\n.sec-label{\n font-size:0.75rem;font-weight:600;letter-spacing:0.15em;\n text-transform:uppercase;color:var(--v3);margin-bottom:0.7rem;\n}\n.sec-title{\n font-family:'Syne',sans-serif;\n font-size:clamp(2rem,4vw,3.2rem);\n font-weight:800;letter-spacing:-0.03em;\n line-height:1.05;color:#fff;\n}\n.about-grid{\n display:grid;grid-template-columns:1fr 1fr;\n gap:5rem;align-items:center;margin-top:3.5rem;\n}\n.about-img-wrap{position:relative;}\n.about-main-img{\n width:100%;aspect-ratio:3\/4;border-radius:2rem;\n overflow:hidden;border:1px solid rgba(168,85,247,0.2);\n position:relative;\n}\n.about-main-img img{width:100%;height:100%;object-fit:cover;object-position:top;}\n.about-main-img::after{\n content:'';position:absolute;inset:0;\n background:linear-gradient(to top,rgba(4,2,15,0.6) 0%,transparent 50%);\n}\n.about-float-card{\n position:absolute;bottom:-1.5rem;right:-1.5rem;\n background:linear-gradient(135deg,var(--v1),var(--v2));\n border-radius:1.2rem;padding:1.2rem 1.6rem;\n box-shadow:0 20px 60px rgba(168,85,247,0.4);\n z-index:2;\n}\n.afc-num{font-family:'Syne',sans-serif;font-size:2.4rem;font-weight:800;line-height:1;}\n.afc-txt{font-size:0.82rem;font-weight:500;opacity:0.85;margin-top:0.2rem;}\n\n.about-content{display:flex;flex-direction:column;gap:1.5rem;}\n.quote-block{\n background:linear-gradient(135deg,rgba(168,85,247,0.1),rgba(236,72,153,0.08));\n border:1px solid rgba(168,85,247,0.2);\n border-radius:1rem;padding:1.5rem;\n font-size:1.05rem;color:#fff;\n font-style:italic;line-height:1.75;\n position:relative;\n}\n.quote-block::before{\n content:'\"';position:absolute;top:-0.5rem;left:1.2rem;\n font-size:4rem;line-height:1;color:var(--v1);opacity:0.4;\n font-family:'Syne',sans-serif;\n}\n.about-text{color:var(--ink2);line-height:1.85;font-size:0.95rem;}\n.pills{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.5rem;}\n.pill{\n background:rgba(168,85,247,0.12);\n border:1px solid rgba(168,85,247,0.25);\n color:var(--v1);font-size:0.8rem;font-weight:500;\n padding:0.3rem 0.9rem;border-radius:100px;\n transition:background 0.2s,transform 0.2s;\n}\n.pill:hover{background:rgba(168,85,247,0.25);transform:translateY(-2px);}\n\n\/* \u2500\u2500\u2500\u2500\u2500 SERVICES \u2500\u2500\u2500\u2500\u2500 *\/\n.services{\n position:relative;z-index:1;\n padding:7rem 5vw;\n background:#0a0520;\n overflow:hidden;\n}\n.services::before{\n content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);\n width:800px;height:800px;\n background:radial-gradient(circle,rgba(168,85,247,0.06) 0%,transparent 70%);\n border-radius:50%;pointer-events:none;\n}\n.services-inner{max-width:1200px;margin:0 auto;position:relative;}\n.services-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1.5rem;margin-bottom:3.5rem;}\n.services-grid{\n display:grid;grid-template-columns:repeat(3,1fr);\n gap:1.2rem;\n}\n.svc-card{\n background:rgba(255,255,255,0.025);\n border:1px solid rgba(255,255,255,0.07);\n border-radius:1.3rem;padding:2rem;\n position:relative;overflow:hidden;\n transition:transform 0.3s,border-color 0.3s,background 0.3s;\n cursor:default;\n group:true;\n}\n.svc-card::before{\n content:'';position:absolute;inset:0;opacity:0;\n background:linear-gradient(135deg,rgba(168,85,247,0.12),rgba(236,72,153,0.08));\n transition:opacity 0.3s;\n}\n.svc-card:hover{transform:translateY(-6px);border-color:rgba(168,85,247,0.35);}\n.svc-card:hover::before{opacity:1;}\n.svc-card:nth-child(2){border-color:rgba(6,182,212,0.2);}\n.svc-card:nth-child(2):hover{border-color:rgba(6,182,212,0.4);}\n.svc-card:nth-child(3){border-color:rgba(236,72,153,0.2);}\n.svc-card:nth-child(3):hover{border-color:rgba(236,72,153,0.4);}\n\n.svc-ico{\n width:54px;height:54px;border-radius:14px;\n display:flex;align-items:center;justify-content:center;\n font-size:1.4rem;margin-bottom:1.3rem;position:relative;z-index:1;\n}\n.ico-purple{background:rgba(168,85,247,0.15);border:1px solid rgba(168,85,247,0.25);}\n.ico-cyan{background:rgba(6,182,212,0.15);border:1px solid rgba(6,182,212,0.25);}\n.ico-pink{background:rgba(236,72,153,0.15);border:1px solid rgba(236,72,153,0.25);}\n.ico-amber{background:rgba(245,158,11,0.15);border:1px solid rgba(245,158,11,0.25);}\n.ico-green{background:rgba(34,197,94,0.15);border:1px solid rgba(34,197,94,0.25);}\n.ico-blue{background:rgba(59,130,246,0.15);border:1px solid rgba(59,130,246,0.25);}\n\n.svc-card h3{\n font-family:'Syne',sans-serif;font-size:1.05rem;font-weight:700;\n color:#fff;margin-bottom:0.6rem;position:relative;z-index:1;\n}\n.svc-card p{font-size:0.85rem;color:var(--ink3);line-height:1.7;position:relative;z-index:1;}\n.svc-arrow{\n position:absolute;bottom:1.5rem;right:1.5rem;\n width:32px;height:32px;border-radius:50%;\n background:rgba(255,255,255,0.05);\n display:flex;align-items:center;justify-content:center;\n font-size:0.9rem;color:var(--ink3);\n transition:background 0.2s,color 0.2s,transform 0.2s;\n}\n.svc-card:hover .svc-arrow{background:var(--v1);color:#fff;transform:translate(2px,-2px);}\n\n\/* \u2500\u2500\u2500\u2500\u2500 WHY ME \u2500\u2500\u2500\u2500\u2500 *\/\n.why{\n position:relative;z-index:1;\n padding:7rem 5vw;\n background:linear-gradient(180deg,#0a0520,var(--bg));\n}\n.why-inner{max-width:1200px;margin:0 auto;}\n.why-layout{\n display:grid;grid-template-columns:1fr 1fr;\n gap:4rem;align-items:center;margin-top:3.5rem;\n}\n.why-cards{display:flex;flex-direction:column;gap:1rem;}\n.why-card{\n background:rgba(255,255,255,0.025);\n border:1px solid rgba(255,255,255,0.07);\n border-radius:1rem;padding:1.5rem;\n display:flex;gap:1.2rem;align-items:flex-start;\n transition:transform 0.2s,border-color 0.2s,background 0.2s;\n}\n.why-card:hover{transform:translateX(6px);border-color:rgba(168,85,247,0.3);background:rgba(168,85,247,0.06);}\n.why-ico{\n width:44px;height:44px;flex-shrink:0;border-radius:10px;\n background:linear-gradient(135deg,var(--v1),var(--v2));\n display:flex;align-items:center;justify-content:center;font-size:1.1rem;\n box-shadow:0 4px 20px var(--glow1);\n}\n.why-body h4{font-family:'Syne',sans-serif;font-size:0.95rem;font-weight:700;color:#fff;margin-bottom:0.35rem;}\n.why-body p{font-size:0.85rem;color:var(--ink3);line-height:1.65;}\n\n.why-visual{\n display:flex;flex-direction:column;gap:1.2rem;\n}\n.metric-card{\n background:rgba(255,255,255,0.03);\n border:1px solid rgba(255,255,255,0.07);\n border-radius:1.2rem;padding:1.5rem 1.8rem;\n position:relative;overflow:hidden;\n}\n.metric-card::after{\n content:'';position:absolute;top:0;left:0;right:0;height:2px;\n background:linear-gradient(90deg,var(--v1),var(--v2),var(--v3));\n}\n.metric-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.6rem;}\n.metric-label{font-size:0.78rem;color:var(--ink3);letter-spacing:0.05em;text-transform:uppercase;}\n.metric-change{font-size:0.78rem;color:#22c55e;font-weight:500;background:rgba(34,197,94,0.1);padding:0.2rem 0.6rem;border-radius:100px;}\n.metric-val{font-family:'Syne',sans-serif;font-size:2.2rem;font-weight:800;color:#fff;line-height:1;}\n.metric-bar{height:4px;background:rgba(255,255,255,0.06);border-radius:2px;margin-top:0.8rem;overflow:hidden;}\n.metric-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--v1),var(--v2));}\n\n\/* \u2500\u2500\u2500\u2500\u2500 TESTIMONIAL \u2500\u2500\u2500\u2500\u2500 *\/\n.testi{\n position:relative;z-index:1;\n padding:7rem 5vw;\n background:radial-gradient(ellipse at center,rgba(168,85,247,0.08) 0%,transparent 70%),var(--bg);\n text-align:center;\n}\n.testi-inner{max-width:700px;margin:0 auto;}\n.testi-card{\n background:rgba(255,255,255,0.03);\n border:1px solid rgba(168,85,247,0.2);\n border-radius:2rem;padding:3rem;\n position:relative;\n margin-top:3rem;\n}\n.testi-card::before{\n content:'\"';\n font-size:8rem;line-height:0.8;\n font-family:'Syne',sans-serif;font-weight:800;\n background:linear-gradient(135deg,var(--v1),var(--v2));\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;\n position:absolute;top:1.5rem;left:2rem;\n}\n.testi-text{\n font-size:1.15rem;color:rgba(255,255,255,0.85);\n line-height:1.85;font-style:italic;\n margin-bottom:2rem;padding-top:2rem;\n}\n.testi-stars{color:#f59e0b;font-size:1.1rem;letter-spacing:4px;margin-bottom:1.2rem;}\n.testi-person{display:flex;flex-direction:column;align-items:center;gap:0.3rem;}\n.testi-name{font-family:'Syne',sans-serif;font-weight:700;color:#fff;font-size:0.95rem;}\n.testi-role{font-size:0.82rem;color:var(--ink3);}\n\n\/* \u2500\u2500\u2500\u2500\u2500 CONTACT \u2500\u2500\u2500\u2500\u2500 *\/\n.contact{\n position:relative;z-index:1;\n padding:7rem 5vw 5rem;\n background:linear-gradient(180deg,var(--bg),#060218);\n overflow:hidden;\n}\n.contact::before{\n content:'';position:absolute;bottom:-200px;right:-200px;\n width:600px;height:600px;border-radius:50%;\n background:radial-gradient(circle,rgba(168,85,247,0.12),transparent 70%);\n}\n.contact-inner{max-width:1200px;margin:0 auto;position:relative;}\n.contact-grid{\n display:grid;grid-template-columns:1fr 1fr;\n gap:4rem;margin-top:3.5rem;align-items:start;\n}\n.contact-left{display:flex;flex-direction:column;gap:1.5rem;}\n.contact-desc{color:var(--ink2);font-size:1rem;line-height:1.8;}\n.cinfo{display:flex;align-items:center;gap:1rem;}\n.cinfo-ico{\n width:48px;height:48px;flex-shrink:0;border-radius:12px;\n background:rgba(168,85,247,0.12);border:1px solid rgba(168,85,247,0.2);\n display:flex;align-items:center;justify-content:center;font-size:1.2rem;\n}\n.cinfo-body{}\n.cinfo-lbl{font-size:0.72rem;color:var(--ink3);letter-spacing:0.06em;text-transform:uppercase;}\n.cinfo-val{font-size:0.95rem;color:#fff;font-weight:500;text-decoration:none;transition:color 0.2s;}\n.cinfo-val:hover{color:var(--v1);}\n\n.agency-btn{\n display:flex;align-items:center;justify-content:space-between;\n background:linear-gradient(135deg,rgba(168,85,247,0.15),rgba(236,72,153,0.1));\n border:1px solid rgba(168,85,247,0.3);\n border-radius:1.2rem;padding:1.3rem 1.5rem;\n text-decoration:none;\n transition:transform 0.2s,box-shadow 0.2s;\n margin-top:0.5rem;\n}\n.agency-btn:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(168,85,247,0.2);}\n.agb-left{}\n.agb-lbl{font-size:0.72rem;color:var(--ink3);letter-spacing:0.06em;text-transform:uppercase;}\n.agb-name{font-family:'Syne',sans-serif;font-size:1.15rem;font-weight:800;color:#fff;margin-top:0.2rem;}\n.agb-arrow{\n width:42px;height:42px;border-radius:50%;\n background:linear-gradient(135deg,var(--v1),var(--v2));\n display:flex;align-items:center;justify-content:center;\n color:#fff;font-size:1.1rem;\n box-shadow:0 0 20px var(--glow1);\n transition:transform 0.2s;\n}\n.agency-btn:hover .agb-arrow{transform:translate(3px,-3px);}\n\n.contact-form{\n background:rgba(255,255,255,0.03);\n border:1px solid rgba(255,255,255,0.08);\n border-radius:1.5rem;padding:2.2rem;\n}\n.contact-form h3{\n font-family:'Syne',sans-serif;font-weight:700;color:#fff;\n font-size:1.2rem;margin-bottom:1.8rem;\n}\n.fg{margin-bottom:1rem;}\n.fg label{display:block;font-size:0.75rem;color:var(--ink3);margin-bottom:0.4rem;letter-spacing:0.05em;text-transform:uppercase;}\n.fg input,.fg textarea,.fg select{\n width:100%;background:rgba(255,255,255,0.04);\n border:1px solid rgba(255,255,255,0.08);\n border-radius:0.75rem;padding:0.8rem 1rem;\n color:#fff;font-family:'DM Sans',sans-serif;font-size:0.9rem;outline:none;\n transition:border-color 0.2s,background 0.2s;\n -webkit-appearance:none;\n}\n.fg input::placeholder,.fg textarea::placeholder{color:rgba(255,255,255,0.2);}\n.fg input:focus,.fg textarea:focus{border-color:var(--v1);background:rgba(168,85,247,0.06);}\n.fg textarea{resize:vertical;min-height:110px;}\n.fg select{color:rgba(255,255,255,0.6);cursor:pointer;}\n.fg select option{background:#0a0520;}\n.submit-btn{\n width:100%;\n background:linear-gradient(135deg,var(--v1),var(--v2));\n color:#fff;border:none;border-radius:0.8rem;padding:1rem;\n font-family:'Syne',sans-serif;font-size:1rem;font-weight:700;\n cursor:pointer;\n transition:transform 0.2s,box-shadow 0.2s;\n box-shadow:0 4px 20px var(--glow1);letter-spacing:0.02em;\n}\n.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--glow1);}\n\n\/* \u2500\u2500\u2500\u2500\u2500 FOOTER \u2500\u2500\u2500\u2500\u2500 *\/\nfooter{\n position:relative;z-index:1;\n background:#030110;\n padding:2rem 5vw;\n border-top:1px solid rgba(255,255,255,0.05);\n display:flex;align-items:center;justify-content:space-between;\n flex-wrap:wrap;gap:1rem;\n}\n.footer-logo{\n font-family:'Syne',sans-serif;font-weight:800;font-size:1rem;\n background:linear-gradient(90deg,var(--v1),var(--v2));\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;\n}\n.footer-copy{font-size:0.82rem;color:var(--ink3);}\n.footer-copy a{color:var(--ink2);text-decoration:none;}\n.footer-copy a:hover{color:var(--v1);}\n\n\/* \u2500\u2500\u2500\u2500\u2500 SCROLL REVEAL \u2500\u2500\u2500\u2500\u2500 *\/\n.reveal{opacity:0;transform:translateY(35px);transition:opacity 0.7s ease,transform 0.7s ease;}\n.reveal.visible{opacity:1;transform:translateY(0);}\n.reveal-left{opacity:0;transform:translateX(-35px);transition:opacity 0.7s ease,transform 0.7s ease;}\n.reveal-left.visible{opacity:1;transform:translateX(0);}\n.reveal-right{opacity:0;transform:translateX(35px);transition:opacity 0.7s ease,transform 0.7s ease;}\n.reveal-right.visible{opacity:1;transform:translateX(0);}\n\n\/* \u2500\u2500\u2500\u2500\u2500 MOBILE \u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:768px){\n body{cursor:auto;}\n #cursor,#cursor-trail{display:none;}\n nav{padding:1rem 4vw;}\n .nav-links{display:none;}\n\n .hero{padding:9rem 4vw 4rem;min-height:auto;}\n .hero-inner{grid-template-columns:1fr;gap:0;text-align:center;}\n\n \/* SHOW photo on mobile stacked above text *\/\n .hero-img-side{\n order:-1;\n margin-bottom:2.5rem;\n margin-top:0.5rem;\n opacity:0;animation:slideUp 0.9s 0.3s ease forwards;\n }\n .img-container{width:min(240px,68vw);}\n .float-badge.b1{top:-5%;right:-5%;font-size:0.7rem;padding:0.5rem 0.7rem;}\n .float-badge.b2{display:none;}\n .float-badge.b3{display:none;}\n\n .hero-eyebrow{justify-content:center;}\n .hero-h1{font-size:clamp(2.4rem,11vw,3.5rem);text-align:center;}\n .hero-authority,.hero-desc{text-align:center;margin-left:auto;margin-right:auto;}\n .hero-btns{justify-content:center;}\n .hero-stats{justify-content:center;gap:1.5rem;}\n\n .blob1{width:300px;height:300px;top:-80px;right:-80px;}\n .blob2{width:250px;height:250px;}\n\n .about-grid{grid-template-columns:1fr;}\n .about-img-wrap{display:none;}\n\n .services-grid{grid-template-columns:1fr;}\n\n .why-layout{grid-template-columns:1fr;}\n .why-visual{display:none;}\n\n .contact-grid{grid-template-columns:1fr;}\n\n footer{flex-direction:column;align-items:center;text-align:center;}\n}\n@media(max-width:480px){\n .hero-h1{font-size:clamp(2rem,13vw,3rem);}\n .img-container{width:min(220px,70vw);}\n .stat-n{font-size:1.5rem;}\n}\n\n\/* \u2500\u2500 Force dark bg on all sections for Elementor\/WP \u2500\u2500 *\/\n#jr-page section, #jr-page footer, #jr-page nav,\n#jr-page .about, #jr-page .services, #jr-page .why,\n#jr-page .testi, #jr-page .contact {\n background-color: #04020f;\n}\n#jr-page .services { background-color: #0a0520 !important; }\n#jr-page .about { background: linear-gradient(180deg,#04020f 0%,#0a0520 100%) !important; }\n#jr-page .why { background: linear-gradient(180deg,#0a0520,#04020f) !important; }\n#jr-page .testi { background: #04020f !important; }\n#jr-page .contact { background: linear-gradient(180deg,#04020f,#060218) !important; }\n#jr-page footer { background: #030110 !important; }\n\/* canvas fixed behind everything *\/\n#canvas-bg { background: #04020f; }\n\n<\/style>\n<\/head>\n<body>\n<div id=\"jr-page\">\n\n\n<canvas id=\"canvas-bg\"><\/canvas>\n\n\n<div id=\"cursor\"><\/div>\n<div id=\"cursor-trail\"><\/div>\n\n\n<nav>\n <div class=\"nav-logo\">Jogen Rabha<\/div>\n <ul class=\"nav-links\">\n <li><a href=\"#about\">About<\/a><\/li>\n <li><a href=\"#services\">Services<\/a><\/li>\n <li><a href=\"#why\">Why Me<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n <a href=\"tel:+918473941285\" class=\"nav-cta\">Let's Talk<\/a>\n<\/nav>\n\n\n<section class=\"hero\">\n <div class=\"blob blob1\"><\/div>\n <div class=\"blob blob2\"><\/div>\n <div class=\"blob blob3\"><\/div>\n <div class=\"hero-grid\"><\/div>\n\n <div class=\"hero-inner\">\n \n <div class=\"hero-text\">\n <div class=\"hero-eyebrow\">\n <span class=\"eyebrow-line\"><\/span>\n Founder & CEO \u00b7 24Siteshop.com\n <\/div>\n <h1 class=\"hero-h1\">\n <span class=\"line1\">Jogen<\/span>\n <span class=\"line2\">Rabha<\/span>\n <\/h1>\n \n <p class=\"hero-authority\">\n <strong>Jogen Rabha is the Founder and CEO of <a href=\"https:\/\/24siteshop.com\" target=\"_blank\">24Siteshop.com<\/a><\/strong> \u2014 a professional web design agency helping Indian entrepreneurs grow their business digitally since 2019.\n <\/p>\n <p class=\"hero-desc\">From high-converting WordPress websites to ROI-driven SEO, PPC & social media campaigns \u2014 I bring data, strategy, and execution to every project.<\/p>\n <div class=\"hero-btns\">\n <a href=\"#contact\" class=\"btn-glow\"><span>Talk to Me \u2192<\/span><\/a>\n <a href=\"https:\/\/24siteshop.com\" target=\"_blank\" class=\"btn-outline\">Visit Agency \u2197<\/a>\n <\/div>\n <div class=\"hero-stats\">\n <div class=\"stat\"><span class=\"stat-n\">5+<\/span><span class=\"stat-l\">Years<\/span><\/div>\n <div class=\"stat\"><span class=\"stat-n\">200+<\/span><span class=\"stat-l\">Projects<\/span><\/div>\n <div class=\"stat\"><span class=\"stat-n\">1000+<\/span><span class=\"stat-l\">Websites Built<\/span><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"hero-img-side\">\n <div class=\"img-container\">\n <div class=\"img-orbit\"><div class=\"img-orbit-dot\"><\/div><\/div>\n <div class=\"img-rings\"><\/div>\n <div class=\"img-rings-mask\"><\/div>\n <div class=\"img-frame\">\n <img decoding=\"async\" src=\"https:\/\/jogenrabha.com\/wp-content\/uploads\/2024\/03\/tr.jpg\" alt=\"Jogen Rabha \u2013 Founder and CEO of 24Siteshop\" loading=\"eager\" \/>\n <\/div>\n <div class=\"float-badge b1\">\n <span class=\"badge-dot green\"><\/span>\n <div class=\"badge-txt\">Available for Projects<small>Response in 24hrs<\/small><\/div>\n <\/div>\n <div class=\"float-badge b2\">\n <span class=\"badge-dot cyan\"><\/span>\n <div class=\"badge-txt\">5+ Years Experience<small>Since 2019<\/small><\/div>\n <\/div>\n <div class=\"float-badge b3\">\n <span class=\"badge-dot pink\"><\/span>\n <div class=\"badge-txt\">200+ Websites<small>Delivered in India<\/small><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"ticker\">\n <div class=\"ticker-track\" id=\"ticker-track\"><\/div>\n<\/div>\n\n\n<section class=\"about\" id=\"about\">\n <div class=\"about-inner\">\n <div class=\"reveal\">\n <div class=\"sec-label\">About Me<\/div>\n <h2 class=\"sec-title\">The Man Behind<br>24Siteshop<\/h2>\n <\/div>\n <div class=\"about-grid\">\n <div class=\"about-img-wrap reveal-left\">\n <div class=\"about-main-img\">\n <img decoding=\"async\" src=\"https:\/\/jogenrabha.com\/wp-content\/uploads\/2024\/03\/tr.jpg\" alt=\"Jogen Rabha\" \/>\n <\/div>\n <div class=\"about-float-card\">\n <div class=\"afc-num\">2019<\/div>\n <div class=\"afc-txt\">Agency Founded<\/div>\n <\/div>\n <\/div>\n <div class=\"about-content reveal-right\">\n <div class=\"quote-block\">\n \"I don't suggest digital marketing services that just make me more money \u2014 I read your business data and guide you to choose the best strategy that actually works for you.\"\n <\/div>\n <p class=\"about-text\">I'm Jogen Rabha, a professional web designer and digital strategist from Assam. I founded <strong style=\"color:#fff;\">24Siteshop.com<\/strong> in 2019 with a single mission: help Indian entrepreneurs compete and win in the digital world.<\/p>\n <p class=\"about-text\">Whether you need a WordPress website that converts, an SEO strategy that compounds over time, or PPC campaigns that deliver measurable ROI \u2014 I bring data-driven decisions and hands-on execution to every engagement.<\/p>\n <div>\n <p style=\"font-size:0.72rem;color:var(--ink3);margin-bottom:0.7rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;\">Core Expertise<\/p>\n <div class=\"pills\">\n <span class=\"pill\">WordPress<\/span><span class=\"pill\">Elementor<\/span>\n <span class=\"pill\">WooCommerce<\/span><span class=\"pill\">Google Ads<\/span>\n <span class=\"pill\">Meta Ads<\/span><span class=\"pill\">Technical SEO<\/span>\n <span class=\"pill\">Landing Pages<\/span><span class=\"pill\">Lead Funnels<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"services\" id=\"services\">\n <div class=\"services-inner\">\n <div class=\"services-head reveal\">\n <div>\n <div class=\"sec-label\">What I Do<\/div>\n <h2 class=\"sec-title\">Complete Digital Growth<br>Under One Roof<\/h2>\n <\/div>\n <a href=\"#contact\" class=\"btn-glow\" style=\"align-self:flex-end;white-space:nowrap;\"><span>Start a Project \u2192<\/span><\/a>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"svc-card reveal\">\n <div class=\"svc-ico ico-purple\">\ud83c\udf10<\/div>\n <h3>Web Development<\/h3>\n <p>Responsive, fast-loading, SEO-ready WordPress websites. Custom designs built to convert visitors into paying customers.<\/p>\n <div class=\"svc-arrow\">\u2192<\/div>\n <\/div>\n <div class=\"svc-card reveal\" style=\"transition-delay:0.1s\">\n <div class=\"svc-ico ico-cyan\">\ud83d\udd0d<\/div>\n <h3>SEO Optimization<\/h3>\n <p>Data-driven techniques to rank your site and build compounding organic traffic that grows every single month.<\/p>\n <div class=\"svc-arrow\">\u2192<\/div>\n <\/div>\n <div class=\"svc-card reveal\" style=\"transition-delay:0.2s\">\n <div class=\"svc-ico ico-pink\">\ud83c\udfaf<\/div>\n <h3>Pay Per Click<\/h3>\n <p>Google, Meta, Quora & Bing ads managed for maximum ROI. Your budget working smarter, not harder.<\/p>\n <div class=\"svc-arrow\">\u2192<\/div>\n <\/div>\n <div class=\"svc-card reveal\" style=\"transition-delay:0.05s\">\n <div class=\"svc-ico ico-amber\">\ud83d\udcf1<\/div>\n <h3>Social Media Marketing<\/h3>\n <p>Strategic content and paid campaigns across FB, Instagram, Twitter, LinkedIn & Quora to grow brand awareness.<\/p>\n <div class=\"svc-arrow\">\u2192<\/div>\n <\/div>\n <div class=\"svc-card reveal\" style=\"transition-delay:0.15s\">\n <div class=\"svc-ico ico-green\">\ud83d\udce7<\/div>\n <h3>Email Marketing<\/h3>\n <p>Automated sequences and newsletters that nurture your audience and turn subscribers into loyal buyers.<\/p>\n <div class=\"svc-arrow\">\u2192<\/div>\n <\/div>\n <div class=\"svc-card reveal\" style=\"transition-delay:0.25s\">\n <div class=\"svc-ico ico-blue\">\u26a1<\/div>\n <h3>Lead Generation<\/h3>\n <p>Custom funnels, landing pages & ad strategies designed to capture and convert qualified leads for your business.<\/p>\n <div class=\"svc-arrow\">\u2192<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"why\" id=\"why\">\n <div class=\"why-inner\">\n <div class=\"reveal\">\n <div class=\"sec-label\">Why Work With Me<\/div>\n <h2 class=\"sec-title\">Not Just Another<br>Freelancer<\/h2>\n <\/div>\n <div class=\"why-layout\">\n <div class=\"why-cards reveal-left\">\n <div class=\"why-card\">\n <div class=\"why-ico\">\ud83d\udcca<\/div>\n <div class=\"why-body\">\n <h4>Data Before Decisions<\/h4>\n <p>I analyse your business data before recommending any service. Zero upselling \u2014 only what actually moves your needle.<\/p>\n <\/div>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-ico\">\ud83c\uddee\ud83c\uddf3<\/div>\n <div class=\"why-body\">\n <h4>Built for Indian Entrepreneurs<\/h4>\n <p>Since 2019, I've worked exclusively with Indian businesses. I understand your market, competition, and budget reality.<\/p>\n <\/div>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-ico\">\ud83d\udd17<\/div>\n <div class=\"why-body\">\n <h4>One Expert, Full Stack<\/h4>\n <p>Design to SEO to paid ads \u2014 consistent strategy, single point of contact. No handoffs, no communication gaps.<\/p>\n <\/div>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-ico\">\ud83d\udcc8<\/div>\n <div class=\"why-body\">\n <h4>Performance-First Mindset<\/h4>\n <p>Every rupee you invest should return more. I build compounding growth systems, not vanity metrics.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"why-visual reveal-right\">\n <div class=\"metric-card\">\n <div class=\"metric-top\"><span class=\"metric-label\">Client Satisfaction<\/span><span class=\"metric-change\">\u2191 98%<\/span><\/div>\n <div class=\"metric-val\">5.0 \u2605<\/div>\n <div class=\"metric-bar\"><div class=\"metric-fill\" style=\"width:98%\"><\/div><\/div>\n <\/div>\n <div class=\"metric-card\">\n <div class=\"metric-top\"><span class=\"metric-label\">Websites Personally Delivered<\/span><span class=\"metric-change\">\u2191 Growing<\/span><\/div>\n <div class=\"metric-val\">1000+<\/div>\n <div class=\"metric-bar\"><div class=\"metric-fill\" style=\"width:95%;background:linear-gradient(90deg,var(--v3),var(--v1))\"><\/div><\/div>\n <\/div>\n <div class=\"metric-card\">\n <div class=\"metric-top\"><span class=\"metric-label\">Happy Clients Across India<\/span><span class=\"metric-change\">\u2191 2019<\/span><\/div>\n <div class=\"metric-val\">500+<\/div>\n <div class=\"metric-bar\"><div class=\"metric-fill\" style=\"width:88%;background:linear-gradient(90deg,var(--v2),var(--v4))\"><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"testi\">\n <div class=\"testi-inner\">\n <div class=\"reveal\">\n <div class=\"sec-label\" style=\"text-align:center;\">Client Stories<\/div>\n <h2 class=\"sec-title\" style=\"text-align:center;\">Happy Words from<br>Happy Clients<\/h2>\n <\/div>\n <div class=\"testi-card reveal\">\n <p class=\"testi-text\">Jogen Rabha transformed our website into a masterpiece. His web development skills are truly exceptional \u2014 diligent, responsive, and genuinely innovative in every detail.<\/p>\n <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"testi-person\">\n <span class=\"testi-name\">Amit Kumar<\/span>\n <span class=\"testi-role\">Manager, Guwahati Nexa<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"contact\" id=\"contact\">\n <div class=\"contact-inner\">\n <div class=\"reveal\">\n <div class=\"sec-label\">Get In Touch<\/div>\n <h2 class=\"sec-title\">Let's Build Something<br>That Grows<\/h2>\n <\/div>\n <div class=\"contact-grid\">\n <div class=\"contact-left reveal-left\">\n <p class=\"contact-desc\">Book a free consultation. I'll review your current setup and tell you exactly what will grow your business \u2014 no fluff, just strategy.<\/p>\n <div class=\"cinfo\">\n <div class=\"cinfo-ico\">\ud83d\udcde<\/div>\n <div class=\"cinfo-body\">\n <div class=\"cinfo-lbl\">Phone \/ WhatsApp<\/div>\n <a href=\"tel:+918473941285\" class=\"cinfo-val\">+91 84739 41285<\/a>\n <\/div>\n <\/div>\n <div class=\"cinfo\">\n <div class=\"cinfo-ico\">\u2709\ufe0f<\/div>\n <div class=\"cinfo-body\">\n <div class=\"cinfo-lbl\">Email<\/div>\n <a href=\"mailto:email@jogenrabha.com\" class=\"cinfo-val\">email@jogenrabha.com<\/a>\n <\/div>\n <\/div>\n <div class=\"cinfo\">\n <div class=\"cinfo-ico\">\ud83c\udf10<\/div>\n <div class=\"cinfo-body\">\n <div class=\"cinfo-lbl\">Personal Site<\/div>\n <a href=\"https:\/\/jogenrabha.com\" target=\"_blank\" class=\"cinfo-val\">jogenrabha.com<\/a>\n <\/div>\n <\/div>\n <a href=\"https:\/\/24siteshop.com\" target=\"_blank\" class=\"agency-btn\">\n <div class=\"agb-left\">\n <div class=\"agb-lbl\">Our Web Design Agency<\/div>\n <div class=\"agb-name\">24Siteshop.com<\/div>\n <\/div>\n <div class=\"agb-arrow\">\u2197<\/div>\n <\/a>\n <\/div>\n <div class=\"contact-form reveal-right\">\n <h3>Send a Message<\/h3>\n <div class=\"fg\">\n <label>Your Name<\/label>\n <input type=\"text\" placeholder=\"Rahul Sharma\" \/>\n <\/div>\n <div class=\"fg\">\n <label>Email Address<\/label>\n <input type=\"email\" placeholder=\"rahul@yourbusiness.com\" \/>\n <\/div>\n <div class=\"fg\">\n <label>Service Needed<\/label>\n <select>\n <option value=\"\">Select a service...<\/option>\n <option>Website Development<\/option>\n <option>SEO Optimization<\/option>\n <option>PPC \/ Google Ads<\/option>\n <option>Social Media Marketing<\/option>\n <option>Lead Generation<\/option>\n <option>Full Digital Package<\/option>\n <\/select>\n <\/div>\n <div class=\"fg\">\n <label>Your Message<\/label>\n <textarea placeholder=\"Tell me about your business and what you want to achieve...\"><\/textarea>\n <\/div>\n <button class=\"submit-btn\" onclick=\"this.textContent='Message Sent! \u2713';this.style.background='linear-gradient(135deg,#22c55e,#16a34a)'\">Send Message \u2192<\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"footer-logo\">Jogen Rabha<\/div>\n <div class=\"footer-copy\">\u00a9 2019\u20132026 \u00b7 Founder & CEO at <a href=\"https:\/\/24siteshop.com\" target=\"_blank\">24Siteshop.com<\/a><\/div>\n <div class=\"footer-copy\" style=\"font-size:0.75rem;\">Helping Indian entrepreneurs grow digitally since 2019.<\/div>\n<\/footer>\n\n<script>\n\/* \u2500\u2500 CURSOR \u2500\u2500 *\/\nconst cur=document.getElementById('cursor'),trail=document.getElementById('cursor-trail');\nlet mx=0,my=0;\ndocument.addEventListener('mousemove',e=>{\n mx=e.clientX;my=e.clientY;\n cur.style.left=mx+'px';cur.style.top=my+'px';\n trail.style.left=mx+'px';trail.style.top=my+'px';\n});\ndocument.querySelectorAll('a,button,.svc-card,.why-card,.pill').forEach(el=>{\n el.addEventListener('mouseenter',()=>{cur.style.width='24px';cur.style.height='24px';cur.style.background='var(--v2)';});\n el.addEventListener('mouseleave',()=>{cur.style.width='12px';cur.style.height='12px';cur.style.background='var(--v1)';});\n});\n\n\/* \u2500\u2500 PARTICLE CANVAS \u2500\u2500 *\/\nconst canvas=document.getElementById('canvas-bg');\nconst ctx=canvas.getContext('2d');\nlet W,H,particles=[];\nfunction resize(){W=canvas.width=window.innerWidth;H=canvas.height=window.innerHeight;}\nresize();window.addEventListener('resize',resize);\nconst colors=['rgba(168,85,247,','rgba(236,72,153,','rgba(6,182,212,','rgba(245,158,11,'];\nfunction Particle(){\n this.x=Math.random()*W;this.y=Math.random()*H;\n this.r=Math.random()*2+0.5;\n this.c=colors[Math.floor(Math.random()*colors.length)];\n this.a=Math.random()*0.4+0.05;\n this.vx=(Math.random()-0.5)*0.3;this.vy=(Math.random()-0.5)*0.3;\n this.va=(Math.random()-0.5)*0.004;\n}\nParticle.prototype.draw=function(){\n ctx.beginPath();ctx.arc(this.x,this.y,this.r,0,Math.PI*2);\n ctx.fillStyle=this.c+this.a+')';ctx.fill();\n};\nParticle.prototype.update=function(){\n this.x+=this.vx;this.y+=this.vy;this.a+=this.va;\n if(this.a<=0.02||this.a>=0.45)this.va*=-1;\n if(this.x<0||this.x>W)this.vx*=-1;\n if(this.y<0||this.y>H)this.vy*=-1;\n};\nfor(let i=0;i<90;i++)particles.push(new Particle());\n\n\/* connect nearby particles *\/\nfunction connect(){\n for(let i=0;i<particles.length;i++){\n for(let j=i+1;j<particles.length;j++){\n const dx=particles[i].x-particles[j].x,dy=particles[i].y-particles[j].y;\n const dist=Math.sqrt(dx*dx+dy*dy);\n if(dist<120){\n ctx.beginPath();\n ctx.moveTo(particles[i].x,particles[i].y);\n ctx.lineTo(particles[j].x,particles[j].y);\n ctx.strokeStyle='rgba(168,85,247,'+(0.06*(1-dist\/120))+')';\n ctx.lineWidth=0.5;ctx.stroke();\n }\n }\n }\n}\nfunction animate(){\n ctx.clearRect(0,0,W,H);\n particles.forEach(p=>{p.update();p.draw();});\n connect();\n requestAnimationFrame(animate);\n}\nanimate();\n\n\/* \u2500\u2500 TICKER \u2500\u2500 *\/\nconst items=['WordPress Development','SEO Optimization','Google Ads PPC','Social Media Marketing','Lead Generation','Email Marketing','Web Design India','24Siteshop.com'];\nconst track=document.getElementById('ticker-track');\nlet html='';\n[...items,...items].forEach(t=>{\n html+=`<span class=\"ticker-item\"><span class=\"ticker-sep\">\u2726<\/span>${t}<\/span>`;\n});\ntrack.innerHTML=html;\n\n\/* \u2500\u2500 SCROLL REVEAL \u2500\u2500 *\/\nconst obs=new IntersectionObserver(entries=>{\n entries.forEach(e=>{if(e.isIntersecting)e.target.classList.add('visible');});\n},{threshold:0.12});\ndocument.querySelectorAll('.reveal,.reveal-left,.reveal-right').forEach(el=>obs.observe(el));\n\n\/* \u2500\u2500 SMOOTH SCROLL \u2500\u2500 *\/\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a=>{\n a.addEventListener('click',e=>{\n e.preventDefault();\n const t=document.querySelector(a.getAttribute('href'));\n if(t)t.scrollIntoView({behavior:'smooth'});\n });\n});\n<\/script>\n<\/div>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Jogen Rabha \u2013 Founder & CEO of 24Siteshop | Web Designer India Jogen Rabha About Services Why Me Contact Let’s […]<\/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":"disabled","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jogenrabha.com\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jogenrabha.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jogenrabha.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jogenrabha.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jogenrabha.com\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":46,"href":"https:\/\/jogenrabha.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":94,"href":"https:\/\/jogenrabha.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/94"}],"wp:attachment":[{"href":"https:\/\/jogenrabha.com\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}