{"id":402,"date":"2026-10-30T10:30:45","date_gmt":"2026-10-30T10:30:45","guid":{"rendered":"https:\/\/karangrowth.com\/?page_id=402"},"modified":"2026-10-30T10:33:43","modified_gmt":"2026-10-30T10:33:43","slug":"1-to-1-sales-funnel","status":"publish","type":"page","link":"https:\/\/karangrowth.com\/?page_id=402","title":{"rendered":"1-to-1 Sales Funnel"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"402\" class=\"elementor elementor-402\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3407138 e-con e-atomic-element e-flexbox-base e-default-div e-2986c32 \" data-id=\"3407138\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3407138\">\n    \t\t<div class=\"elementor-element elementor-element-2be632e elementor-widget elementor-widget-html\" data-id=\"2be632e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!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.0\">\r\n  <meta name=\"description\" content=\"Get a professional, responsive website for your business. Book a free discovery call with Karan Web Studio.\">\r\n  <title>Karan Web Studio | Websites That Grow Your Business<\/title>\r\n\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=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n  <style>\r\n    :root {\r\n      --navy: #101b35;\r\n      --blue: #4169e1;\r\n      --light: #f4f7fc;\r\n      --white: #ffffff;\r\n      --text: #536078;\r\n      --gold: #f2b84b;\r\n    }\r\n\r\n    * {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    html {\r\n      scroll-behavior: smooth;\r\n    }\r\n\r\n    body {\r\n      font-family: 'DM Sans', sans-serif;\r\n      color: var(--navy);\r\n      line-height: 1.6;\r\n      background: var(--white);\r\n    }\r\n\r\n    h1, h2, h3 {\r\n      font-family: 'Manrope', sans-serif;\r\n      line-height: 1.2;\r\n    }\r\n\r\n    a {\r\n      text-decoration: none;\r\n      color: inherit;\r\n    }\r\n\r\n    button, input, select, textarea {\r\n      font: inherit;\r\n    }\r\n\r\n    .container {\r\n      width: min(1120px, 90%);\r\n      margin: auto;\r\n    }\r\n\r\n    .section {\r\n      padding: 85px 0;\r\n    }\r\n\r\n    .section-heading {\r\n      text-align: center;\r\n      max-width: 680px;\r\n      margin: 0 auto 45px;\r\n    }\r\n\r\n    .section-heading h2 {\r\n      font-size: clamp(30px, 4vw, 42px);\r\n      margin-bottom: 14px;\r\n    }\r\n\r\n    .section-heading p {\r\n      color: var(--text);\r\n    }\r\n\r\n    .eyebrow {\r\n      display: inline-block;\r\n      color: var(--blue);\r\n      background: #eaf0ff;\r\n      padding: 7px 14px;\r\n      border-radius: 30px;\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .btn {\r\n      display: inline-block;\r\n      background: var(--blue);\r\n      color: white;\r\n      padding: 14px 25px;\r\n      border-radius: 7px;\r\n      font-weight: 700;\r\n      border: 0;\r\n      cursor: pointer;\r\n      transition: .3s ease;\r\n    }\r\n\r\n    .btn:hover {\r\n      background: #294bb6;\r\n      transform: translateY(-3px);\r\n      box-shadow: 0 10px 24px #4169e133;\r\n    }\r\n\r\n    \/* Navigation *\/\r\n    header {\r\n      background: white;\r\n      position: sticky;\r\n      top: 0;\r\n      z-index: 100;\r\n      box-shadow: 0 2px 15px #101b350d;\r\n    }\r\n\r\n    nav {\r\n      min-height: 76px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n    }\r\n\r\n    .logo {\r\n      font-family: 'Manrope', sans-serif;\r\n      font-size: 23px;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .logo span {\r\n      color: var(--blue);\r\n    }\r\n\r\n    .nav-links {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 28px;\r\n      list-style: none;\r\n      font-size: 14px;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .nav-links a:hover {\r\n      color: var(--blue);\r\n    }\r\n\r\n    .menu-toggle {\r\n      display: none;\r\n      background: none;\r\n      border: 0;\r\n      font-size: 28px;\r\n      cursor: pointer;\r\n      color: var(--navy);\r\n    }\r\n\r\n    \/* Hero *\/\r\n    .hero {\r\n      background: linear-gradient(120deg, #101b35, #1c3564);\r\n      color: white;\r\n      padding: 105px 0;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .hero-grid {\r\n      display: grid;\r\n      grid-template-columns: 1.1fr .9fr;\r\n      align-items: center;\r\n      gap: 55px;\r\n    }\r\n\r\n    .hero .eyebrow {\r\n      background: #ffffff18;\r\n      color: #f6c96f;\r\n    }\r\n\r\n    .hero h1 {\r\n      font-size: clamp(38px, 5vw, 59px);\r\n      margin-bottom: 22px;\r\n    }\r\n\r\n    .hero h1 span {\r\n      color: #f2b84b;\r\n    }\r\n\r\n    .hero p {\r\n      color: #d5deef;\r\n      max-width: 570px;\r\n      margin-bottom: 30px;\r\n      font-size: 17px;\r\n    }\r\n\r\n    .hero-note {\r\n      color: #d5deef;\r\n      font-size: 13px;\r\n      margin-top: 17px;\r\n    }\r\n\r\n    .hero-card {\r\n      background: white;\r\n      color: var(--navy);\r\n      border-radius: 18px;\r\n      padding: 35px;\r\n      box-shadow: 0 25px 70px #00000035;\r\n      transform: rotate(2deg);\r\n    }\r\n\r\n    .hero-card h3 {\r\n      font-size: 24px;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .hero-card-item {\r\n      display: flex;\r\n      gap: 14px;\r\n      align-items: center;\r\n      padding: 15px 0;\r\n      border-bottom: 1px solid #edf0f5;\r\n    }\r\n\r\n    .hero-card-item:last-child {\r\n      border: 0;\r\n    }\r\n\r\n    .check {\r\n      width: 34px;\r\n      height: 34px;\r\n      border-radius: 50%;\r\n      background: #e9efff;\r\n      color: var(--blue);\r\n      display: grid;\r\n      place-items: center;\r\n      font-weight: 800;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    \/* Trust strip *\/\r\n    .trust-strip {\r\n      background: var(--light);\r\n      padding: 24px 0;\r\n      text-align: center;\r\n    }\r\n\r\n    .trust-strip p {\r\n      color: var(--text);\r\n      font-weight: 600;\r\n      font-size: 14px;\r\n    }\r\n\r\n    \/* About *\/\r\n    .about-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 55px;\r\n      align-items: center;\r\n    }\r\n\r\n    .about-visual {\r\n      background: linear-gradient(145deg, #dfe8ff, #f2f5ff);\r\n      border-radius: 18px;\r\n      padding: 45px;\r\n      min-height: 330px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    .browser-card {\r\n      background: white;\r\n      padding: 22px;\r\n      border-radius: 12px;\r\n      width: 100%;\r\n      box-shadow: 0 15px 40px #15264c18;\r\n    }\r\n\r\n    .browser-dots {\r\n      display: flex;\r\n      gap: 6px;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .browser-dots i {\r\n      width: 9px;\r\n      height: 9px;\r\n      border-radius: 50%;\r\n      background: #f2b84b;\r\n    }\r\n\r\n    .mock-line {\r\n      height: 10px;\r\n      background: #e9eef8;\r\n      border-radius: 10px;\r\n      margin: 12px 0;\r\n    }\r\n\r\n    .mock-line.short {\r\n      width: 55%;\r\n    }\r\n\r\n    .mock-block {\r\n      height: 95px;\r\n      background: linear-gradient(120deg, #4169e1, #91aaff);\r\n      border-radius: 8px;\r\n      margin-top: 18px;\r\n    }\r\n\r\n    .about-content h2 {\r\n      font-size: 38px;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .about-content p {\r\n      color: var(--text);\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    \/* Services *\/\r\n    .services {\r\n      background: var(--light);\r\n    }\r\n\r\n    .service-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 22px;\r\n    }\r\n\r\n    .service-card {\r\n      background: white;\r\n      padding: 30px;\r\n      border-radius: 13px;\r\n      border: 1px solid #e9edf5;\r\n      transition: .3s;\r\n    }\r\n\r\n    .service-card:hover {\r\n      transform: translateY(-7px);\r\n      box-shadow: 0 15px 35px #101b3512;\r\n    }\r\n\r\n    .service-icon {\r\n      width: 52px;\r\n      height: 52px;\r\n      border-radius: 12px;\r\n      display: grid;\r\n      place-items: center;\r\n      background: #eaf0ff;\r\n      color: var(--blue);\r\n      font-size: 24px;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .service-card h3 {\r\n      font-size: 20px;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .service-card p {\r\n      color: var(--text);\r\n      font-size: 14px;\r\n    }\r\n\r\n    \/* Process *\/\r\n    .process-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 20px;\r\n    }\r\n\r\n    .process-card {\r\n      border-left: 3px solid var(--blue);\r\n      padding: 10px 18px;\r\n    }\r\n\r\n    .process-number {\r\n      color: var(--blue);\r\n      font-size: 14px;\r\n      font-weight: 800;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .process-card h3 {\r\n      font-size: 18px;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .process-card p {\r\n      color: var(--text);\r\n      font-size: 14px;\r\n    }\r\n\r\n    \/* Testimonials *\/\r\n    .testimonials {\r\n      background: var(--light);\r\n    }\r\n\r\n    .testimonial-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 22px;\r\n    }\r\n\r\n    .testimonial-card {\r\n      background: white;\r\n      padding: 28px;\r\n      border-radius: 12px;\r\n      border: 1px solid #e9edf5;\r\n    }\r\n\r\n    .stars {\r\n      color: #e6a52c;\r\n      margin-bottom: 15px;\r\n      letter-spacing: 3px;\r\n    }\r\n\r\n    .testimonial-card p {\r\n      color: var(--text);\r\n      font-size: 14px;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .testimonial-card strong {\r\n      font-size: 14px;\r\n    }\r\n\r\n    \/* Contact form *\/\r\n    .contact-grid {\r\n      display: grid;\r\n      grid-template-columns: .8fr 1.2fr;\r\n      gap: 55px;\r\n      align-items: start;\r\n    }\r\n\r\n    .contact-info h2 {\r\n      font-size: 38px;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .contact-info p {\r\n      color: var(--text);\r\n      margin-bottom: 22px;\r\n    }\r\n\r\n    .contact-detail {\r\n      margin: 16px 0;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .contact-form {\r\n      background: var(--light);\r\n      padding: 32px;\r\n      border-radius: 14px;\r\n    }\r\n\r\n    .contact-form h3 {\r\n      font-size: 25px;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .form-intro {\r\n      color: var(--text);\r\n      font-size: 14px;\r\n      margin-bottom: 22px;\r\n    }\r\n\r\n    .form-group {\r\n      margin-bottom: 17px;\r\n    }\r\n\r\n    .form-group label {\r\n      display: block;\r\n      font-size: 14px;\r\n      font-weight: 700;\r\n      margin-bottom: 7px;\r\n    }\r\n\r\n    .form-group input,\r\n    .form-group select,\r\n    .form-group textarea {\r\n      width: 100%;\r\n      padding: 13px;\r\n      border: 1px solid #d9e0ec;\r\n      border-radius: 7px;\r\n      background: white;\r\n      color: var(--navy);\r\n      outline: none;\r\n    }\r\n\r\n    .form-group input:focus,\r\n    .form-group select:focus,\r\n    .form-group textarea:focus {\r\n      border-color: var(--blue);\r\n      box-shadow: 0 0 0 3px #4169e11c;\r\n    }\r\n\r\n    .form-group textarea {\r\n      resize: vertical;\r\n      min-height: 100px;\r\n    }\r\n\r\n    .contact-form .btn {\r\n      width: 100%;\r\n    }\r\n\r\n    #form-message {\r\n      margin-top: 15px;\r\n      color: #176b3a;\r\n      font-weight: 600;\r\n      font-size: 14px;\r\n    }\r\n\r\n    \/* CTA *\/\r\n    .final-cta {\r\n      background: var(--navy);\r\n      color: white;\r\n      text-align: center;\r\n      padding: 75px 20px;\r\n    }\r\n\r\n    .final-cta h2 {\r\n      font-size: clamp(30px, 4vw, 43px);\r\n      margin-bottom: 15px;\r\n    }\r\n\r\n    .final-cta p {\r\n      color: #d5deef;\r\n      margin-bottom: 25px;\r\n    }\r\n\r\n    \/* Footer *\/\r\n    footer {\r\n      background: #0a1328;\r\n      color: white;\r\n      padding: 35px 0;\r\n    }\r\n\r\n    .footer-content {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      gap: 20px;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .footer-content p {\r\n      color: #b9c4d9;\r\n      font-size: 13px;\r\n    }\r\n\r\n    .social-links {\r\n      display: flex;\r\n      gap: 18px;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .social-links a:hover {\r\n      color: #f2b84b;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 850px) {\r\n      .hero-grid,\r\n      .about-grid,\r\n      .contact-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .hero-card {\r\n        transform: none;\r\n      }\r\n\r\n      .service-grid,\r\n      .testimonial-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\r\n\r\n      .process-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 650px) {\r\n      .section {\r\n        padding: 65px 0;\r\n      }\r\n\r\n      nav {\r\n        min-height: 68px;\r\n      }\r\n\r\n      .menu-toggle {\r\n        display: block;\r\n      }\r\n\r\n      .nav-links {\r\n        display: none;\r\n        position: absolute;\r\n        top: 68px;\r\n        left: 0;\r\n        width: 100%;\r\n        background: white;\r\n        padding: 22px 5%;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 18px;\r\n        box-shadow: 0 12px 20px #101b3510;\r\n      }\r\n\r\n      .nav-links.active {\r\n        display: flex;\r\n      }\r\n\r\n      .nav-links .btn {\r\n        width: 100%;\r\n        text-align: center;\r\n      }\r\n\r\n      .hero {\r\n        padding: 75px 0;\r\n      }\r\n\r\n      .hero h1 {\r\n        font-size: 39px;\r\n      }\r\n\r\n      .hero-card {\r\n        padding: 25px;\r\n      }\r\n\r\n      .service-grid,\r\n      .testimonial-grid,\r\n      .process-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .about-visual {\r\n        padding: 25px;\r\n        min-height: 260px;\r\n      }\r\n\r\n      .contact-form {\r\n        padding: 22px;\r\n      }\r\n\r\n      .footer-content {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n  <!-- Navigation -->\r\n  <header>\r\n    <nav class=\"container\" aria-label=\"Main navigation\">\r\n      <a href=\"#home\" class=\"logo\">Karan<span>.<\/span>Studio<\/a>\r\n\r\n      <button class=\"menu-toggle\" id=\"menuToggle\"\r\n        aria-label=\"Open navigation menu\" aria-expanded=\"false\">\u2630<\/button>\r\n\r\n      <ul class=\"nav-links\" id=\"navLinks\">\r\n        <li><a href=\"#home\">Home<\/a><\/li>\r\n        <li><a href=\"#about\">About<\/a><\/li>\r\n        <li><a href=\"#services\">Services<\/a><\/li>\r\n        <li><a href=\"#process\">Our Process<\/a><\/li>\r\n        <li><a href=\"#contact\" class=\"btn\">Book a Free Call<\/a><\/li>\r\n      <\/ul>\r\n    <\/nav>\r\n  <\/header>\r\n\r\n  <main>\r\n    <!-- Hero -->\r\n    <section class=\"hero\" id=\"home\">\r\n      <div class=\"container hero-grid\">\r\n        <div>\r\n          <span class=\"eyebrow\">YOUR BUSINESS DESERVES A BETTER WEBSITE<\/span>\r\n          <h1>Get a Professional Website That <span>Grows Your Business.<\/span><\/h1>\r\n          <p>\r\n            Turn your business ideas into a powerful online presence.\r\n            We create modern, responsive and user-friendly websites\r\n            designed to build trust and generate enquiries.\r\n          <\/p>\r\n          <a href=\"#contact\" class=\"btn\">Get Your Free Consultation \u2192<\/a>\r\n          <div class=\"hero-note\">No obligation. Let's discuss your project first.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"hero-card\">\r\n          <h3>Your Website Project Starts Here<\/h3>\r\n          <div class=\"hero-card-item\">\r\n            <span class=\"check\">\u2713<\/span>\r\n            <div><strong>Modern Design<\/strong><br><small>Professional and attractive layouts<\/small><\/div>\r\n          <\/div>\r\n          <div class=\"hero-card-item\">\r\n            <span class=\"check\">\u2713<\/span>\r\n            <div><strong>Mobile Responsive<\/strong><br><small>Works across phones and desktops<\/small><\/div>\r\n          <\/div>\r\n          <div class=\"hero-card-item\">\r\n            <span class=\"check\">\u2713<\/span>\r\n            <div><strong>SEO-Friendly Structure<\/strong><br><small>Built with search visibility in mind<\/small><\/div>\r\n          <\/div>\r\n          <div class=\"hero-card-item\">\r\n            <span class=\"check\">\u2713<\/span>\r\n            <div><strong>Clear Call-to-Action<\/strong><br><small>Make it easy for visitors to contact you<\/small><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- Trust strip -->\r\n    <section class=\"trust-strip\">\r\n      <div class=\"container\">\r\n        <p>WEBSITE DESIGN \u2022 WORDPRESS DEVELOPMENT \u2022 LANDING PAGES \u2022 BUSINESS WEBSITES<\/p>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- About -->\r\n    <section class=\"section\" id=\"about\">\r\n      <div class=\"container about-grid\">\r\n        <div class=\"about-visual\" aria-label=\"Illustration of a website displayed in a browser window\">\r\n          <div class=\"browser-card\">\r\n            <div class=\"browser-dots\"><i><\/i><i><\/i><i><\/i><\/div>\r\n            <div class=\"mock-line short\"><\/div>\r\n            <div class=\"mock-line\"><\/div>\r\n            <div class=\"mock-line\" style=\"width:75%\"><\/div>\r\n            <div class=\"mock-block\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"about-content\">\r\n          <span class=\"eyebrow\">ABOUT KARAN WEB STUDIO<\/span>\r\n          <h2>We Build Websites That Make Your Business Stand Out.<\/h2>\r\n          <p>\r\n            Karan Web Studio helps entrepreneurs, freelancers and growing\r\n            businesses establish a professional digital presence.\r\n          <\/p>\r\n          <p>\r\n            From business websites to conversion-focused landing pages,\r\n            our approach combines clean design, easy navigation and\r\n            responsive development.\r\n          <\/p>\r\n          <a href=\"#contact\" class=\"btn\">Discuss Your Project<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- Services -->\r\n    <section class=\"section services\" id=\"services\">\r\n      <div class=\"container\">\r\n        <div class=\"section-heading\">\r\n          <span class=\"eyebrow\">WHAT WE OFFER<\/span>\r\n          <h2>Website Solutions for Your Business<\/h2>\r\n          <p>Choose the right digital solution for your business goals.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"service-grid\">\r\n          <article class=\"service-card\">\r\n            <div class=\"service-icon\">\u2726<\/div>\r\n            <h3>Business Website<\/h3>\r\n            <p>A professional website to introduce your company, showcase your services and build customer trust.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"service-card\">\r\n            <div class=\"service-icon\">\u25a3<\/div>\r\n            <h3>Landing Page Design<\/h3>\r\n            <p>Focused landing pages designed to encourage visitors to enquire, register or take action.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"service-card\">\r\n            <div class=\"service-icon\">\ud83d\udecd<\/div>\r\n            <h3>E-commerce Website<\/h3>\r\n            <p>Online stores where customers can explore products and shop through a convenient experience.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"service-card\">\r\n            <div class=\"service-icon\">\u2318<\/div>\r\n            <h3>WordPress Development<\/h3>\r\n            <p>Manageable WordPress websites built around your brand, content and business requirements.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"service-card\">\r\n            <div class=\"service-icon\">\u25ce<\/div>\r\n            <h3>Website Redesign<\/h3>\r\n            <p>Refresh an outdated website with a cleaner layout, improved usability and modern presentation.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"service-card\">\r\n            <div class=\"service-icon\">\u2197<\/div>\r\n            <h3>Website SEO Setup<\/h3>\r\n            <p>Basic on-page SEO structure, headings, metadata and search-friendly website foundations.<\/p>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- Process -->\r\n    <section class=\"section\" id=\"process\">\r\n      <div class=\"container\">\r\n        <div class=\"section-heading\">\r\n          <span class=\"eyebrow\">HOW IT WORKS<\/span>\r\n          <h2>A Simple Process From Idea to Launch<\/h2>\r\n          <p>Every project starts with understanding your business and ends with a website built around your goals.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"process-grid\">\r\n          <div class=\"process-card\">\r\n            <div class=\"process-number\">STEP 01<\/div>\r\n            <h3>Share Your Requirements<\/h3>\r\n            <p>Complete the enquiry form and tell us about your business, goals and budget.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"process-card\">\r\n            <div class=\"process-number\">STEP 02<\/div>\r\n            <h3>Discovery Meeting<\/h3>\r\n            <p>Discuss your ideas, audience, features and project expectations in a consultation.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"process-card\">\r\n            <div class=\"process-number\">STEP 03<\/div>\r\n            <h3>Custom Proposal<\/h3>\r\n            <p>Receive a project proposal with the suggested scope, timeline and pricing.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"process-card\">\r\n            <div class=\"process-number\">STEP 04<\/div>\r\n            <h3>Build & Launch<\/h3>\r\n            <p>Once approved, we work on your website and prepare it for launch.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- Testimonials -->\r\n    <section class=\"section testimonials\">\r\n      <div class=\"container\">\r\n        <div class=\"section-heading\">\r\n          <span class=\"eyebrow\">CLIENT EXPERIENCE<\/span>\r\n          <h2>What Clients Value<\/h2>\r\n          <p>Clear communication and a thoughtful website experience matter at every stage.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"testimonial-grid\">\r\n          <article class=\"testimonial-card\">\r\n            <div class=\"stars\" aria-label=\"Five stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n            <p>\u201cThe project process was clear and easy to understand. I appreciated the focus on my business goals.\u201d<\/p>\r\n            <strong>Sample Client \u2013 Small Business Owner<\/strong>\r\n          <\/article>\r\n\r\n          <article class=\"testimonial-card\">\r\n            <div class=\"stars\" aria-label=\"Five stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n            <p>\u201cThe website layout was clean, professional and easy to navigate on mobile.\u201d<\/p>\r\n            <strong>Sample Client \u2013 Service Provider<\/strong>\r\n          <\/article>\r\n\r\n          <article class=\"testimonial-card\">\r\n            <div class=\"stars\" aria-label=\"Five stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n            <p>\u201cCommunication throughout the planning process made it easier to explain what I needed.\u201d<\/p>\r\n            <strong>Sample Client \u2013 Entrepreneur<\/strong>\r\n          <\/article>\r\n        <\/div>\r\n        <p style=\"text-align:center;color:#536078;font-size:12px;margin-top:20px;\">\r\n          Note: These are sample testimonials for layout demonstration. Replace them with genuine client feedback before publishing.\r\n        <\/p>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- Contact \/ Lead Form -->\r\n    <section class=\"section\" id=\"contact\">\r\n      <div class=\"container contact-grid\">\r\n        <div class=\"contact-info\">\r\n          <span class=\"eyebrow\">LET'S TALK BUSINESS<\/span>\r\n          <h2>Tell Us About Your Website Project.<\/h2>\r\n          <p>\r\n            Share a few details about your business. We'll use this\r\n            information to understand your requirements before arranging\r\n            a discovery conversation.\r\n          <\/p>\r\n\r\n          <div class=\"contact-detail\">\u2709 Email: hello@yourdomain.com<\/div>\r\n          <div class=\"contact-detail\">\ud83d\udccd Location: Delhi, India<\/div>\r\n          <div class=\"contact-detail\">\u25f7 Consultation: By appointment<\/div>\r\n        <\/div>\r\n\r\n        <form class=\"contact-form\" id=\"leadForm\">\r\n          <h3>Get Your Free Consultation<\/h3>\r\n          <p class=\"form-intro\">Complete the form to discuss your project.<\/p>\r\n\r\n          <div class=\"form-group\">\r\n            <label for=\"name\">Your Name *<\/label>\r\n            <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"Enter your full name\" required>\r\n          <\/div>\r\n\r\n          <div class=\"form-group\">\r\n            <label for=\"email\">Email Address *<\/label>\r\n            <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"you@example.com\" required>\r\n          <\/div>\r\n\r\n          <div class=\"form-group\">\r\n            <label for=\"phone\">Phone Number *<\/label>\r\n            <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"Enter your phone number\" required>\r\n          <\/div>\r\n\r\n          <div class=\"form-group\">\r\n            <label for=\"business\">Business Type *<\/label>\r\n            <select id=\"business\" name=\"business\" required>\r\n              <option value=\"\">Select your business type<\/option>\r\n              <option>Small Business<\/option>\r\n              <option>Startup<\/option>\r\n              <option>Freelancer<\/option>\r\n              <option>Coach \/ Consultant<\/option>\r\n              <option>E-commerce<\/option>\r\n              <option>Other<\/option>\r\n            <\/select>\r\n          <\/div>\r\n\r\n          <div class=\"form-group\">\r\n            <label for=\"budget\">Estimated Budget *<\/label>\r\n            <select id=\"budget\" name=\"budget\" required>\r\n              <option value=\"\">Select your budget<\/option>\r\n              <option>Below \u20b915,000<\/option>\r\n              <option>\u20b915,000 \u2013 \u20b930,000<\/option>\r\n              <option>\u20b930,000 \u2013 \u20b950,000<\/option>\r\n              <option>\u20b950,000 \u2013 \u20b91,00,000<\/option>\r\n              <option>Above \u20b91,00,000<\/option>\r\n            <\/select>\r\n          <\/div>\r\n\r\n          <div class=\"form-group\">\r\n            <label for=\"goals\">Tell Us About Your Project *<\/label>\r\n            <textarea id=\"goals\" name=\"goals\" placeholder=\"What kind of website do you need, and what should it achieve?\" required><\/textarea>\r\n          <\/div>\r\n\r\n          <button type=\"submit\" class=\"btn\">Submit Project Details \u2192<\/button>\r\n          <p id=\"form-message\" role=\"status\" aria-live=\"polite\"><\/p>\r\n        <\/form>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- Final CTA -->\r\n    <section class=\"final-cta\">\r\n      <div class=\"container\">\r\n        <h2>Ready to Build Your Business Website?<\/h2>\r\n        <p>Start with a conversation. Let's understand your goals and plan your next step.<\/p>\r\n        <a href=\"#contact\" class=\"btn\">Book Your Free Discovery Call<\/a>\r\n      <\/div>\r\n    <\/section>\r\n  <\/main>\r\n\r\n  <!-- Footer -->\r\n  <footer>\r\n    <div class=\"container footer-content\">\r\n      <div>\r\n        <a href=\"#home\" class=\"logo\">Karan<span style=\"color:#f2b84b\">.<\/span>Studio<\/a>\r\n        <p>Professional websites for growing businesses.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"social-links\">\r\n        <a href=\"https:\/\/www.instagram.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Instagram<\/a>\r\n        <a href=\"https:\/\/www.linkedin.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">LinkedIn<\/a>\r\n        <a href=\"https:\/\/www.facebook.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Facebook<\/a>\r\n      <\/div>\r\n\r\n      <p>\u00a9 <span id=\"year\"><\/span> Karan Web Studio. All rights reserved.<\/p>\r\n    <\/div>\r\n  <\/footer>\r\n\r\n  <script>\r\n    \/\/ Mobile navigation\r\n    const menuToggle = document.getElementById('menuToggle');\r\n    const navLinks = document.getElementById('navLinks');\r\n\r\n    menuToggle.addEventListener('click', () => {\r\n      const isOpen = navLinks.classList.toggle('active');\r\n      menuToggle.setAttribute('aria-expanded', isOpen);\r\n      menuToggle.setAttribute(\r\n        'aria-label',\r\n        isOpen ? 'Close navigation menu' : 'Open navigation menu'\r\n      );\r\n      menuToggle.textContent = isOpen ? '\u00d7' : '\u2630';\r\n    });\r\n\r\n    \/\/ Close mobile menu after selecting a link\r\n    document.querySelectorAll('.nav-links a').forEach(link => {\r\n      link.addEventListener('click', () => {\r\n        navLinks.classList.remove('active');\r\n        menuToggle.setAttribute('aria-expanded', 'false');\r\n        menuToggle.setAttribute('aria-label', 'Open navigation menu');\r\n        menuToggle.textContent = '\u2630';\r\n      });\r\n    });\r\n\r\n    \/\/ Demo lead form\r\n    document.getElementById('leadForm').addEventListener('submit', function(event) {\r\n      event.preventDefault();\r\n\r\n      const name = document.getElementById('name').value.trim();\r\n      document.getElementById('form-message').textContent =\r\n        `Thank you, ${name}! Your form has been completed in this demo. Connect a form service to receive enquiries.`;\r\n\r\n      this.reset();\r\n    });\r\n\r\n    \/\/ Current year\r\n    document.getElementById('year').textContent = new Date().getFullYear();\r\n  <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Karan Web Studio | Websites That Grow Your Business Karan.Studio \u2630 Home About Services Our Process Book a Free Call YOUR BUSINESS DESERVES A BETTER WEBSITE Get a Professional Website That Grows Your Business. Turn your business ideas into a powerful online presence. We create modern, responsive and user-friendly websites designed to build trust and generate enquiries. Get Your Free Consultation \u2192 No obligation. Let&#8217;s discuss your project first. Your Website Project Starts Here \u2713 Modern DesignProfessional and attractive layouts \u2713 Mobile ResponsiveWorks across phones and desktops \u2713 SEO-Friendly StructureBuilt with search visibility in mind \u2713 Clear Call-to-ActionMake it easy for visitors to contact you WEBSITE DESIGN \u2022 WORDPRESS DEVELOPMENT \u2022 LANDING PAGES \u2022 BUSINESS WEBSITES ABOUT KARAN WEB STUDIO We Build Websites That Make Your Business Stand Out. Karan Web Studio helps entrepreneurs, freelancers and growing businesses establish a professional digital presence. From business websites to conversion-focused landing pages, our approach combines clean design, easy navigation and responsive development. Discuss Your Project WHAT WE OFFER Website Solutions for Your Business Choose the right digital solution for your business goals. \u2726 Business Website A professional website to introduce your company, showcase your services and build customer trust. \u25a3 Landing Page Design Focused landing pages designed to encourage visitors to enquire, register or take action. \ud83d\udecd E-commerce Website Online stores where customers can explore products and shop through a convenient experience. \u2318 WordPress Development Manageable WordPress websites built around your brand, content and business requirements. \u25ce Website Redesign Refresh an outdated website with a cleaner layout, improved usability and modern presentation. \u2197 Website SEO Setup Basic on-page SEO structure, headings, metadata and search-friendly website foundations. HOW IT WORKS A Simple Process From Idea to Launch Every project starts with understanding your business and ends with a website built around your goals. STEP 01 Share Your Requirements Complete the enquiry form and tell us about your business, goals and budget. STEP 02 Discovery Meeting Discuss your ideas, audience, features and project expectations in a consultation. STEP 03 Custom Proposal Receive a project proposal with the suggested scope, timeline and pricing. STEP 04 Build &#038; Launch Once approved, we work on your website and prepare it for launch. CLIENT EXPERIENCE What Clients Value Clear communication and a thoughtful website experience matter at every stage. \u2605\u2605\u2605\u2605\u2605 \u201cThe project process was clear and easy to understand. I appreciated the focus on my business goals.\u201d Sample Client \u2013 Small Business Owner \u2605\u2605\u2605\u2605\u2605 \u201cThe website layout was clean, professional and easy to navigate on mobile.\u201d Sample Client \u2013 Service Provider \u2605\u2605\u2605\u2605\u2605 \u201cCommunication throughout the planning process made it easier to explain what I needed.\u201d Sample Client \u2013 Entrepreneur Note: These are sample testimonials for layout demonstration. Replace them with genuine client feedback before publishing. LET&#8217;S TALK BUSINESS Tell Us About Your Website Project. Share a few details about your business. We&#8217;ll use this information to understand your requirements before arranging a discovery conversation. \u2709 Email: hello@yourdomain.com \ud83d\udccd Location: Delhi, India \u25f7 Consultation: By appointment Get Your Free Consultation Complete the form to discuss your project. Your Name * Email Address * Phone Number * Business Type * Select your business typeSmall BusinessStartupFreelancerCoach \/ ConsultantE-commerceOther Estimated Budget * Select your budgetBelow \u20b915,000\u20b915,000 \u2013 \u20b930,000\u20b930,000 \u2013 \u20b950,000\u20b950,000 \u2013 \u20b91,00,000Above \u20b91,00,000 Tell Us About Your Project * Submit Project Details \u2192 Ready to Build Your Business Website? Start with a conversation. Let&#8217;s understand your goals and plan your next step. Book Your Free Discovery Call Karan.Studio Professional websites for growing businesses. Instagram LinkedIn Facebook \u00a9 Karan Web Studio. All rights reserved.<\/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-402","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/karangrowth.com\/index.php?rest_route=\/wp\/v2\/pages\/402","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/karangrowth.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/karangrowth.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/karangrowth.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/karangrowth.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=402"}],"version-history":[{"count":4,"href":"https:\/\/karangrowth.com\/index.php?rest_route=\/wp\/v2\/pages\/402\/revisions"}],"predecessor-version":[{"id":406,"href":"https:\/\/karangrowth.com\/index.php?rest_route=\/wp\/v2\/pages\/402\/revisions\/406"}],"wp:attachment":[{"href":"https:\/\/karangrowth.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}