{"id":6,"date":"2025-12-11T10:16:41","date_gmt":"2025-12-11T10:16:41","guid":{"rendered":"https:\/\/deino.in\/?page_id=6"},"modified":"2025-12-11T11:12:21","modified_gmt":"2025-12-11T11:12:21","slug":"home","status":"publish","type":"page","link":"https:\/\/deino.in\/?page_id=6","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6\" class=\"elementor elementor-6\">\n\t\t\t\t<div class=\"elementor-element elementor-element-650c078 e-con-full e-flex e-con e-parent\" data-id=\"650c078\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-536920b elementor-widget elementor-widget-html\" data-id=\"536920b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"utf-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n  <title>BrightWave Digital \u2014 Digital Marketing Agency<\/title>\r\n  <meta name=\"description\" content=\"BrightWave Digital \u2014 Content creation, copywriting, SEO blogs, social media & branding.\" \/>\r\n  <!-- ==========================\r\n       HTML \/ CSS \/ JS in one file\r\n       - Below are three clearly separated blocks:\r\n         1) HTML structure\r\n         2) <style> CSS\r\n         3) <script> JavaScript\r\n       - Easy to edit: CSS variables, utility classes, and clear section ids\r\n       ========================== -->\r\n\r\n  <!-- ==========================\r\n     CSS (start)\r\n     Put your edits inside the :root variables and section styles\r\n     ========================== -->\r\n  <style>\r\n    :root{\r\n      --bg: #0f1724; \/* dark navy *\/\r\n      --card: #0b1220;\r\n      --muted: #97a0b7;\r\n      --accent: #5eead4; \/* teal *\/\r\n      --accent-2:#60a5fa; \/* blue *\/\r\n      --glass: rgba(255,255,255,0.04);\r\n      --radius: 14px;\r\n      --ff: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;\r\n    }\r\n    \/* Basic reset *\/\r\n    *{box-sizing:border-box}\r\n    html,body{height:100%}\r\n    body{\r\n      margin:0;\r\n      background: radial-gradient(1200px 400px at 10% 10%, rgba(96,165,250,0.06), transparent),\r\n                  linear-gradient(180deg, var(--bg), #061025 120%);\r\n      color:#e6eef8;\r\n      font-family:var(--ff);\r\n      -webkit-font-smoothing:antialiased;\r\n      -moz-osx-font-smoothing:grayscale;\r\n      line-height:1.45;\r\n      padding:32px 24px;\r\n    }\r\n    .container{max-width:1200px;margin:0 auto}\r\n\r\n    \/* Utility *\/\r\n    .row{display:flex;gap:24px;align-items:center}\r\n    .col{flex:1}\r\n    .grid{display:grid;gap:18px}\r\n    .center{text-align:center}\r\n    .muted{color:var(--muted)}\r\n    a{color:inherit}\r\n    button{cursor:pointer}\r\n\r\n    \/* Card *\/\r\n    .card{\r\n      background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));\r\n      border-radius:var(--radius);\r\n      padding:20px;\r\n      box-shadow: 0 6px 20px rgba(2,6,23,0.6), inset 0 1px 0 rgba(255,255,255,0.02);\r\n      border: 1px solid rgba(255,255,255,0.03);\r\n    }\r\n\r\n    \/* HERO *\/\r\n    header.hero{\r\n      display:grid;\r\n      grid-template-columns: 1fr 420px;\r\n      gap:28px;\r\n      align-items:center;\r\n      margin-bottom:36px;\r\n    }\r\n    .hero .kicker{display:inline-block;padding:6px 12px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#022032;font-weight:600;font-size:13px}\r\n    .hero h1{font-size:clamp(28px,4.8vw,44px);margin:12px 0 10px}\r\n    .hero p.lead{color:var(--muted);margin:0 0 18px}\r\n    .cta-row{display:flex;gap:12px}\r\n    .btn{\r\n      background:linear-gradient(90deg,var(--accent-2),var(--accent));\r\n      color:#042a2f;padding:12px 18px;border-radius:12px;font-weight:700;border:none;box-shadow:0 6px 18px rgba(6,20,40,0.45);\r\n    }\r\n    .btn.ghost{background:transparent;border:1px solid rgba(255,255,255,0.06);color:var(--accent-2);font-weight:600}\r\n\r\n    \/* Hero right card *\/\r\n    .hero-brief{display:flex;flex-direction:column;gap:12px}\r\n    .stat{display:flex;align-items:center;gap:12px}\r\n    .stat strong{font-size:18px}\r\n\r\n    \/* ABOUT *\/\r\n    section.about{display:grid;grid-template-columns:1fr 380px;gap:28px;align-items:center;margin-bottom:30px}\r\n\r\n    \/* SERVICES *\/\r\n    .services-grid{grid-template-columns:repeat(3,1fr);}\r\n    .service-card{transition:transform .38s cubic-bezier(.16,.8,.2,1), box-shadow .2s;}\r\n    .service-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(2,6,23,0.6)}\r\n\r\n    \/* PORTFOLIO *\/\r\n    .portfolio-grid{grid-template-columns:repeat(3,1fr)}\r\n    .portfolio-item{position:relative;overflow:hidden;border-radius:12px}\r\n    .portfolio-item img{width:100%;height:220px;object-fit:cover;display:block;transition:transform .6s}\r\n    .portfolio-item:hover img{transform:scale(1.05)}\r\n    .overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(2,6,23,0.6));display:flex;align-items:flex-end;padding:12px;color:#fff}\r\n\r\n    \/* Testimonials *\/\r\n    .test-slider{position:relative;overflow:hidden}\r\n    .slides{display:flex;gap:18px;transition:transform .5s ease}\r\n    .testimonial{min-width:320px}\r\n\r\n    \/* Pricing *\/\r\n    .pricing-grid{grid-template-columns:repeat(3,1fr);}\r\n    .price-monthly .price{font-size:28px;font-weight:800}\r\n    .price-toggle{display:inline-flex;background:var(--glass);padding:6px;border-radius:999px}\r\n    .toggle-btn{background:transparent;border:none;color:var(--muted);padding:6px 12px;border-radius:999px}\r\n    .toggle-btn.active{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#022032;font-weight:800}\r\n\r\n    \/* Contact *\/\r\n    form .row{flex-direction:column}\r\n    input,textarea,select{width:100%;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,0.04);background:transparent;color:inherit}\r\n    textarea{min-height:120px}\r\n    .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}\r\n\r\n    \/* Footer *\/\r\n    footer{margin-top:34px;padding-top:18px;border-top:1px dashed rgba(255,255,255,0.03);color:var(--muted)}\r\n\r\n    \/* Small screens *\/\r\n    @media (max-width:900px){\r\n      header.hero, section.about{grid-template-columns:1fr}\r\n      .portfolio-item img{height:180px}\r\n      .services-grid,.portfolio-grid,.pricing-grid{grid-template-columns:1fr}\r\n      .test-slider .slides{padding-bottom:12px}\r\n      .form-row{grid-template-columns:1fr}\r\n    }\r\n\r\n    \/* Small micro-animations *\/\r\n    .fade-in{opacity:0;transform:translateY(10px);animation:reveal .9s forwards}\r\n    .reveal-delay-1{animation-delay:.12s}\r\n    .reveal-delay-2{animation-delay:.22s}\r\n    .reveal-delay-3{animation-delay:.32s}\r\n    @keyframes reveal{to{opacity:1;transform:none}}\r\n  <\/style>\r\n  <!-- CSS (end) -->\r\n<\/head>\r\n<body>\r\n  <div class=\"container\">\r\n\r\n    <!-- ==========================\r\n         HTML (start)\r\n         Structure: hero, about, services, portfolio, testimonials, pricing, contact, footer\r\n         ========================== -->\r\n\r\n    <!-- HERO -->\r\n    <header class=\"hero\">\r\n      <div>\r\n        <div class=\"kicker\">Full\u2011service Digital Marketing<\/div>\r\n        <h1 class=\"fade-in\">We create content & brands that cut through the noise.<\/h1>\r\n        <p class=\"lead muted\">BrightWave helps startups and growing brands get noticed with content creation, copywriting, SEO blog writing, and social media strategies that actually move the needle.<\/p>\r\n\r\n        <div class=\"cta-row\">\r\n          <button class=\"btn\" onclick=\"scrollToSection('contact')\">Get a free strategy call<\/button>\r\n          <button class=\"btn ghost\" onclick=\"scrollToSection('portfolio')\">See our work<\/button>\r\n        <\/div>\r\n\r\n        <div style=\"margin-top:18px;display:flex;gap:12px;flex-wrap:wrap\">\r\n          <div class=\"card\" style=\"display:inline-flex;align-items:center;gap:12px;padding:10px 12px;border-radius:999px\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden><path d=\"M12 2v6\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            <div style=\"font-size:13px\"><strong style=\"display:block\">550+<\/strong><span class=\"muted\">Pieces of content created<\/span><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"card\" style=\"display:inline-flex;align-items:center;gap:12px;padding:10px 12px;border-radius:999px\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.6\"\/><\/svg>\r\n            <div style=\"font-size:13px\"><strong style=\"display:block\">4.8\/5<\/strong><span class=\"muted\">Average client rating<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <aside class=\"hero-brief card fade-in reveal-delay-2\">\r\n        <div style=\"display:flex;justify-content:space-between;align-items:center\">\r\n          <div>\r\n            <div class=\"muted\" style=\"font-size:13px\">Tailored services<\/div>\r\n            <strong style=\"font-size:18px\">Content + SEO + Social<\/strong>\r\n          <\/div>\r\n          <div class=\"muted\" style=\"font-size:13px\">Trusted by<\/div>\r\n        <\/div>\r\n        <div style=\"display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/dummyimage.com\/72x28\/243447\/fff&text=LogoA\" alt=\"client\" style=\"height:28px;object-fit:contain;border-radius:6px;\"\/>\r\n          <img decoding=\"async\" src=\"https:\/\/dummyimage.com\/72x28\/243447\/fff&text=LogoB\" alt=\"client\" style=\"height:28px;object-fit:contain;border-radius:6px;\"\/>\r\n          <img decoding=\"async\" src=\"https:\/\/dummyimage.com\/72x28\/243447\/fff&text=LogoC\" alt=\"client\" style=\"height:28px;object-fit:contain;border-radius:6px;\"\/>\r\n        <\/div>\r\n\r\n        <div style=\"margin-top:auto;display:flex;gap:8px;align-items:center;justify-content:flex-end\">\r\n          <a class=\"muted\" href=\"#contact\">Request proposal \u2192<\/a>\r\n        <\/div>\r\n      <\/aside>\r\n    <\/header>\r\n\r\n    <!-- ABOUT -->\r\n    <section id=\"about\" class=\"about\">\r\n      <div>\r\n        <h2>About BrightWave<\/h2>\r\n        <p class=\"muted\">We blend storytelling, search-first writing, and on-brand social media strategies to help businesses scale. Our team includes writers, strategists, designers and SEO specialists who collaborate on measurable campaigns.<\/p>\r\n\r\n        <ul style=\"margin-top:12px;display:grid;gap:8px;color:var(--muted);padding-left:18px;\">\r\n          <li>Dedicated content strategist for every client<\/li>\r\n          <li>SEO-first blog frameworks that rank and convert<\/li>\r\n          <li>Scalable social media packages with production-ready posts<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"card\">\r\n        <h3 style=\"margin-top:0\">How we work<\/h3>\r\n        <ol style=\"margin:0;padding-left:18px;color:var(--muted)\">\r\n          <li><strong>Discovery:<\/strong> Goals, KPIs & audience mapping<\/li>\r\n          <li><strong>Strategy:<\/strong> Content calendar, keywords & themes<\/li>\r\n          <li><strong>Delivery:<\/strong> Production, optimization & reporting<\/li>\r\n        <\/ol>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- SERVICES -->\r\n    <section id=\"services\" style=\"margin-bottom:28px\">\r\n      <h2>Services<\/h2>\r\n      <p class=\"muted\">Full-stack services to grow traffic, leads, and brand awareness.<\/p>\r\n\r\n      <div class=\"grid services-grid\" style=\"margin-top:14px;grid-template-columns:repeat(3,1fr)\">\r\n        <div class=\"card service-card\">\r\n          <h4>Content Creation<\/h4>\r\n          <p class=\"muted\">Short-form videos, long-form articles, infographics and assets for cross-channel distribution.<\/p>\r\n        <\/div>\r\n        <div class=\"card service-card\">\r\n          <h4>Copywriting & Landing Pages<\/h4>\r\n          <p class=\"muted\">Conversion focused copy for ads, websites, and product pages.<\/p>\r\n        <\/div>\r\n        <div class=\"card service-card\">\r\n          <h4>SEO Blog Writing<\/h4>\r\n          <p class=\"muted\">Keyword research, topical clusters, and on-page optimization built to rank.<\/p>\r\n        <\/div>\r\n        <div class=\"card service-card\">\r\n          <h4>Social Media Content<\/h4>\r\n          <p class=\"muted\">Organic & paid social strategies, content calendars, and creative production.<\/p>\r\n        <\/div>\r\n        <div class=\"card service-card\">\r\n          <h4>Branding & Positioning<\/h4>\r\n          <p class=\"muted\">Brand messaging, tone of voice, and visual identity systems.<\/p>\r\n        <\/div>\r\n        <div class=\"card service-card\">\r\n          <h4>Analytics & Reporting<\/h4>\r\n          <p class=\"muted\">Monthly dashboards, actionable insights and growth experiments.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- PORTFOLIO -->\r\n    <section id=\"portfolio\" style=\"margin-bottom:28px\">\r\n      <h2>Portfolio \/ Case studies<\/h2>\r\n      <p class=\"muted\">Selected projects showing measurable results. Click to view highlights.<\/p>\r\n\r\n      <div class=\"grid portfolio-grid\" style=\"margin-top:14px;grid-template-columns:repeat(3,1fr)\">\r\n        <div class=\"portfolio-item card\" onclick=\"openCase(0)\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522202176988-66273c2fd55f?q=80&w=1200&auto=format&fit=crop\" alt=\"case 1\"\/>\r\n          <div class=\"overlay\">\r\n            <div>\r\n              <strong>Brand lift for X<\/strong>\r\n              <div class=\"muted\" style=\"font-size:13px\">+64% organic traffic in 4 months<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"portfolio-item card\" onclick=\"openCase(1)\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1504384308090-c894fdcc538d?q=80&w=1200&auto=format&fit=crop\" alt=\"case 2\"\/>\r\n          <div class=\"overlay\">\r\n            <div>\r\n              <strong>Startup content engine<\/strong>\r\n              <div class=\"muted\" style=\"font-size:13px\">Produced 120 content pieces in 6 months<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"portfolio-item card\" onclick=\"openCase(2)\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1531497865146-7d2a3b5a8b80?q=80&w=1200&auto=format&fit=crop\" alt=\"case 3\"\/>\r\n          <div class=\"overlay\">\r\n            <div>\r\n              <strong>SEO-driven growth<\/strong>\r\n              <div class=\"muted\" style=\"font-size:13px\">Top-3 results for 8 target keywords<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Lightbox\/modal for case study -->\r\n      <div id=\"caseModal\" style=\"display:none;position:fixed;inset:0;background:rgba(1,6,12,0.7);align-items:center;justify-content:center;padding:24px;z-index:60\">\r\n        <div style=\"max-width:880px;width:100%;background:linear-gradient(180deg,#071426, #041320);border-radius:12px;padding:22px;position:relative\">\r\n          <button onclick=\"closeCase()\" style=\"position:absolute;right:12px;top:12px;background:transparent;border:none;color:var(--muted);font-size:18px\">\u2715<\/button>\r\n          <div id=\"caseContent\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- TESTIMONIALS -->\r\n    <section id=\"testimonials\" style=\"margin-bottom:28px\">\r\n      <h2>Testimonials<\/h2>\r\n      <p class=\"muted\">What clients say about working with us.<\/p>\r\n\r\n      <div class=\"test-slider card\" style=\"margin-top:14px;padding:16px\">\r\n        <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:12px\">\r\n          <div class=\"muted\">Client feedback<\/div>\r\n          <div style=\"display:flex;gap:8px\">\r\n            <button onclick=\"slidePrev()\" aria-label=\"previous\">\u25c0<\/button>\r\n            <button onclick=\"slideNext()\" aria-label=\"next\">\u25b6<\/button>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"slides\" id=\"slides\">\r\n          <div class=\"testimonial card\" style=\"min-width:360px\">\r\n            <p>\"BrightWave rewired our content strategy \u2014 traffic doubled and the quality of leads improved.\"<\/p>\r\n            <div style=\"display:flex;gap:12px;align-items:center;margin-top:12px\"><img decoding=\"async\" src=\"https:\/\/dummyimage.com\/48x48\/2b3b4a\/fff&text=AL\" style=\"border-radius:999px\"\/><div><strong>A. Lawson<\/strong><div class=\"muted\" style=\"font-size:13px\">CMO, TechScale<\/div><\/div><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"testimonial card\" style=\"min-width:360px\">\r\n            <p>\"Their SEO writing is practical and hands-on \u2014 got us on page one for three key terms in 3 months.\"<\/p>\r\n            <div style=\"display:flex;gap:12px;align-items:center;margin-top:12px\"><img decoding=\"async\" src=\"https:\/\/dummyimage.com\/48x48\/2b3b4a\/fff&text=RS\" style=\"border-radius:999px\"\/><div><strong>R. Singh<\/strong><div class=\"muted\" style=\"font-size:13px\">Founder, CleanApp<\/div><\/div><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"testimonial card\" style=\"min-width:360px\">\r\n            <p>\"Creative, fast, and measurable \u2014 our CAC dropped while MQLs increased.\"<\/p>\r\n            <div style=\"display:flex;gap:12px;align-items:center;margin-top:12px\"><img decoding=\"async\" src=\"https:\/\/dummyimage.com\/48x48\/2b3b4a\/fff&text=LM\" style=\"border-radius:999px\"\/><div><strong>L. Morgan<\/strong><div class=\"muted\" style=\"font-size:13px\">VP Growth, Retailly<\/div><\/div><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- PRICING -->\r\n    <section id=\"pricing\" style=\"margin-bottom:28px\">\r\n      <h2>Pricing plans<\/h2>\r\n      <p class=\"muted\">Simple, transparent pricing \u2014 pick what fits your stage.<\/p>\r\n\r\n      <div style=\"display:flex;gap:12px;align-items:center;margin-top:10px\">\r\n        <div class=\"price-toggle card\">\r\n          <button class=\"toggle-btn active\" id=\"monthlyBtn\">Monthly<\/button>\r\n          <button class=\"toggle-btn\" id=\"yearlyBtn\">Yearly (save 15%)<\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"grid pricing-grid\" style=\"margin-top:14px;grid-template-columns:repeat(3,1fr)\">\r\n        <div class=\"card\">\r\n          <h4>Starter<\/h4>\r\n          <div class=\"price\"><span class=\"price-value\">$800<\/span><span class=\"muted\">\/mo<\/span><\/div>\r\n          <p class=\"muted\">Best for bootstrapped startups \u2014 content & basic SEO.<\/p>\r\n          <ul class=\"muted\" style=\"padding-left:18px\">\r\n            <li>8 pieces of content \/ mo<\/li>\r\n            <li>Keyword research<\/li>\r\n            <li>Monthly reporting<\/li>\r\n          <\/ul>\r\n          <div style=\"margin-top:12px\"><button class=\"btn\">Start trial<\/button><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"card\">\r\n          <h4>Growth<\/h4>\r\n          <div class=\"price\"><span class=\"price-value\">$2,400<\/span><span class=\"muted\">\/mo<\/span><\/div>\r\n          <p class=\"muted\">Full content engine + social amplification.<\/p>\r\n          <ul class=\"muted\" style=\"padding-left:18px\">\r\n            <li>24 pieces content \/ mo<\/li>\r\n            <li>Paid social support<\/li>\r\n            <li>Bi-weekly strategy calls<\/li>\r\n          <\/ul>\r\n          <div style=\"margin-top:12px\"><button class=\"btn\">Talk to sales<\/button><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"card\">\r\n          <h4>Brand<\/h4>\r\n          <div class=\"price\"><span class=\"price-value\">$4,800<\/span><span class=\"muted\">\/mo<\/span><\/div>\r\n          <p class=\"muted\">Brand & growth leadership for scale-ups.<\/p>\r\n          <ul class=\"muted\" style=\"padding-left:18px\">\r\n            <li>Dedicated content team<\/li>\r\n            <li>Weekly performance sprints<\/li>\r\n            <li>Advanced reporting<\/li>\r\n          <\/ul>\r\n          <div style=\"margin-top:12px\"><button class=\"btn\">Request quote<\/button><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- CONTACT -->\r\n    <section id=\"contact\" style=\"margin-bottom:28px\">\r\n      <h2>Contact us<\/h2>\r\n      <p class=\"muted\">Tell us about your project \u2014 we\u2019ll reply within 48 business hours.<\/p>\r\n\r\n      <div class=\"card\" style=\"margin-top:12px\">\r\n        <form id=\"contactForm\" onsubmit=\"handleContact(event)\">\r\n          <div class=\"form-row\">\r\n            <input type=\"text\" name=\"name\" placeholder=\"Your name\" required \/>\r\n            <input type=\"email\" name=\"email\" placeholder=\"Email\" required \/>\r\n          <\/div>\r\n          <div style=\"margin-top:12px\">\r\n            <input type=\"text\" name=\"company\" placeholder=\"Company (optional)\" \/>\r\n          <\/div>\r\n\r\n          <div style=\"margin-top:12px\">\r\n            <select name=\"service\" aria-label=\"service\">\r\n              <option value=\"\">Service of interest<\/option>\r\n              <option>Content creation<\/option>\r\n              <option>Copywriting & landing pages<\/option>\r\n              <option>SEO blog writing<\/option>\r\n              <option>Social media<\/option>\r\n              <option>Branding<\/option>\r\n            <\/select>\r\n          <\/div>\r\n\r\n          <div style=\"margin-top:12px\">\r\n            <textarea name=\"message\" placeholder=\"Tell us about goals, budget, timeline...\" required><\/textarea>\r\n          <\/div>\r\n\r\n          <div style=\"display:flex;gap:10px;align-items:center;margin-top:12px;justify-content:space-between\">\r\n            <div class=\"muted\" style=\"font-size:13px\">We respect your privacy \u2014 no spam.<\/div>\r\n            <div style=\"display:flex;gap:8px\">\r\n              <button type=\"submit\" class=\"btn\">Send message<\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/form>\r\n\r\n        <div id=\"contactMsg\" style=\"display:none;margin-top:12px;padding:12px;border-radius:10px;background:rgba(94,234,212,0.08);color:var(--accent);\"><\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- FOOTER -->\r\n    <footer>\r\n      <div style=\"display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center\">\r\n        <div>\r\n          <strong>BrightWave Digital<\/strong>\r\n          <div class=\"muted\" style=\"font-size:13px\">Content, SEO, Social & Branding<\/div>\r\n        <\/div>\r\n        <div class=\"muted\" style=\"font-size:13px\">\u00a9 <span id=\"year\"><\/span> BrightWave \u2014 All rights reserved<\/div>\r\n      <\/div>\r\n    <\/footer>\r\n\r\n  <\/div>\r\n\r\n  <!-- ==========================\r\n       JavaScript (start)\r\n       Keep the JS small and modular for easy edits\r\n       ========================== -->\r\n  <script>\r\n    \/\/ small helpers\r\n    function el(q){return document.querySelector(q)}\r\n    function els(q){return Array.from(document.querySelectorAll(q))}\r\n    function scrollToSection(id){document.getElementById(id).scrollIntoView({behavior:'smooth',block:'start'})}\r\n\r\n    \/\/ Dynamic footer year\r\n    document.getElementById('year').textContent = new Date().getFullYear();\r\n\r\n    \/\/ Testimonial slider\r\n    let slideIndex = 0\r\n    const slides = document.getElementById('slides')\r\n    function updateSlides(){\r\n      const w = slides.querySelector('.testimonial').offsetWidth + 18\r\n      slides.style.transform = `translateX(${-slideIndex * w}px)`\r\n    }\r\n    function slideNext(){\r\n      const total = slides.querySelectorAll('.testimonial').length\r\n      slideIndex = Math.min(total - 1, slideIndex + 1)\r\n      updateSlides()\r\n    }\r\n    function slidePrev(){\r\n      slideIndex = Math.max(0, slideIndex - 1)\r\n      updateSlides()\r\n    }\r\n    window.addEventListener('resize', ()=>{setTimeout(updateSlides,80)})\r\n\r\n    \/\/ Portfolio case studies content (replace with real content)\r\n    const cases = [\r\n      {title:'Brand lift for X', body:'Strategy, content refresh, & outreach. Result: +64% organic traffic in 4 months. Key work: content audit, topical map, technical fixes, long-form pillar content.'},\r\n      {title:'Startup content engine', body:'Built an assembly line for content & repurposing. Produced 120 pieces and increased organic MQLs by 38% in 6 months.'},\r\n      {title:'SEO-driven growth', body:'Keyword-first content program + linkbuilding. Achieved top-3 positions for 8 target terms.'}\r\n    ]\r\n    function openCase(i){\r\n      const modal = document.getElementById('caseModal')\r\n      const content = document.getElementById('caseContent')\r\n      content.innerHTML = `<h3>${cases[i].title}<\/h3><p class=\"muted\">${cases[i].body}<\/p><div style=\\\"margin-top:12px;display:flex;gap:10px;\\\"><button class='btn' onclick=\\\"closeCase()\\\">Close<\/button><button class='btn ghost' onclick=\\\"alert(\\'Download case PDF (placeholder)\\')\\\">Download PDF<\/button><\/div>`\r\n      modal.style.display = 'flex'\r\n    }\r\n    function closeCase(){document.getElementById('caseModal').style.display='none'}\r\n\r\n    \/\/ Pricing toggle\r\n    const monthlyBtn = document.getElementById('monthlyBtn')\r\n    const yearlyBtn = document.getElementById('yearlyBtn')\r\n    function setPricing(isYearly){\r\n      els('.price-value').forEach(el=>{\r\n        const base = Number(el.getAttribute('data-base') || el.textContent.replace(\/[^0-9\\.]\/g,''))\r\n        if(!el.getAttribute('data-base')) el.setAttribute('data-base', base || 0)\r\n        const baseNum = Number(el.getAttribute('data-base'))\r\n        if(isYearly){\r\n          const yearly = Math.round(baseNum*12*0.85\/12) \/\/ monthly equivalent with 15% discount\r\n          el.textContent = `$${yearly}`\r\n        } else {\r\n          el.textContent = `$${baseNum}`\r\n        }\r\n      })\r\n      monthlyBtn.classList.toggle('active', !isYearly)\r\n      yearlyBtn.classList.toggle('active', isYearly)\r\n    }\r\n    monthlyBtn.addEventListener('click', ()=>setPricing(false))\r\n    yearlyBtn.addEventListener('click', ()=>setPricing(true))\r\n\r\n    \/\/ Contact form handling (demo only)\r\n    function handleContact(e){\r\n      e.preventDefault()\r\n      const form = e.target\r\n      const data = new FormData(form)\r\n      const payload = Object.fromEntries(data.entries())\r\n      \/\/ basic front-end validation\r\n      if(!payload.name || !payload.email || !payload.message){\r\n        showContactMsg('Please fill name, email and message','error')\r\n        return\r\n      }\r\n      \/\/ simulate sending\r\n      showContactMsg('Sending...', 'info')\r\n      setTimeout(()=>{\r\n        form.reset()\r\n        showContactMsg('Thanks! We received your message \u2014 we\u2019ll be in touch.', 'success')\r\n      },900)\r\n    }\r\n    function showContactMsg(msg, t){\r\n      const box = document.getElementById('contactMsg')\r\n      box.style.display='block'\r\n      box.textContent = msg\r\n      if(t==='success') box.style.background = 'rgba(94,234,212,0.08)', box.style.color = 'var(--accent)'\r\n      if(t==='error') box.style.background = 'rgba(250,160,160,0.06)', box.style.color = '#ffb3b3'\r\n      if(t==='info') box.style.background = 'rgba(255,255,255,0.03)', box.style.color = 'var(--muted)'\r\n    }\r\n\r\n    \/\/ initialize small behaviors\r\n    document.addEventListener('DOMContentLoaded', ()=>{\r\n      \/\/ ensure slides layout is correct\r\n      setTimeout(updateSlides,200)\r\n      \/\/ assign base pricing values for toggle\r\n      els('.price-value').forEach((el, i)=>{\r\n        \/\/ initial base prices\r\n        const bases = [800,2400,4800]\r\n        el.setAttribute('data-base', bases[i])\r\n        el.textContent = `$${bases[i]}`\r\n      })\r\n    })\r\n\r\n  <\/script>\r\n  <!-- JavaScript (end) -->\r\n<\/body>\r\n<\/html>\r\n\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>BrightWave Digital \u2014 Digital Marketing Agency<\/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":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/deino.in\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/deino.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/deino.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/deino.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/deino.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":8,"href":"https:\/\/deino.in\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":19,"href":"https:\/\/deino.in\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/19"}],"wp:attachment":[{"href":"https:\/\/deino.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}