{"id":9,"date":"2026-10-08T11:22:18","date_gmt":"2026-10-08T11:22:18","guid":{"rendered":"https:\/\/jaskarangurukulskill.online\/?page_id=9"},"modified":"2026-10-09T07:02:45","modified_gmt":"2026-10-09T07:02:45","slug":"home","status":"publish","type":"page","link":"https:\/\/jaskarangurukulskill.online\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Jaskaran Singh Mahal | AI Content Creator & Digital Growth Strategist<\/title>\r\n \r\n <!-- Inter & Syne Modern Web Fonts -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Syne:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n :root {\r\n --bg-main: #0a0b0e;\r\n --bg-surface: #111319;\r\n --bg-card: #161922;\r\n --bg-card-hover: #1c212c;\r\n --gold-primary: #dfb15b;\r\n --gold-light: #ffd885;\r\n --gold-dark: #b88a35;\r\n --gold-glow: rgba(223, 177, 91, 0.25);\r\n --text-main: #f3f4f6;\r\n --text-muted: #9ca3af;\r\n --text-subtle: #6b7280;\r\n --border-subtle: rgba(223, 177, 91, 0.15);\r\n --border-bright: rgba(223, 177, 91, 0.45);\r\n --font-heading: 'Syne', sans-serif;\r\n --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n background-color: var(--bg-main);\r\n color: var(--text-main);\r\n font-family: var(--font-body);\r\n line-height: 1.68;\r\n overflow-x: hidden;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n \/* Headings & Typography *\/\r\n h1, h2, h3, h4, .brand-font {\r\n font-family: var(--font-heading);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n \/* Gold Metallic Gradients *\/\r\n .gold-gradient-text {\r\n background: linear-gradient(135deg, #fff2cc 0%, #dfb15b 50%, #b88a35 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n .gold-border-gradient {\r\n border-image: linear-gradient(135deg, #ffd885, #dfb15b, transparent) 1;\r\n }\r\n\r\n .gold-glow-box {\r\n box-shadow: 0 10px 30px -10px rgba(223, 177, 91, 0.18);\r\n }\r\n\r\n \/* Luxury Glassmorphism Container *\/\r\n .glass-card {\r\n background: rgba(22, 25, 34, 0.75);\r\n backdrop-filter: blur(14px);\r\n -webkit-backdrop-filter: blur(14px);\r\n border: 1px solid var(--border-subtle);\r\n transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n .glass-card:hover {\r\n border-color: var(--border-bright);\r\n transform: translateY(-4px);\r\n box-shadow: 0 16px 36px -12px rgba(223, 177, 91, 0.22);\r\n }\r\n\r\n \/* Button Styling *\/\r\n .btn-gold {\r\n background: linear-gradient(135deg, #eed07d 0%, #dfb15b 50%, #b88a35 100%);\r\n color: #0b0c10;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 20px rgba(223, 177, 91, 0.35);\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n text-decoration: none;\r\n cursor: pointer;\r\n }\r\n\r\n .btn-gold:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 30px rgba(223, 177, 91, 0.55);\r\n filter: brightness(1.08);\r\n color: #000;\r\n }\r\n\r\n .btn-outline-gold {\r\n background: rgba(223, 177, 91, 0.05);\r\n border: 1px solid var(--gold-primary);\r\n color: var(--gold-light);\r\n font-weight: 600;\r\n letter-spacing: 0.03em;\r\n transition: all 0.3s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n text-decoration: none;\r\n cursor: pointer;\r\n }\r\n\r\n .btn-outline-gold:hover {\r\n background: rgba(223, 177, 91, 0.18);\r\n color: #ffffff;\r\n border-color: var(--gold-light);\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* Layout Utility & Responsiveness *\/\r\n .site-container {\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: 0 1.5rem;\r\n }\r\n\r\n .section-py {\r\n padding-top: 5.5rem;\r\n padding-bottom: 5.5rem;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .section-py {\r\n padding-top: 3.75rem;\r\n padding-bottom: 3.75rem;\r\n }\r\n }\r\n\r\n \/* Accordion styles *\/\r\n .faq-content {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.4s ease, opacity 0.3s ease;\r\n opacity: 0;\r\n }\r\n\r\n .faq-item.active .faq-content {\r\n max-height: 500px;\r\n opacity: 1;\r\n }\r\n\r\n .faq-item.active .faq-chevron {\r\n transform: rotate(180deg);\r\n color: var(--gold-primary);\r\n }\r\n\r\n \/* Custom Input Controls *\/\r\n .luxury-input {\r\n background: rgba(14, 16, 22, 0.85);\r\n border: 1px solid var(--border-subtle);\r\n color: #ffffff;\r\n transition: all 0.25s ease;\r\n }\r\n\r\n .luxury-input:focus {\r\n outline: none;\r\n border-color: var(--gold-primary);\r\n box-shadow: 0 0 0 3px rgba(223, 177, 91, 0.2);\r\n }\r\n\r\n \/* Badges *\/\r\n .pill-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.4rem;\r\n background: rgba(223, 177, 91, 0.1);\r\n border: 1px solid rgba(223, 177, 91, 0.28);\r\n color: var(--gold-light);\r\n font-size: 0.82rem;\r\n font-weight: 600;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n padding: 0.35rem 0.95rem;\r\n border-radius: 9999px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <header style=\"position: sticky; top: 0; z-index: 100; background: rgba(10, 11, 14, 0.92); backdrop-filter: blur(16px); border-bottom: 1px solid var(--border-subtle);\">\r\n <div class=\"site-container\" style=\"display: flex; align-items: center; justify-content: space-between; height: 80px;\">\r\n \r\n <!-- Logo Branding inspired by JSM badge -->\r\n <a href=\"#hero\" style=\"display: flex; align-items: center; gap: 0.85rem; text-decoration: none;\">\r\n <div style=\"width: 44px; height: 44px; border-radius: 10px; background: linear-gradient(145deg, #1f232f, #0d0f15); border: 1.5px solid var(--gold-primary); display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(223, 177, 91, 0.2);\">\r\n <span style=\"font-family: var(--font-heading); font-weight: 800; font-size: 1.25rem; color: var(--gold-primary); letter-spacing: -0.05em;\">JSM<\/span>\r\n <\/div>\r\n <div>\r\n <div style=\"font-family: var(--font-heading); font-weight: 700; font-size: 1.05rem; color: #ffffff; letter-spacing: 0.02em;\">JASKARAN SINGH MAHAL<\/div>\r\n <div style=\"font-size: 0.68rem; color: var(--gold-primary); letter-spacing: 0.16em; text-transform: uppercase; font-weight: 600;\">Digital Marketer & AI Creator<\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Desktop Navigation Links -->\r\n <nav id=\"desktop-nav\" style=\"display: flex; align-items: center; gap: 2rem;\">\r\n <a href=\"#about\" style=\"color: var(--text-muted); text-decoration: none; font-size: 0.92rem; font-weight: 500; transition: color 0.2s;\">Vision<\/a>\r\n <a href=\"#services\" style=\"color: var(--text-muted); text-decoration: none; font-size: 0.92rem; font-weight: 500; transition: color 0.2s;\">Services<\/a>\r\n <a href=\"#platforms\" style=\"color: var(--text-muted); text-decoration: none; font-size: 0.92rem; font-weight: 500; transition: color 0.2s;\">Channels<\/a>\r\n <a href=\"#methodology\" style=\"color: var(--text-muted); text-decoration: none; font-size: 0.92rem; font-weight: 500; transition: color 0.2s;\">Methodology<\/a>\r\n <a href=\"#training\" style=\"color: var(--text-muted); text-decoration: none; font-size: 0.92rem; font-weight: 500; transition: color 0.2s;\">Training<\/a>\r\n <a href=\"#contact\" class=\"btn-gold\" style=\"padding: 0.55rem 1.25rem; border-radius: 8px; font-size: 0.85rem;\">Let's Connect<\/a>\r\n <\/nav>\r\n\r\n <!-- Mobile Menu Toggle Button -->\r\n <button id=\"mobileMenuBtn\" aria-label=\"Toggle Navigation\" style=\"display: none; background: transparent; border: 1px solid var(--border-subtle); color: var(--gold-primary); padding: 0.5rem; border-radius: 6px; cursor: pointer;\">\r\n <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 6h16M4 12h16m-7 6h7\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n <!-- Mobile Navigation Drawer -->\r\n <div id=\"mobileDrawer\" style=\"display: none; background: #0e1017; border-bottom: 1px solid var(--border-subtle); padding: 1.5rem 1.5rem 2rem;\">\r\n <div style=\"display: flex; flex-direction: column; gap: 1rem;\">\r\n <a href=\"#about\" class=\"mob-link\" style=\"color: #fff; text-decoration: none; font-size: 1rem; padding: 0.5rem 0;\">About & Vision<\/a>\r\n <a href=\"#services\" class=\"mob-link\" style=\"color: #fff; text-decoration: none; font-size: 1rem; padding: 0.5rem 0;\">Services & Expertise<\/a>\r\n <a href=\"#platforms\" class=\"mob-link\" style=\"color: #fff; text-decoration: none; font-size: 1rem; padding: 0.5rem 0;\">Platform Growth<\/a>\r\n <a href=\"#methodology\" class=\"mob-link\" style=\"color: #fff; text-decoration: none; font-size: 1rem; padding: 0.5rem 0;\">AI Workflow Engine<\/a>\r\n <a href=\"#training\" class=\"mob-link\" style=\"color: #fff; text-decoration: none; font-size: 1rem; padding: 0.5rem 0;\">Courses & Upskilling<\/a>\r\n <a href=\"#faq\" class=\"mob-link\" style=\"color: #fff; text-decoration: none; font-size: 1rem; padding: 0.5rem 0;\">FAQ<\/a>\r\n <a href=\"#contact\" class=\"btn-gold\" style=\"padding: 0.75rem; border-radius: 8px; font-size: 0.9rem; text-align: center; margin-top: 0.5rem;\">Book Discovery Call<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <main>\r\n <section id=\"hero\" style=\"position: relative; padding: 5.5rem 0 4.5rem; overflow: hidden; background: radial-gradient(circle at 50% 20%, rgba(223, 177, 91, 0.08) 0%, transparent 60%);\">\r\n <div class=\"site-container\">\r\n \r\n <!-- Live Availability Badge -->\r\n <div style=\"display: flex; justify-content: center; margin-bottom: 1.5rem;\">\r\n <div class=\"pill-badge\">\r\n <span style=\"display: inline-block; width: 8px; height: 8px; border-radius: 50%; background-color: #10b981; box-shadow: 0 0 8px #10b981;\"><\/span>\r\n Available For Global Growth Consulting & AI Production\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Main Headline & Subheading -->\r\n <div style=\"text-align: center; max-width: 900px; margin: 0 auto;\">\r\n <h1 style=\"font-size: clamp(2.4rem, 5.5vw, 4.2rem); font-weight: 800; line-height: 1.15; margin-bottom: 1.4rem;\">\r\n Architecting Brand Authority Through <span class=\"gold-gradient-text\">Generative AI<\/span> & Precision Performance.\r\n <\/h1>\r\n <p style=\"font-size: clamp(1.05rem, 2vw, 1.25rem); color: var(--text-muted); line-height: 1.75; margin-bottom: 2.25rem; font-weight: 400;\">\r\n Hi, I\u2019m <strong>Jaskaran Singh Mahal<\/strong>. I help forward-thinking founders, creators, and corporate enterprises transform attention into revenue. By merging hyper-creative video production, prompt-driven AI automation, and ROI-obsessed Meta & Google ad funnels, I engineer sustainable digital growth ecosystems.\r\n <\/p>\r\n\r\n <!-- Action Buttons -->\r\n <div style=\"display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1.25rem; margin-bottom: 3.5rem;\">\r\n <a href=\"#contact\" class=\"btn-gold\" style=\"padding: 1rem 2.2rem; border-radius: 10px; font-size: 0.98rem;\">\r\n <span>Schedule Discovery Strategy<\/span>\r\n <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#services\" class=\"btn-outline-gold\" style=\"padding: 1rem 2.2rem; border-radius: 10px; font-size: 0.98rem;\">\r\n <span>View Core Solutions<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- Quick Contact Direct Strip -->\r\n <div class=\"glass-card\" style=\"padding: 1rem 1.75rem; border-radius: 14px; display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 2rem;\">\r\n <a href=\"tel:+918847486568\" style=\"color: var(--text-main); text-decoration: none; font-size: 0.95rem; display: flex; align-items: center; gap: 0.5rem;\">\r\n <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"var(--gold-primary)\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"\/><\/svg>\r\n <span>+91 88474-86568<\/span>\r\n <\/a>\r\n <span style=\"color: var(--border-subtle); display: inline-block;\">|<\/span>\r\n <a href=\"mailto:mahaljaskaran16@gmail.com\" style=\"color: var(--text-main); text-decoration: none; font-size: 0.95rem; display: flex; align-items: center; gap: 0.5rem;\">\r\n <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"var(--gold-primary)\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\/><\/svg>\r\n <span>mahaljaskaran16@gmail.com<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Metric Cards Grid -->\r\n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1.5rem; margin-top: 4.5rem;\">\r\n <div class=\"glass-card\" style=\"padding: 1.75rem; border-radius: 12px; text-align: center;\">\r\n <div style=\"font-family: var(--font-heading); font-size: 2.5rem; font-weight: 800; color: var(--gold-light);\">50M+<\/div>\r\n <div style=\"color: var(--text-muted); font-size: 0.9rem; margin-top: 0.25rem;\">Organic & Paid Video Views<\/div>\r\n <\/div>\r\n <div class=\"glass-card\" style=\"padding: 1.75rem; border-radius: 12px; text-align: center;\">\r\n <div style=\"font-family: var(--font-heading); font-size: 2.5rem; font-weight: 800; color: var(--gold-light);\">100+<\/div>\r\n <div style=\"color: var(--text-muted); font-size: 0.9rem; margin-top: 0.25rem;\">AI Media Pipelines Built<\/div>\r\n <\/div>\r\n <div class=\"glass-card\" style=\"padding: 1.75rem; border-radius: 12px; text-align: center;\">\r\n <div style=\"font-family: var(--font-heading); font-size: 2.5rem; font-weight: 800; color: var(--gold-light);\">500+<\/div>\r\n <div style=\"color: var(--text-muted); font-size: 0.9rem; margin-top: 0.25rem;\">Trained Creatives & Freelancers<\/div>\r\n <\/div>\r\n <div class=\"glass-card\" style=\"padding: 1.75rem; border-radius: 12px; text-align: center;\">\r\n <div style=\"font-family: var(--font-heading); font-size: 2.5rem; font-weight: 800; color: var(--gold-light);\">4.9 \/ 5<\/div>\r\n <div style=\"color: var(--text-muted); font-size: 0.9rem; margin-top: 0.25rem;\">Corporate Client Satisfaction<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"about\" class=\"section-py\" style=\"background-color: var(--bg-surface); border-top: 1px solid var(--border-subtle); border-bottom: 1px solid var(--border-subtle);\">\r\n <div class=\"site-container\">\r\n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 3.5rem; align-items: center;\">\r\n \r\n <!-- Narrative Left Column -->\r\n <div>\r\n <div class=\"pill-badge\" style=\"margin-bottom: 1rem;\">The Strategic Vision<\/div>\r\n <h2 style=\"font-size: clamp(2rem, 3.5vw, 2.8rem); line-height: 1.25; margin-bottom: 1.5rem;\">\r\n Transforming Complex Algorithms Into <span class=\"gold-gradient-text\">Predictable Business Expansion<\/span>.\r\n <\/h2>\r\n <div style=\"color: #cbd5e1; font-size: 1.05rem; display: flex; flex-direction: column; gap: 1.2rem; line-height: 1.8;\">\r\n <p>\r\n In an overloaded digital era where algorithms fluctuate weekly and attention spans hover around seconds, conventional marketing tactics fail. My approach begins with a foundational belief: <strong>Content is not merely entertainment; it is an intelligent customer acquisition engine.<\/strong>\r\n <\/p>\r\n <p>\r\n Having spent years mastering the craft of visual storytelling\u2014from granular frame-by-frame motion graphics and cinematic pacing to cutting-edge generative video pipelines\u2014I observed a persistent void. Creative agencies often lacked data rigor, while traditional performance marketers neglected narrative visual resonance.\r\n <\/p>\r\n <p>\r\n By positioning myself at the exact crossroads of <strong>Generative AI automation<\/strong>, <strong>high-retention video architecture<\/strong>, and <strong>full-funnel advertising<\/strong>, I eliminate the friction between discovery and conversion. Whether optimizing a client's cost-per-lead across Meta Ads, training executive teams on generative tooling, or building responsive high-converting landing pages, my mission is uncompromising excellence.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Bullet Pillars -->\r\n <div style=\"margin-top: 2rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem;\">\r\n <div style=\"display: flex; align-items: flex-start; gap: 0.75rem;\">\r\n <div style=\"color: var(--gold-primary); margin-top: 2px;\">\r\n <svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n <\/div>\r\n <span style=\"font-size: 0.95rem; font-weight: 500; color: #e2e8f0;\">Data-Driven Retention Systems<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: flex-start; gap: 0.75rem;\">\r\n <div style=\"color: var(--gold-primary); margin-top: 2px;\">\r\n <svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n <\/div>\r\n <span style=\"font-size: 0.95rem; font-weight: 500; color: #e2e8f0;\">Autonomous AI Production<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: flex-start; gap: 0.75rem;\">\r\n <div style=\"color: var(--gold-primary); margin-top: 2px;\">\r\n <svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n <\/div>\r\n <span style=\"font-size: 0.95rem; font-weight: 500; color: #e2e8f0;\">Engineered Paid ROAS<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: flex-start; gap: 0.75rem;\">\r\n <div style=\"color: var(--gold-primary); margin-top: 2px;\">\r\n <svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n <\/div>\r\n <span style=\"font-size: 0.95rem; font-weight: 500; color: #e2e8f0;\">High-Impact Corporate Pedagogy<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Highlight Right Card -->\r\n <div class=\"glass-card\" style=\"padding: 2.5rem; border-radius: 20px; border: 1.5px solid var(--border-bright); position: relative;\">\r\n <div style=\"position: absolute; top: -14px; right: 24px;\">\r\n <span class=\"pill-badge\" style=\"background: #1e1b10; border-color: var(--gold-primary);\">Core Discipline<\/span>\r\n <\/div>\r\n <h3 style=\"font-size: 1.6rem; margin-bottom: 1.2rem; color: #fff;\">The 360\u00b0 Modern Growth Flywheel<\/h3>\r\n <p style=\"color: var(--text-muted); font-size: 0.98rem; margin-bottom: 1.5rem;\">\r\n Modern brand scale cannot rely on a single channel. I unify creative output, computational efficiency, and paid distribution into one seamless growth mechanism.\r\n <\/p>\r\n \r\n <div style=\"display: flex; flex-direction: column; gap: 1.25rem;\">\r\n <div style=\"padding: 1rem; border-radius: 10px; background: rgba(10, 11, 14, 0.6); border: 1px solid rgba(223, 177, 91, 0.1);\">\r\n <div style=\"font-weight: 700; color: var(--gold-light); font-size: 1rem;\">1. High-Velocity Production<\/div>\r\n <p style=\"font-size: 0.88rem; color: #94a3b8; margin-top: 0.25rem;\">Generating premium short-form & long-form video assets using generative synthesis tools without compromising artistic fidelity.<\/p>\r\n <\/div>\r\n\r\n <div style=\"padding: 1rem; border-radius: 10px; background: rgba(10, 11, 14, 0.6); border: 1px solid rgba(223, 177, 91, 0.1);\">\r\n <div style=\"font-weight: 700; color: var(--gold-light); font-size: 1rem;\">2. Omnichannel Attention Capture<\/div>\r\n <p style=\"font-size: 0.88rem; color: #94a3b8; margin-top: 0.25rem;\">Leveraging native content algorithms on YouTube, Instagram, Facebook, TikTok, and Snapchat tailored to their respective audiences.<\/p>\r\n <\/div>\r\n\r\n <div style=\"padding: 1rem; border-radius: 10px; background: rgba(10, 11, 14, 0.6); border: 1px solid rgba(223, 177, 91, 0.1);\">\r\n <div style=\"font-weight: 700; color: var(--gold-light); font-size: 1rem;\">3. Algorithmic Monetization<\/div>\r\n <p style=\"font-size: 0.88rem; color: #94a3b8; margin-top: 0.25rem;\">Funnels backed by precision Google search capture, retargeted Meta campaigns, and high-converting custom landing pages.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"services\" class=\"section-py\">\r\n <div class=\"site-container\">\r\n \r\n <div style=\"text-align: center; max-width: 780px; margin: 0 auto 4rem;\">\r\n <div class=\"pill-badge\" style=\"margin-bottom: 0.85rem;\">What I Deliver<\/div>\r\n <h2 style=\"font-size: clamp(2.1rem, 4vw, 3rem); line-height: 1.2; margin-bottom: 1.2rem;\">\r\n End-to-End Solutions for <span class=\"gold-gradient-text\">Unrivaled Scale<\/span>\r\n <\/h2>\r\n <p style=\"color: var(--text-muted); font-size: 1.05rem;\">\r\n From autonomous content engines and cinematic post-production to performance paid ad campaigns and corporate upskilling programs.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- 8 Detailed Service Cards Grid -->\r\n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem;\">\r\n \r\n <!-- Service 1: AI Content Creation -->\r\n <div class=\"glass-card\" style=\"padding: 2.2rem; border-radius: 16px; display: flex; flex-direction: column; justify-content: space-between;\">\r\n <div>\r\n <div style=\"width: 52px; height: 52px; border-radius: 12px; background: rgba(223, 177, 91, 0.12); display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; color: var(--gold-primary);\">\r\n <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/><\/svg>\r\n <\/div>\r\n <h3 style=\"font-size: 1.35rem; color: #fff; margin-bottom: 0.9rem;\">AI Content Creation<\/h3>\r\n <p style=\"color: var(--text-muted); font-size: 0.95rem; line-height: 1.7; margin-bottom: 1.25rem;\">\r\n Crafting photorealistic video avatars, synthetic voice clones, hyper-engaging B-roll, and script ideation at industrial scale. We cut production turnaround times by up to 70% while elevating aesthetic output.\r\n <\/p>\r\n <\/div>\r\n <ul style=\"list-style: none; padding: 0; color: #cbd5e1; font-size: 0.88rem; display: flex; flex-direction: column; gap: 0.5rem; border-top: 1px solid rgba(223, 177, 91, 0.15); padding-top: 1rem;\">\r\n <li style=\"display: flex; align-items: center; gap: 0.5rem;\">\u2726 Generative Video Avatars & Synthetics<\/li>\r\n <li style=\"display: flex; align-items: center; gap: 0.5rem;\">\u2726 AI Scriptwriting & Hook Architecture<\/li>\r\n <li style=\"display: flex; align-items: center; gap: 0.5rem;\">\u2726 High-Velocity Multilingual Dubbing<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Service 2: AI Automation & Workflows -->\r\n <div class=\"glass-card\" style=\"padding: 2.2rem; border-radius: 16px; display: flex; flex-direction: column; justify-content: space-between;\">\r\n <div>\r\n <div style=\"width: 52px; height: 52px; border-radius: 12px; background: rgba(223, 177, 91, 0.12); display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; color: var(--gold-primary);\">\r\n <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"\/><\/svg>\r\n <\/div>\r\n <h3 style=\"font-size: 1.35rem; color: #fff; margin-bottom: 0.9rem;\">AI Automation Architecture<\/h3>\r\n <p style=\"color: var(--text-muted); font-size: 0.95rem; line-height: 1.7; margin-bottom: 1.25rem;\">\r\n Stop wasting hours on manual tasks. We implement intelligent systems connecting CRM pipelines, auto-scheduling content cross-platform, and deploying smart autonomous customer follow-ups.\r\n <\/p>\r\n <\/div>\r\n <ul style=\"list-style: none; padding: 0; color: #cbd5e1; font-size: 0.88rem; display: flex; flex-direction: column; gap: 0.5rem; border-top: 1px solid rgba(223, 177, 91, 0.15); padding-top: 1rem;\">\r\n <li style=\"display: flex; align-items: center; gap: 0.5rem;\">\u2726 Automated Content Repurposing Pipelines<\/li>\r\n <li style=\"display: flex; align-items: center; gap: 0.5rem;\">\u2726 Lead Enrichment & Auto CRM Ingestion<\/li>\r\n <li style=\"display: flex; align-items: center; gap: 0.5rem;\">\u2726 Custom LLM Agents for Inbound Queries<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Service 3: Video Editing & Motion Graphics -->\r\n <div class=\"glass-card\" style=\"padding: 2.2rem; border-radius: 16px; display: flex; flex-direction: column; justify-content: space-between;\">\r\n <div>\r\n <div style=\"width: 52px; height: 52px; border-radius: 12px; background: rgba(223, 177, 91, 0.12); display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; color: var(--gold-primary);\">\r\n <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z\"\/><\/svg>\r\n <\/div>\r\n <h3 style=\"font-size: 1.35rem; color: #fff; margin-bottom: 0.9rem;\">Video Editing & Motion Design<\/h3>\r\n <p style=\"color: var(--text-muted); font-size: 0.95rem; line-height: 1.7; margin-bottom: 1.25rem;\">\r\n Retention is king. Our edits feature dynamic kinetic typography, 3D camera tracks, bespoke sound design, soundscapes, and pacing engineered to lock viewer attention past the crucial 30-second drop-off mark.\r\n <\/p>\r\n <\/div>\r\n <ul style=\"list-style: none; padding: 0; color: #cbd5e1; font-size: 0.88rem; display: flex; flex-direction: column; gap: 0.5rem; border-top: 1px solid rgba(223, 177, 91, 0.15); padding-top: 1rem;\">\r\n <li style=\"display: flex; align-items: center; gap: 0.5rem;\">\u2726 YouTube Long-Form Documentaries & Vlogs<\/li>\r\n <li style=\"display: flex; align-items: center; gap: 0.5rem;\">\u2726 Viral Reels, TikToks & YouTube Shorts<\/li>\r\n <li style=\"display: flex; align-items: center; gap: 0.5rem;\">\u2726 Commercial Motion Graphics & Visual Ident<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Service 4: Paid Performance Marketing -->\r\n <div class=\"glass-card\" style=\"padding: 2.2rem; border-radius: 16px; display: flex; flex-direction: column; justify-content: space-between;\">\r\n <div>\r\n <div style=\"width: 52px; height: 52px; border-radius: 12px; background: rgba(223, 177, 91, 0.12); display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; color: var(--gold-primary);\">\r\n <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\r\n <\/div>\r\n <h3 style=\"font-size: 1.35rem; color: #fff; margin-bottom: 0.9rem;\">Meta & Google Ads Engine<\/h3>\r\n <p style=\"color: var(--text-muted); font-size: 0.95rem; line-height: 1.7; margin-bottom: 1.25rem;\">\r\n Ad spend without precision is burn. We build mathematically sound paid media funnels across Facebook, Instagram, Google Search, and YouTube, continually iterating creatives for maximum ROAS.\r\n <\/p>\r\n <\/div>\r\n <ul style=\"list-style: none; padding: 0; color: #cbd5e1; font-size: 0.88rem; display: flex; flex-direction: column; gap: 0.5rem; border-top: 1px solid rgba(223, 177, 91, 0.15); padding-top: 1rem;\">\r\n <li style=\"display: flex; align-items: center; gap: 0.5rem;\">\u2726 Full-Funnel Meta Ads (Advantage+ Campaigns)<\/li>\r\n <li style=\"display: flex; align-items: center; gap: 0.5rem;\">\u2726 High-Intent Google Search & Retargeting<\/li>\r\n <li style=\"display: flex; align-items: center; gap: 0.5rem;\">\u2726 Creative A\/B Splitting & CAC Optimization<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Service 5: SEO & Organic Dominance -->\r\n <div class=\"glass-card\" style=\"padding: 2.2rem; border-radius: 16px; display: flex; flex-direction: column; justify-content: space-between;\">\r\n <div>\r\n <div style=\"width: 52px; height: 52px; border-radius: 12px; background: rgba(223, 177, 91, 0.12); display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; color: var(--gold-primary);\">\r\n <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"\/><\/svg>\r\n <\/div>\r\n <h3 style=\"font-size: 1.35rem; color: #fff; margin-bottom: 0.9rem;\">SEO & Organic Authority<\/h3>\r\n <p style=\"color: var(--text-muted); font-size: 0.95rem; line-height: 1.7; margin-bottom: 1.25rem;\">\r\n Build equity that doesn't vanish when ad spend stops. We execute technical on-page architecture, semantic topical authority maps, and high-quality backlink strategies to win competitive search real estate.\r\n <\/p>\r\n <\/div>\r\n <ul style=\"list-style: none; padding: 0; color: #cbd5e1; font-size: 0.88rem; display: flex; flex-direction: column; gap: 0.5rem; border-top: 1px solid rgba(223, 177, 91, 0.15); padding-top: 1rem;\">\r\n <li style=\"display: flex; align-items: center; gap: 0.5rem;\">\u2726 Semantic Topical Authority Mapping<\/li>\r\n <li style=\"display: flex; align-items: center; gap: 0.5rem;\">\u2726 Core Web Vitals & Technical Audits<\/li>\r\n <li style=\"display: flex; align-items: center; gap: 0.5rem;\">\u2726 Local Search & Google Business Profile Growth<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Service 6: Personal Branding & Multi-Channel Content -->\r\n <div class=\"glass-card\" style=\"padding: 2.2rem; border-radius: 16px; display: flex; flex-direction: column; justify-content: space-between;\">\r\n <div>\r\n <div style=\"width: 52px; height: 52px; border-radius: 12px; background: rgba(223, 177, 91, 0.12); display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; color: var(--gold-primary);\">\r\n <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\"\/><\/svg>\r\n <\/div>\r\n <h3 style=\"font-size: 1.35rem; color: #fff; margin-bottom: 0.9rem;\">Personal Branding Strategy<\/h3>\r\n <p style=\"color: var(--text-muted); font-size: 0.95rem; line-height: 1.7; margin-bottom: 1.25rem;\">\r\n People purchase from people they respect. We formulate distinct founder voices, narrative hooks, and omnipresent distribution that elevates executives into industry luminaries across Instagram and YouTube.\r\n <\/p>\r\n <\/div>\r\n <ul style=\"list-style: none; padding: 0; color: #cbd5e1; font-size: 0.88rem; display: flex; flex-direction: column; gap: 0.5rem; border-top: 1px solid rgba(223, 177, 91, 0.15); padding-top: 1rem;\">\r\n <li style=\"display: flex; align-items: center; gap: 0.5rem;\">\u2726 Founder Positioning & Narrative Blueprints<\/li>\r\n <li style=\"display: flex; align-items: center; gap: 0.5rem;\">\u2726 Multi-Platform Repurposing Calendars<\/li>\r\n <li style=\"display: flex; align-items: center; gap: 0.5rem;\">\u2726 High-Ticket Audience Monetization<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Service 7: Web Development & Conversion Funnels -->\r\n <div class=\"glass-card\" style=\"padding: 2.2rem; border-radius: 16px; display: flex; flex-direction: column; justify-content: space-between;\">\r\n <div>\r\n <div style=\"width: 52px; height: 52px; border-radius: 12px; background: rgba(223, 177, 91, 0.12); display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; color: var(--gold-primary);\">\r\n <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\/><\/svg>\r\n <\/div>\r\n <h3 style=\"font-size: 1.35rem; color: #fff; margin-bottom: 0.9rem;\">Modern Web & Funnel Engineering<\/h3>\r\n <p style=\"color: var(--text-muted); font-size: 0.95rem; line-height: 1.7; margin-bottom: 1.25rem;\">\r\n A stunning website is useless if visitors bounce. We engineer rapid, mobile-responsive landing pages, headless setups, and WordPress environments built strictly to guide traffic to the buy or call button.\r\n <\/p>\r\n <\/div>\r\n <ul style=\"list-style: none; padding: 0; color: #cbd5e1; font-size: 0.88rem; display: flex; flex-direction: column; gap: 0.5rem; border-top: 1px solid rgba(223, 177, 91, 0.15); padding-top: 1rem;\">\r\n <li style=\"display: flex; align-items: center; gap: 0.5rem;\">\u2726 Custom WordPress & Modern Frontend Tech<\/li>\r\n <li style=\"display: flex; align-items: center; gap: 0.5rem;\">\u2726 Conversion Rate Optimization (CRO) Layouts<\/li>\r\n <li style=\"display: flex; align-items: center; gap: 0.5rem;\">\u2726 Sub-Second Speed Optimization & Tracking Tags<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Service 8: Corporate Workshops & Freelance Training -->\r\n <div class=\"glass-card\" style=\"padding: 2.2rem; border-radius: 16px; display: flex; flex-direction: column; justify-content: space-between;\">\r\n <div>\r\n <div style=\"width: 52px; height: 52px; border-radius: 12px; background: rgba(223, 177, 91, 0.12); display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; color: var(--gold-primary);\">\r\n <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\"\/><\/svg>\r\n <\/div>\r\n <h3 style=\"font-size: 1.35rem; color: #fff; margin-bottom: 0.9rem;\">Workshops & Freelance Masterclass<\/h3>\r\n <p style=\"color: var(--text-muted); font-size: 0.95rem; line-height: 1.7; margin-bottom: 1.25rem;\">\r\n Empowering corporate marketing units and ambitious individuals with pragmatic, real-world skills. From mastery of generative toolchains to landing high-ticket international freelancing retainers.\r\n <\/p>\r\n <\/div>\r\n <ul style=\"list-style: none; padding: 0; color: #cbd5e1; font-size: 0.88rem; display: flex; flex-direction: column; gap: 0.5rem; border-top: 1px solid rgba(223, 177, 91, 0.15); padding-top: 1rem;\">\r\n <li style=\"display: flex; align-items: center; gap: 0.5rem;\">\u2726 Executive AI Upskilling Bootcamps<\/li>\r\n <li style=\"display: flex; align-items: center; gap: 0.5rem;\">\u2726 Hands-On Freelance Client Acquisition<\/li>\r\n <li style=\"display: flex; align-items: center; gap: 0.5rem;\">\u2726 Interactive Q&A Sessions & Templates<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"platforms\" class=\"section-py\" style=\"background-color: var(--bg-surface); border-top: 1px solid var(--border-subtle); border-bottom: 1px solid var(--border-subtle);\">\r\n <div class=\"site-container\">\r\n \r\n <div style=\"text-align: center; max-width: 800px; margin: 0 auto 3.5rem;\">\r\n <div class=\"pill-badge\" style=\"margin-bottom: 0.85rem;\">Ecosystem Dominance<\/div>\r\n <h2 style=\"font-size: clamp(2rem, 3.8vw, 2.8rem); line-height: 1.2; margin-bottom: 1.2rem;\">\r\n Custom Tailored Blueprints For <span class=\"gold-gradient-text\">Every Core Platform<\/span>\r\n <\/h2>\r\n <p style=\"color: var(--text-muted); font-size: 1.05rem;\">\r\n Never duplicate identical content across distinct channels. Each platform operates on separate mentalities and algorithmic patterns.\r\n <\/p>\r\n <\/div>\r\n\r\n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1.5rem;\">\r\n \r\n <!-- YouTube Card -->\r\n <div class=\"glass-card\" style=\"padding: 1.8rem; border-radius: 14px;\">\r\n <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem;\">\r\n <h4 style=\"font-size: 1.2rem; color: #fff;\">YouTube<\/h4>\r\n <span style=\"color: #ef4444; font-size: 0.85rem; font-weight: 700;\">Long & Shorts<\/span>\r\n <\/div>\r\n <p style=\"color: var(--text-muted); font-size: 0.88rem; line-height: 1.6;\">\r\n Strategic long-term evergreen search rankings. We script compelling hooks, create high-CTR custom packaging (titles + thumbnails), and engineer high average watch percentages (AVD).\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Instagram Card -->\r\n <div class=\"glass-card\" style=\"padding: 1.8rem; border-radius: 14px;\">\r\n <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem;\">\r\n <h4 style=\"font-size: 1.2rem; color: #fff;\">Instagram<\/h4>\r\n <span style=\"color: #ec4899; font-size: 0.85rem; font-weight: 700;\">Reels & Grid<\/span>\r\n <\/div>\r\n <p style=\"color: var(--text-muted); font-size: 0.88rem; line-height: 1.6;\">\r\n Visual authority and high-frequency reach. We harness micro-topics, shareable audio trends, and story DM funnels that turn casual passive scrollers into booked consultations.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Facebook Card -->\r\n <div class=\"glass-card\" style=\"padding: 1.8rem; border-radius: 14px;\">\r\n <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem;\">\r\n <h4 style=\"font-size: 1.2rem; color: #fff;\">Facebook<\/h4>\r\n <span style=\"color: #3b82f6; font-size: 0.85rem; font-weight: 700;\">Viral Video & Ads<\/span>\r\n <\/div>\r\n <p style=\"color: var(--text-muted); font-size: 0.88rem; line-height: 1.6;\">\r\n Targeting broad demographics and high purchasing power. Leveraging Facebook groups, video aggregation networks, and retargeted sponsored campaigns with proven messaging.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Snapchat Card -->\r\n <div class=\"glass-card\" style=\"padding: 1.8rem; border-radius: 14px;\">\r\n <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem;\">\r\n <h4 style=\"font-size: 1.2rem; color: #fff;\">Snapchat<\/h4>\r\n <span style=\"color: #eab308; font-size: 0.85rem; font-weight: 700;\">Spotlight & AR<\/span>\r\n <\/div>\r\n <p style=\"color: var(--text-muted); font-size: 0.88rem; line-height: 1.6;\">\r\n Fast-paced native mobile narratives. Deploying hyper-vertical fast-cut videos into the Spotlight feed and running targeted low-CPC discovery campaigns for youthful demographics.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- TikTok Card -->\r\n <div class=\"glass-card\" style=\"padding: 1.8rem; border-radius: 14px;\">\r\n <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem;\">\r\n <h4 style=\"font-size: 1.2rem; color: #fff;\">TikTok<\/h4>\r\n <span style=\"color: #06b6d4; font-size: 0.85rem; font-weight: 700;\">Algorithm Velocity<\/span>\r\n <\/div>\r\n <p style=\"color: var(--text-muted); font-size: 0.88rem; line-height: 1.6;\">\r\n Native hooks, controversy frameworks, and trend adaptations. Crafting content designed to pass early algorithmic test pools and expand into national viral distribution loops.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"methodology\" class=\"section-py\">\r\n <div class=\"site-container\">\r\n \r\n <div style=\"text-align: center; max-width: 800px; margin: 0 auto 4rem;\">\r\n <div class=\"pill-badge\" style=\"margin-bottom: 0.85rem;\">The Architecture<\/div>\r\n <h2 style=\"font-size: clamp(2.1rem, 3.8vw, 3rem); line-height: 1.2; margin-bottom: 1.2rem;\">\r\n A Proven 4-Stage <span class=\"gold-gradient-text\">Growth Framework<\/span>\r\n <\/h2>\r\n <p style=\"color: var(--text-muted); font-size: 1.05rem;\">\r\n How we eliminate uncertainty and build robust content and advertising machines designed to endure algorithm shakeups.\r\n <\/p>\r\n <\/div>\r\n\r\n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.8rem;\">\r\n \r\n <!-- Phase 1 -->\r\n <div class=\"glass-card\" style=\"padding: 2.2rem; border-radius: 16px; position: relative;\">\r\n <div style=\"font-family: var(--font-heading); font-size: 3rem; font-weight: 800; color: rgba(223, 177, 91, 0.2); position: absolute; top: 1rem; right: 1.5rem;\">01<\/div>\r\n <h3 style=\"font-size: 1.3rem; color: #fff; margin-bottom: 0.75rem;\">Deep Diagnostic Audit<\/h3>\r\n <p style=\"color: var(--text-muted); font-size: 0.92rem; line-height: 1.7;\">\r\n We examine your existing channel metrics, ad account historical ROAS, audience drop-off curves, competitor saturation, and core offer economics to establish baseline data.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Phase 2 -->\r\n <div class=\"glass-card\" style=\"padding: 2.2rem; border-radius: 16px; position: relative;\">\r\n <div style=\"font-family: var(--font-heading); font-size: 3rem; font-weight: 800; color: rgba(223, 177, 91, 0.2); position: absolute; top: 1rem; right: 1.5rem;\">02<\/div>\r\n <h3 style=\"font-size: 1.3rem; color: #fff; margin-bottom: 0.75rem;\">AI Prompt & Asset Crafting<\/h3>\r\n <p style=\"color: var(--text-muted); font-size: 0.92rem; line-height: 1.7;\">\r\n We deploy custom prompt libraries, set up specialized video workflows, build storyboard concepts, and assemble high-retention motion motion designs engineered to captivate audiences.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Phase 3 -->\r\n <div class=\"glass-card\" style=\"padding: 2.2rem; border-radius: 16px; position: relative;\">\r\n <div style=\"font-family: var(--font-heading); font-size: 3rem; font-weight: 800; color: rgba(223, 177, 91, 0.2); position: absolute; top: 1rem; right: 1.5rem;\">03<\/div>\r\n <h3 style=\"font-size: 1.3rem; color: #fff; margin-bottom: 0.75rem;\">Multi-Channel Deployment<\/h3>\r\n <p style=\"color: var(--text-muted); font-size: 0.92rem; line-height: 1.7;\">\r\n We roll out assets across YouTube, Meta, and Google Ads simultaneously. Rigorous A\/B split tests on first 3-second visual hooks, thumbnails, and copy angles reveal top performers.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Phase 4 -->\r\n <div class=\"glass-card\" style=\"padding: 2.2rem; border-radius: 16px; position: relative;\">\r\n <div style=\"font-family: var(--font-heading); font-size: 3rem; font-weight: 800; color: rgba(223, 177, 91, 0.2); position: absolute; top: 1rem; right: 1.5rem;\">04<\/div>\r\n <h3 style=\"font-size: 1.3rem; color: #fff; margin-bottom: 0.75rem;\">Automation & Scaling<\/h3>\r\n <p style=\"color: var(--text-muted); font-size: 0.92rem; line-height: 1.7;\">\r\n Winning creatives receive increased ad budgets. We automate ongoing multi-format content generation pipelines, solidifying your market presence while cutting operational strain.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"training\" class=\"section-py\" style=\"background-color: var(--bg-surface); border-top: 1px solid var(--border-subtle); border-bottom: 1px solid var(--border-subtle);\">\r\n <div class=\"site-container\">\r\n \r\n <div style=\"text-align: center; max-width: 820px; margin: 0 auto 3.5rem;\">\r\n <div class=\"pill-badge\" style=\"margin-bottom: 0.85rem;\">Knowledge Transfer<\/div>\r\n <h2 style=\"font-size: clamp(2.1rem, 3.8vw, 3rem); line-height: 1.2; margin-bottom: 1.2rem;\">\r\n Workshops & <span class=\"gold-gradient-text\">Freelance Coaching<\/span>\r\n <\/h2>\r\n <p style=\"color: var(--text-muted); font-size: 1.05rem;\">\r\n Learn directly from active industry campaigns. Real-time workflows, actionable prompts, and monetization templates to scale your career or upskill your in-house marketing personnel.\r\n <\/p>\r\n <\/div>\r\n\r\n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 2rem;\">\r\n \r\n <!-- Track 1: Freelancing Mastery -->\r\n <div class=\"glass-card\" style=\"padding: 2.5rem; border-radius: 18px; border: 1px solid var(--border-subtle);\">\r\n <div style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.25rem;\">\r\n <span class=\"pill-badge\">Individual Accelerator<\/span>\r\n <span style=\"color: var(--gold-primary); font-weight: 700; font-size: 1.1rem;\">Online Cohort<\/span>\r\n <\/div>\r\n <h3 style=\"font-size: 1.6rem; color: #fff; margin-bottom: 1rem;\">High-Income Freelance Career Blueprint<\/h3>\r\n <p style=\"color: var(--text-muted); font-size: 0.95rem; line-height: 1.7; margin-bottom: 1.5rem;\">\r\n A comprehensive curriculum designed to transition video editors, graphic creators, and students into high-earning digital consultants landing international clients.\r\n <\/p>\r\n \r\n <div style=\"display: flex; flex-direction: column; gap: 0.85rem; margin-bottom: 2rem;\">\r\n <div style=\"display: flex; align-items: center; gap: 0.6rem; color: #e2e8f0; font-size: 0.9rem;\">\r\n <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"var(--gold-primary)\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\r\n <span>Mastering AI Video editing suites & fast rendering pipelines<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: center; gap: 0.6rem; color: #e2e8f0; font-size: 0.9rem;\">\r\n <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"var(--gold-primary)\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\r\n <span>Cold outreach & LinkedIn client acquisition frameworks<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: center; gap: 0.6rem; color: #e2e8f0; font-size: 0.9rem;\">\r\n <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"var(--gold-primary)\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\r\n <span>Pricing strategies: Switching from hourly to monthly retainers<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"#contact\" class=\"btn-outline-gold\" style=\"width: 100%; padding: 0.85rem; border-radius: 8px;\">Apply For Next Batch<\/a>\r\n <\/div>\r\n\r\n <!-- Track 2: Corporate Upskilling -->\r\n <div class=\"glass-card\" style=\"padding: 2.5rem; border-radius: 18px; border: 1.5px solid var(--border-bright);\">\r\n <div style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.25rem;\">\r\n <span class=\"pill-badge\" style=\"background: rgba(223, 177, 91, 0.2);\">Enterprise Suite<\/span>\r\n <span style=\"color: var(--gold-light); font-weight: 700; font-size: 1.1rem;\">Custom Workshops<\/span>\r\n <\/div>\r\n <h3 style=\"font-size: 1.6rem; color: #fff; margin-bottom: 1rem;\">Corporate AI & Media Integration<\/h3>\r\n <p style=\"color: var(--text-muted); font-size: 0.95rem; line-height: 1.7; margin-bottom: 1.5rem;\">\r\n Customized corporate training sessions for agencies, enterprise marketing teams, and creative departments seeking to integrate generative tools safely and productively.\r\n <\/p>\r\n \r\n <div style=\"display: flex; flex-direction: column; gap: 0.85rem; margin-bottom: 2rem;\">\r\n <div style=\"display: flex; align-items: center; gap: 0.6rem; color: #e2e8f0; font-size: 0.9rem;\">\r\n <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"var(--gold-primary)\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\r\n <span>Executive level AI productivity and prompt design<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: center; gap: 0.6rem; color: #e2e8f0; font-size: 0.9rem;\">\r\n <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"var(--gold-primary)\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\r\n <span>Proprietary content workflow building without IP exposure<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: center; gap: 0.6rem; color: #e2e8f0; font-size: 0.9rem;\">\r\n <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"var(--gold-primary)\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\r\n <span>Live team demonstrations, custom SOPs & recorded assets<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"#contact\" class=\"btn-gold\" style=\"width: 100%; padding: 0.85rem; border-radius: 8px;\">Request Corporate Proposal<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"faq\" class=\"section-py\">\r\n <div class=\"site-container\">\r\n \r\n <div style=\"text-align: center; max-width: 760px; margin: 0 auto 3.5rem;\">\r\n <div class=\"pill-badge\" style=\"margin-bottom: 0.85rem;\">Clarity & Inquiries<\/div>\r\n <h2 style=\"font-size: clamp(2rem, 3.8vw, 2.8rem); line-height: 1.2; margin-bottom: 1.2rem;\">\r\n Frequently Asked <span class=\"gold-gradient-text\">Questions<\/span>\r\n <\/h2>\r\n <p style=\"color: var(--text-muted); font-size: 1.05rem;\">\r\n Everything you need to know about engagements, turnarounds, ad spend management, and technology adoption.\r\n <\/p>\r\n <\/div>\r\n\r\n <div style=\"max-width: 860px; margin: 0 auto; display: flex; flex-direction: column; gap: 1rem;\">\r\n \r\n <!-- FAQ 1 -->\r\n <div class=\"glass-card faq-item\" style=\"border-radius: 12px; padding: 1.25rem 1.75rem; cursor: pointer;\">\r\n <div class=\"faq-header\" style=\"display: flex; justify-content: space-between; align-items: center;\">\r\n <h4 style=\"font-size: 1.1rem; color: #fff; font-weight: 600;\">How does AI content creation maintain human quality and brand authenticity?<\/h4>\r\n <span class=\"faq-chevron\" style=\"transition: transform 0.3s ease; color: var(--gold-light);\">\u25bc<\/span>\r\n <\/div>\r\n <div class=\"faq-content\">\r\n <p style=\"color: var(--text-muted); font-size: 0.95rem; line-height: 1.7; padding-top: 1rem;\">\r\n AI is utilized as an amplifier rather than an unchecked automated substitute. We harness AI for intensive background processing, ideation, motion elements, and voice synthesis, while human directors lead script storytelling, pacing, emotional hooks, and brand alignment. The outcome is studio-grade media delivered in a fraction of standard production time.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ 2 -->\r\n <div class=\"glass-card faq-item\" style=\"border-radius: 12px; padding: 1.25rem 1.75rem; cursor: pointer;\">\r\n <div class=\"faq-header\" style=\"display: flex; justify-content: space-between; align-items: center;\">\r\n <h4 style=\"font-size: 1.1rem; color: #fff; font-weight: 600;\">Can you manage existing ad campaigns, or do you only build from scratch?<\/h4>\r\n <span class=\"faq-chevron\" style=\"transition: transform 0.3s ease; color: var(--gold-light);\">\u25bc<\/span>\r\n <\/div>\r\n <div class=\"faq-content\">\r\n <p style=\"color: var(--text-muted); font-size: 0.95rem; line-height: 1.7; padding-top: 1rem;\">\r\n We handle both. For active ad accounts across Meta and Google, we initiate engagements with a thorough performance and tracking audit to pinpoint wasteful spend, audience overlap, and creative fatigue. We then re-structure campaigns, introduce high-performing ad creatives, and optimize tracking to drive higher ROAS.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ 3 -->\r\n <div class=\"glass-card faq-item\" style=\"border-radius: 12px; padding: 1.25rem 1.75rem; cursor: pointer;\">\r\n <div class=\"faq-header\" style=\"display: flex; justify-content: space-between; align-items: center;\">\r\n <h4 style=\"font-size: 1.1rem; color: #fff; font-weight: 600;\">What is the typical timeframe to see measurable results?<\/h4>\r\n <span class=\"faq-chevron\" style=\"transition: transform 0.3s ease; color: var(--gold-light);\">\u25bc<\/span>\r\n <\/div>\r\n <div class=\"faq-content\">\r\n <p style=\"color: var(--text-muted); font-size: 0.95rem; line-height: 1.7; padding-top: 1rem;\">\r\n Paid advertising funnels and viral short-form distribution typically yield performance indicators, lead conversions, and initial traction within the first 7 to 14 days of launch. Deeper brand positioning, organic SEO, and systematic content engines generally compound significantly over a 60 to 90-day cycle.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ 4 -->\r\n <div class=\"glass-card faq-item\" style=\"border-radius: 12px; padding: 1.25rem 1.75rem; cursor: pointer;\">\r\n <div class=\"faq-header\" style=\"display: flex; justify-content: space-between; align-items: center;\">\r\n <h4 style=\"font-size: 1.1rem; color: #fff; font-weight: 600;\">Are corporate workshops hosted in-person or online?<\/h4>\r\n <span class=\"faq-chevron\" style=\"transition: transform 0.3s ease; color: var(--gold-light);\">\u25bc<\/span>\r\n <\/div>\r\n <div class=\"faq-content\">\r\n <p style=\"color: var(--text-muted); font-size: 0.95rem; line-height: 1.7; padding-top: 1rem;\">\r\n Both formats are offered. Online corporate intensives are conducted via live interactive video software with screen sharing, breakout rooms, and session recordings. In-person workshops can also be arranged for company offices and conferences, customized to your specific industry tools and marketing objectives.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ 5 -->\r\n <div class=\"glass-card faq-item\" style=\"border-radius: 12px; padding: 1.25rem 1.75rem; cursor: pointer;\">\r\n <div class=\"faq-header\" style=\"display: flex; justify-content: space-between; align-items: center;\">\r\n <h4 style=\"font-size: 1.1rem; color: #fff; font-weight: 600;\">How can I start working with you or book a consultation?<\/h4>\r\n <span class=\"faq-chevron\" style=\"transition: transform 0.3s ease; color: var(--gold-light);\">\u25bc<\/span>\r\n <\/div>\r\n <div class=\"faq-content\">\r\n <p style=\"color: var(--text-muted); font-size: 0.95rem; line-height: 1.7; padding-top: 1rem;\">\r\n You can reach out directly using the inquiry form below, email me at <a href=\"mailto:mahaljaskaran16@gmail.com\" style=\"color: var(--gold-light);\">mahaljaskaran16@gmail.com<\/a>, or call\/WhatsApp me directly at <a href=\"tel:+918847486568\" style=\"color: var(--gold-light);\">+91 88474-86568<\/a>. We'll set up a 20-minute discovery call to evaluate your goals and outline our plan of action.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"contact\" class=\"section-py\" style=\"background: radial-gradient(circle at 50% 80%, rgba(223, 177, 91, 0.08) 0%, transparent 70%);\">\r\n <div class=\"site-container\">\r\n \r\n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 3.5rem; align-items: flex-start;\">\r\n \r\n <!-- Direct Details Left Column -->\r\n <div>\r\n <div class=\"pill-badge\" style=\"margin-bottom: 0.85rem;\">Initiate Engagement<\/div>\r\n <h2 style=\"font-size: clamp(2.2rem, 4vw, 3.2rem); line-height: 1.15; margin-bottom: 1.25rem;\">\r\n Let\u2019s Build Something <span class=\"gold-gradient-text\">Extraordinary<\/span>.\r\n <\/h2>\r\n <p style=\"color: var(--text-muted); font-size: 1.05rem; line-height: 1.8; margin-bottom: 2rem;\">\r\n Whether you represent an enterprise requiring a high-impact AI marketing rollout, a brand seeking to unlock paid performance, or an ambitious creator ready to master freelancing, I am ready to collaborate.\r\n <\/p>\r\n\r\n <div style=\"display: flex; flex-direction: column; gap: 1.5rem; margin-bottom: 2.5rem;\">\r\n \r\n <!-- Direct Phone -->\r\n <div style=\"display: flex; align-items: center; gap: 1.2rem;\">\r\n <div style=\"width: 48px; height: 48px; border-radius: 12px; background: rgba(223, 177, 91, 0.12); border: 1px solid var(--border-subtle); display: flex; align-items: center; justify-content: center; color: var(--gold-primary);\">\r\n <svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div style=\"font-size: 0.8rem; color: var(--gold-primary); text-transform: uppercase; font-weight: 700; letter-spacing: 0.05em;\">Phone \/ WhatsApp<\/div>\r\n <a href=\"tel:+918847486568\" style=\"color: #fff; font-size: 1.1rem; text-decoration: none; font-weight: 600;\">+91 88474-86568<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Direct Email -->\r\n <div style=\"display: flex; align-items: center; gap: 1.2rem;\">\r\n <div style=\"width: 48px; height: 48px; border-radius: 12px; background: rgba(223, 177, 91, 0.12); border: 1px solid var(--border-subtle); display: flex; align-items: center; justify-content: center; color: var(--gold-primary);\">\r\n <svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div style=\"font-size: 0.8rem; color: var(--gold-primary); text-transform: uppercase; font-weight: 700; letter-spacing: 0.05em;\">Email Inquiries<\/div>\r\n <a href=\"mailto:mahaljaskaran16@gmail.com\" style=\"color: #fff; font-size: 1.1rem; text-decoration: none; font-weight: 600;\">mahaljaskaran16@gmail.com<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Location \/ Timezone -->\r\n <div style=\"display: flex; align-items: center; gap: 1.2rem;\">\r\n <div style=\"width: 48px; height: 48px; border-radius: 12px; background: rgba(223, 177, 91, 0.12); border: 1px solid var(--border-subtle); display: flex; align-items: center; justify-content: center; color: var(--gold-primary);\">\r\n <svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div style=\"font-size: 0.8rem; color: var(--gold-primary); text-transform: uppercase; font-weight: 700; letter-spacing: 0.05em;\">Availability & Delivery<\/div>\r\n <div style=\"color: #fff; font-size: 1.1rem; font-weight: 600;\">Worldwide Projects & Consultations<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Interactive Booking & Inquiry Form -->\r\n <div class=\"glass-card\" style=\"padding: 2.5rem; border-radius: 20px; border: 1px solid var(--border-bright);\">\r\n <form id=\"portfolioContactForm\" onsubmit=\"handleFormSubmit(event)\">\r\n <div style=\"display: flex; flex-direction: column; gap: 1.25rem;\">\r\n \r\n <div>\r\n <label for=\"clientName\" style=\"display: block; font-size: 0.88rem; color: #cbd5e1; margin-bottom: 0.4rem; font-weight: 500;\">Your Full Name *<\/label>\r\n <input type=\"text\" id=\"clientName\" required class=\"luxury-input\" style=\"width: 100%; padding: 0.85rem 1rem; border-radius: 8px; font-size: 0.95rem;\" placeholder=\"e.g. Alex Henderson\">\r\n <\/div>\r\n\r\n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem;\">\r\n <div>\r\n <label for=\"clientEmail\" style=\"display: block; font-size: 0.88rem; color: #cbd5e1; margin-bottom: 0.4rem; font-weight: 500;\">Email Address *<\/label>\r\n <input type=\"email\" id=\"clientEmail\" required class=\"luxury-input\" style=\"width: 100%; padding: 0.85rem 1rem; border-radius: 8px; font-size: 0.95rem;\" placeholder=\"alex@company.com\">\r\n <\/div>\r\n <div>\r\n <label for=\"clientPhone\" style=\"display: block; font-size: 0.88rem; color: #cbd5e1; margin-bottom: 0.4rem; font-weight: 500;\">Phone \/ WhatsApp<\/label>\r\n <input type=\"tel\" id=\"clientPhone\" class=\"luxury-input\" style=\"width: 100%; padding: 0.85rem 1rem; border-radius: 8px; font-size: 0.95rem;\" placeholder=\"+1 (555) 000-0000\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <label for=\"serviceInterest\" style=\"display: block; font-size: 0.88rem; color: #cbd5e1; margin-bottom: 0.4rem; font-weight: 500;\">Primary Service Area<\/label>\r\n <select id=\"serviceInterest\" class=\"luxury-input\" style=\"width: 100%; padding: 0.85rem 1rem; border-radius: 8px; font-size: 0.95rem; cursor: pointer;\">\r\n <option value=\"AI Content & Video Creation\">AI Content & Video Creation<\/option>\r\n <option value=\"Paid Ads Scaling (Meta & Google)\">Paid Ads Scaling (Meta & Google)<\/option>\r\n <option value=\"Motion Graphics & Post Production\">Motion Graphics & Post Production<\/option>\r\n <option value=\"Corporate Workshop \/ Team Training\">Corporate Workshop \/ Team Training<\/option>\r\n <option value=\"Website Funnel Development & SEO\">Website Funnel Development & SEO<\/option>\r\n <option value=\"Freelancing Coaching\">Freelancing Coaching<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div>\r\n <label for=\"projectDetails\" style=\"display: block; font-size: 0.88rem; color: #cbd5e1; margin-bottom: 0.4rem; font-weight: 500;\">Project Scope & Objectives *<\/label>\r\n <textarea id=\"projectDetails\" rows=\"4\" required class=\"luxury-input\" style=\"width: 100%; padding: 0.85rem 1rem; border-radius: 8px; font-size: 0.95rem; resize: vertical;\" placeholder=\"Briefly detail your target audience, timeline, current bottlenecks, or desired outcomes...\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" id=\"submitBtn\" class=\"btn-gold\" style=\"width: 100%; padding: 1rem; border-radius: 8px; border: none; font-size: 1rem; margin-top: 0.5rem;\">\r\n Send Strategy Request\r\n <\/button>\r\n\r\n <!-- Feedback Container -->\r\n <div id=\"formFeedback\" style=\"display: none; padding: 0.85rem; border-radius: 8px; font-size: 0.9rem; text-align: center; margin-top: 0.5rem;\"><\/div>\r\n\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <footer style=\"background-color: #07080a; border-top: 1px solid var(--border-subtle); padding: 3.5rem 0 2rem;\">\r\n <div class=\"site-container\">\r\n <div style=\"display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 2rem; padding-bottom: 2.5rem; border-bottom: 1px solid rgba(255, 255, 255, 0.06);\">\r\n \r\n <!-- Brand Signature -->\r\n <div style=\"display: flex; align-items: center; gap: 0.85rem;\">\r\n <div style=\"width: 38px; height: 38px; border-radius: 8px; background: #13151c; border: 1px solid var(--gold-primary); display: flex; align-items: center; justify-content: center;\">\r\n <span style=\"font-family: var(--font-heading); font-weight: 800; font-size: 1rem; color: var(--gold-primary);\">JSM<\/span>\r\n <\/div>\r\n <div>\r\n <div style=\"font-family: var(--font-heading); font-weight: 700; font-size: 1rem; color: #fff;\">Jaskaran Singh Mahal<\/div>\r\n <div style=\"font-size: 0.72rem; color: var(--text-muted);\">AI Content Strategist & Growth Architect<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Social \/ Direct Anchor Badges -->\r\n <div style=\"display: flex; flex-wrap: wrap; gap: 1rem; align-items: center;\">\r\n <a href=\"mailto:mahaljaskaran16@gmail.com\" class=\"pill-badge\" style=\"text-decoration: none; text-transform: none;\">Email Jaskaran<\/a>\r\n <a href=\"tel:+918847486568\" class=\"pill-badge\" style=\"text-decoration: none; text-transform: none;\">WhatsApp Direct<\/a>\r\n <a href=\"#hero\" style=\"color: var(--gold-light); text-decoration: none; font-size: 0.85rem; display: flex; align-items: center; gap: 0.25rem;\">\r\n <span>Back to top<\/span>\r\n <svg width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 10l7-7m0 0l7 7m-7-7v18\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- Copyright Notice -->\r\n <div style=\"padding-top: 2rem; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1rem; font-size: 0.82rem; color: var(--text-subtle);\">\r\n <p>© 2026 Jaskaran Singh Mahal. All rights reserved. Built for high performance and conversions.<\/p>\r\n <p>Safe WordPress Widget Compatible \u2022 Zero Missing Assets<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ Responsive Mobile Menu Drawer Toggle\r\n const mobileMenuBtn = document.getElementById('mobileMenuBtn');\r\n const mobileDrawer = document.getElementById('mobileDrawer');\r\n const mobileLinks = document.querySelectorAll('.mob-link');\r\n\r\n if (mobileMenuBtn && mobileDrawer) {\r\n function checkScreenSize() {\r\n if (window.innerWidth <= 840) {\r\n mobileMenuBtn.style.display = 'block';\r\n const deskNav = document.getElementById('desktop-nav');\r\n if (deskNav) deskNav.style.display = 'none';\r\n } else {\r\n mobileMenuBtn.style.display = 'none';\r\n mobileDrawer.style.display = 'none';\r\n const deskNav = document.getElementById('desktop-nav');\r\n if (deskNav) deskNav.style.display = 'flex';\r\n }\r\n }\r\n\r\n window.addEventListener('resize', checkScreenSize);\r\n checkScreenSize();\r\n\r\n mobileMenuBtn.addEventListener('click', function() {\r\n const isClosed = mobileDrawer.style.display === 'none' || mobileDrawer.style.display === '';\r\n mobileDrawer.style.display = isClosed ? 'block' : 'none';\r\n });\r\n\r\n mobileLinks.forEach(function(link) {\r\n link.addEventListener('click', function() {\r\n mobileDrawer.style.display = 'none';\r\n });\r\n });\r\n }\r\n\r\n \/\/ Interactive FAQ Accordions\r\n const faqItems = document.querySelectorAll('.faq-item');\r\n faqItems.forEach(function(item) {\r\n item.addEventListener('click', function() {\r\n const isActive = this.classList.contains('active');\r\n \/\/ Close all other accordions\r\n faqItems.forEach(function(other) {\r\n other.classList.remove('active');\r\n });\r\n if (!isActive) {\r\n this.classList.add('active');\r\n }\r\n });\r\n });\r\n\r\n \/\/ Form Handling with in-page feedback (No alert() used)\r\n function handleFormSubmit(event) {\r\n event.preventDefault();\r\n const submitBtn = document.getElementById('submitBtn');\r\n const feedback = document.getElementById('formFeedback');\r\n const name = document.getElementById('clientName').value.trim();\r\n const email = document.getElementById('clientEmail').value.trim();\r\n const service = document.getElementById('serviceInterest').value;\r\n\r\n if (!name || !email) {\r\n if (feedback) {\r\n feedback.style.display = 'block';\r\n feedback.style.background = 'rgba(239, 68, 68, 0.15)';\r\n feedback.style.border = '1px solid rgba(239, 68, 68, 0.4)';\r\n feedback.style.color = '#fca5a5';\r\n feedback.textContent = 'Please fill out all required fields.';\r\n }\r\n return;\r\n }\r\n\r\n \/\/ Simulate sending without external dependency\r\n submitBtn.disabled = true;\r\n submitBtn.textContent = 'Dispatching Strategy Request...';\r\n\r\n setTimeout(function() {\r\n submitBtn.textContent = 'Message Received';\r\n if (feedback) {\r\n feedback.style.display = 'block';\r\n feedback.style.background = 'rgba(16, 185, 129, 0.15)';\r\n feedback.style.border = '1px solid rgba(16, 185, 129, 0.4)';\r\n feedback.style.color = '#6ee7b7';\r\n feedback.textContent = 'Thank you, ' + name + '! Your request for ' + service + ' has been received. Jaskaran will reach out shortly.';\r\n }\r\n document.getElementById('portfolioContactForm').reset();\r\n \r\n setTimeout(function() {\r\n submitBtn.disabled = false;\r\n submitBtn.textContent = 'Send Strategy Request';\r\n }, 5000);\r\n }, 900);\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Jaskaran Singh Mahal | AI Content Creator & Digital Growth Strategist JSM JASKARAN SINGH MAHAL Digital Marketer & AI Creator […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"normal-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jaskarangurukulskill.online\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jaskarangurukulskill.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jaskarangurukulskill.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jaskarangurukulskill.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jaskarangurukulskill.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":10,"href":"https:\/\/jaskarangurukulskill.online\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/jaskarangurukulskill.online\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/jaskarangurukulskill.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}