{"id":72,"date":"2026-09-28T07:32:16","date_gmt":"2026-09-28T07:32:16","guid":{"rendered":"https:\/\/sharmadigital.com\/?page_id=72"},"modified":"2026-10-08T08:23:31","modified_gmt":"2026-10-08T08:23:31","slug":"ai-website","status":"publish","type":"page","link":"https:\/\/sharmadigital.com\/","title":{"rendered":"AI WEBSITE"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"72\" class=\"elementor elementor-72\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c20cba8 e-con-full e-flex e-con e-parent\" data-id=\"c20cba8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3863554 elementor-widget elementor-widget-html\" data-id=\"3863554\" data-element_type=\"widget\" data-e-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.0\">\r\n\r\n<title>Sharma Digital | Digital Marketing Agency<\/title>\r\n<meta name=\"description\" content=\"Sharma Digital helps businesses grow with professional SEO, website design, social media marketing, Google Ads and digital marketing services.\">\r\n<meta name=\"theme-color\" content=\"#080d27\">\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* =========================\r\n   SHARMA DIGITAL WEBSITE\r\n========================= *\/\r\n\r\n:root {\r\n  --bg: #080d27;\r\n  --bg2: #101838;\r\n  --card: #121c3b;\r\n  --purple: #8055ff;\r\n  --blue: #3b82f6;\r\n  --cyan: #22d3ee;\r\n  --white: #ffffff;\r\n  --muted: #a5b1d1;\r\n  --border: rgba(255,255,255,.1);\r\n}\r\n\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n  scroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\n  font-family: 'Inter', sans-serif;\r\n  background: var(--bg);\r\n  color: var(--white);\r\n  line-height: 1.7;\r\n  overflow-x: hidden;\r\n}\r\n\r\na {\r\n  text-decoration: none;\r\n  color: inherit;\r\n}\r\n\r\nimg {\r\n  max-width: 100%;\r\n}\r\n\r\n.container {\r\n  width: min(1150px, 90%);\r\n  margin: auto;\r\n}\r\n\r\nsection {\r\n  padding: 100px 0;\r\n  scroll-margin-top: 80px;\r\n}\r\n\r\n.gradient-text {\r\n  background: linear-gradient(90deg, #a78bfa, #22d3ee);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.section-heading {\r\n  text-align: center;\r\n  margin-bottom: 55px;\r\n}\r\n\r\n.section-heading span {\r\n  color: var(--cyan);\r\n  text-transform: uppercase;\r\n  font-size: 13px;\r\n  letter-spacing: 3px;\r\n  font-weight: 700;\r\n}\r\n\r\n.section-heading h2 {\r\n  font-size: clamp(30px, 4vw, 45px);\r\n  line-height: 1.25;\r\n  margin: 15px 0;\r\n  font-weight: 800;\r\n}\r\n\r\n.section-heading p {\r\n  color: var(--muted);\r\n  max-width: 650px;\r\n  margin: auto;\r\n}\r\n\r\n.btn {\r\n  display: inline-flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 14px 26px;\r\n  border-radius: 9px;\r\n  background: linear-gradient(100deg, var(--purple), var(--blue));\r\n  color: white;\r\n  border: none;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  transition: .3s;\r\n}\r\n\r\n.btn:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 12px 35px #8055ff55;\r\n}\r\n\r\n.btn-outline {\r\n  background: transparent;\r\n  border: 1px solid var(--border);\r\n}\r\n\r\n.btn-outline:hover {\r\n  background: #ffffff12;\r\n}\r\n\r\n\/* HERO *\/\r\n\r\n.hero {\r\n  min-height: 650px;\r\n  padding: 100px 0 90px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background:\r\n    radial-gradient(ellipse at 80% 20%, #5935bd35, transparent 45%),\r\n    radial-gradient(ellipse at 10% 90%, #087dbe20, transparent 40%);\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: 50px;\r\n}\r\n\r\n.hero-tag {\r\n  display: inline-flex;\r\n  gap: 9px;\r\n  align-items: center;\r\n  padding: 8px 16px;\r\n  border: 1px solid #8055ff55;\r\n  border-radius: 50px;\r\n  background: #8055ff12;\r\n  color: #c4b5fd;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.hero-tag i {\r\n  width: 8px;\r\n  height: 8px;\r\n  background: #22d3ee;\r\n  border-radius: 50%;\r\n}\r\n\r\n.hero h1 {\r\n  font-size: clamp(42px, 5.2vw, 67px);\r\n  line-height: 1.12;\r\n  font-weight: 900;\r\n  letter-spacing: -2.5px;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.hero p {\r\n  font-size: 17px;\r\n  color: var(--muted);\r\n  max-width: 550px;\r\n  margin-bottom: 32px;\r\n}\r\n\r\n.hero-buttons {\r\n  display: flex;\r\n  gap: 15px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.hero-note {\r\n  margin-top: 35px;\r\n  font-size: 13px;\r\n  color: #8997bd;\r\n}\r\n\r\n\/* DASHBOARD *\/\r\n\r\n.dashboard {\r\n  position: relative;\r\n  padding: 30px;\r\n  border-radius: 24px;\r\n  background: linear-gradient(145deg, #19244a, #101630);\r\n  border: 1px solid #ffffff20;\r\n  box-shadow: 0 30px 100px #0006;\r\n  transform: perspective(1000px) rotateY(-5deg);\r\n}\r\n\r\n.dash-top {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.dash-top h3 {\r\n  font-size: 17px;\r\n}\r\n\r\n.live {\r\n  font-size: 11px;\r\n  color: #4ade80;\r\n  background: #4ade8018;\r\n  padding: 6px 10px;\r\n  border-radius: 20px;\r\n}\r\n\r\n.dash-card {\r\n  background: #ffffff08;\r\n  border: 1px solid var(--border);\r\n  border-radius: 15px;\r\n  padding: 20px;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.dash-card small {\r\n  color: var(--muted);\r\n}\r\n\r\n.dash-card h2 {\r\n  font-size: 34px;\r\n  margin: 5px 0;\r\n}\r\n\r\n.dash-card .growth {\r\n  color: #4ade80;\r\n  font-size: 12px;\r\n}\r\n\r\n.chart {\r\n  display: flex;\r\n  align-items: end;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  height: 140px;\r\n  padding-top: 15px;\r\n}\r\n\r\n.bar {\r\n  flex: 1;\r\n  min-width: 10px;\r\n  background: linear-gradient(to top, #8055ff, #22d3ee);\r\n  border-radius: 7px 7px 0 0;\r\n  animation: grow 1.5s ease-out;\r\n}\r\n\r\n@keyframes grow {\r\n  from { height: 0; }\r\n}\r\n\r\n.dash-bottom {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 15px;\r\n}\r\n\r\n.mini-card {\r\n  padding: 18px;\r\n  background: #ffffff08;\r\n  border: 1px solid var(--border);\r\n  border-radius: 12px;\r\n}\r\n\r\n.mini-card small {\r\n  color: var(--muted);\r\n}\r\n\r\n.mini-card h3 {\r\n  margin-top: 5px;\r\n  font-size: 23px;\r\n}\r\n\r\n\/* TRUST STRIP *\/\r\n\r\n.trust-strip {\r\n  border-top: 1px solid var(--border);\r\n  border-bottom: 1px solid var(--border);\r\n  padding: 28px 0;\r\n  background: #ffffff04;\r\n}\r\n\r\n.trust-grid {\r\n  display: flex;\r\n  justify-content: space-around;\r\n  gap: 20px;\r\n  flex-wrap: wrap;\r\n  color: #a8b4d2;\r\n  font-weight: 700;\r\n  font-size: 15px;\r\n}\r\n\r\n.trust-grid span {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n}\r\n\r\n\/* SERVICES *\/\r\n\r\n.services-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 23px;\r\n}\r\n\r\n.service-card {\r\n  background: linear-gradient(145deg, #121c3b, #0e1530);\r\n  border: 1px solid var(--border);\r\n  border-radius: 18px;\r\n  padding: 32px;\r\n  transition: .3s;\r\n}\r\n\r\n.service-card:hover {\r\n  transform: translateY(-8px);\r\n  border-color: #8055ff99;\r\n  box-shadow: 0 20px 50px #0003;\r\n}\r\n\r\n.service-icon {\r\n  width: 58px;\r\n  height: 58px;\r\n  display: grid;\r\n  place-items: center;\r\n  font-size: 27px;\r\n  background: linear-gradient(135deg, #8055ff30, #22d3ee20);\r\n  border: 1px solid #8055ff44;\r\n  border-radius: 15px;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.service-card h3 {\r\n  font-size: 20px;\r\n  margin-bottom: 13px;\r\n}\r\n\r\n.service-card p {\r\n  font-size: 14px;\r\n  color: var(--muted);\r\n  margin-bottom: 22px;\r\n}\r\n\r\n.service-card a {\r\n  color: var(--cyan);\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* ABOUT *\/\r\n\r\n.about {\r\n  background: #ffffff04;\r\n  border-top: 1px solid var(--border);\r\n  border-bottom: 1px solid var(--border);\r\n}\r\n\r\n.about-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  align-items: center;\r\n  gap: 65px;\r\n}\r\n\r\n.about-visual {\r\n  min-height: 430px;\r\n  border-radius: 25px;\r\n  position: relative;\r\n  display: grid;\r\n  place-items: center;\r\n  background:\r\n    radial-gradient(circle at 50% 50%, #8055ff55, transparent 60%),\r\n    linear-gradient(135deg, #18254a, #10162e);\r\n  border: 1px solid var(--border);\r\n}\r\n\r\n.about-circle {\r\n  width: 250px;\r\n  height: 250px;\r\n  border-radius: 50%;\r\n  border: 1px solid #22d3ee66;\r\n  display: grid;\r\n  place-items: center;\r\n  background: #22d3ee08;\r\n  box-shadow: 0 0 80px #8055ff33;\r\n}\r\n\r\n.about-circle div {\r\n  text-align: center;\r\n  font-size: 30px;\r\n  font-weight: 900;\r\n}\r\n\r\n.about-circle small {\r\n  display: block;\r\n  font-size: 12px;\r\n  letter-spacing: 3px;\r\n  color: var(--cyan);\r\n}\r\n\r\n.floating-label {\r\n  position: absolute;\r\n  padding: 13px 19px;\r\n  background: #1b2850;\r\n  border: 1px solid var(--border);\r\n  border-radius: 12px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  box-shadow: 0 10px 30px #0005;\r\n}\r\n\r\n.label-one { top: 45px; left: 20px; }\r\n.label-two { right: 20px; top: 170px; }\r\n.label-three { bottom: 40px; left: 40px; }\r\n\r\n.about-content .section-heading {\r\n  text-align: left;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.about-content .section-heading p {\r\n  margin: 0;\r\n}\r\n\r\n.about-content > p {\r\n  color: var(--muted);\r\n  margin: 20px 0;\r\n}\r\n\r\n.check-list {\r\n  list-style: none;\r\n  display: grid;\r\n  gap: 13px;\r\n  margin: 25px 0 32px;\r\n}\r\n\r\n.check-list li {\r\n  color: #d7def3;\r\n  font-size: 15px;\r\n}\r\n\r\n.check-list li::before {\r\n  content: \"\u2713\";\r\n  display: inline-grid;\r\n  place-items: center;\r\n  width: 23px;\r\n  height: 23px;\r\n  margin-right: 12px;\r\n  border-radius: 50%;\r\n  background: #22d3ee20;\r\n  color: var(--cyan);\r\n  font-weight: 800;\r\n}\r\n\r\n\/* PROCESS *\/\r\n\r\n.process-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 25px;\r\n}\r\n\r\n.process-card {\r\n  padding: 28px 23px;\r\n  border: 1px solid var(--border);\r\n  border-radius: 16px;\r\n  background: #ffffff04;\r\n}\r\n\r\n.process-num {\r\n  font-size: 32px;\r\n  color: var(--purple);\r\n  font-weight: 900;\r\n  margin-bottom: 15px;\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  font-size: 14px;\r\n  color: var(--muted);\r\n}\r\n\r\n\/* PORTFOLIO *\/\r\n\r\n.portfolio {\r\n  background: #ffffff04;\r\n}\r\n\r\n.portfolio-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 25px;\r\n}\r\n\r\n.project {\r\n  border-radius: 18px;\r\n  overflow: hidden;\r\n  background: var(--card);\r\n  border: 1px solid var(--border);\r\n  transition: .3s;\r\n}\r\n\r\n.project:hover {\r\n  transform: translateY(-6px);\r\n}\r\n\r\n.project-art {\r\n  min-height: 240px;\r\n  display: grid;\r\n  place-items: center;\r\n  padding: 30px;\r\n  font-size: 45px;\r\n  text-align: center;\r\n}\r\n\r\n.art-one {\r\n  background: linear-gradient(135deg, #4325a5, #101c43);\r\n}\r\n\r\n.art-two {\r\n  background: linear-gradient(135deg, #087f8c, #10223f);\r\n}\r\n\r\n.art-three {\r\n  background: linear-gradient(135deg, #9b4d15, #30183f);\r\n}\r\n\r\n.project-info {\r\n  padding: 25px;\r\n}\r\n\r\n.project-info small {\r\n  color: var(--cyan);\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.project-info h3 {\r\n  margin: 8px 0;\r\n  font-size: 20px;\r\n}\r\n\r\n.project-info p {\r\n  font-size: 14px;\r\n  color: var(--muted);\r\n}\r\n\r\n\/* PRICING *\/\r\n\r\n.pricing-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 25px;\r\n}\r\n\r\n.price-card {\r\n  padding: 35px;\r\n  border-radius: 20px;\r\n  background: linear-gradient(145deg, #121c3b, #0d1430);\r\n  border: 1px solid var(--border);\r\n  position: relative;\r\n}\r\n\r\n.price-card.featured {\r\n  border: 1px solid var(--purple);\r\n  box-shadow: 0 0 40px #8055ff20;\r\n}\r\n\r\n.popular {\r\n  position: absolute;\r\n  top: -14px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  background: linear-gradient(100deg, var(--purple), var(--blue));\r\n  padding: 6px 16px;\r\n  border-radius: 20px;\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n}\r\n\r\n.price-card h3 {\r\n  font-size: 23px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.price-card > p {\r\n  color: var(--muted);\r\n  font-size: 13px;\r\n  min-height: 50px;\r\n}\r\n\r\n.price {\r\n  font-size: 35px;\r\n  font-weight: 900;\r\n  margin: 20px 0;\r\n}\r\n\r\n.price small {\r\n  font-size: 12px;\r\n  color: var(--muted);\r\n  font-weight: 500;\r\n}\r\n\r\n.price-card ul {\r\n  list-style: none;\r\n  display: grid;\r\n  gap: 12px;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.price-card li {\r\n  font-size: 14px;\r\n  color: #d7def3;\r\n}\r\n\r\n.price-card li::before {\r\n  content: \"\u2713\";\r\n  color: var(--cyan);\r\n  margin-right: 9px;\r\n  font-weight: 800;\r\n}\r\n\r\n\/* TESTIMONIALS *\/\r\n\r\n.testimonial-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 25px;\r\n}\r\n\r\n.testimonial {\r\n  padding: 30px;\r\n  border: 1px solid var(--border);\r\n  border-radius: 18px;\r\n  background: linear-gradient(145deg, #121c3b, #0e1530);\r\n}\r\n\r\n.stars {\r\n  color: #fbbf24;\r\n  letter-spacing: 3px;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.testimonial > p {\r\n  color: var(--muted);\r\n  font-size: 14px;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.client {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n\r\n.avatar {\r\n  width: 42px;\r\n  height: 42px;\r\n  display: grid;\r\n  place-items: center;\r\n  border-radius: 50%;\r\n  background: linear-gradient(135deg, var(--purple), var(--blue));\r\n  font-weight: 800;\r\n}\r\n\r\n.client strong {\r\n  display: block;\r\n  font-size: 14px;\r\n}\r\n\r\n.client small {\r\n  display: block;\r\n  color: var(--muted);\r\n  font-size: 12px;\r\n}\r\n\r\n\/* FAQ *\/\r\n\r\n.faq {\r\n  max-width: 800px;\r\n  margin: auto;\r\n}\r\n\r\n.faq details {\r\n  border: 1px solid var(--border);\r\n  border-radius: 13px;\r\n  padding: 20px 23px;\r\n  margin-bottom: 13px;\r\n  background: #ffffff04;\r\n}\r\n\r\n.faq summary {\r\n  cursor: pointer;\r\n  font-weight: 700;\r\n}\r\n\r\n.faq details p {\r\n  color: var(--muted);\r\n  font-size: 14px;\r\n  margin-top: 15px;\r\n}\r\n\r\n\/* CONTACT *\/\r\n\r\n.contact {\r\n  background:\r\n    radial-gradient(circle at 10% 50%, #8055ff22, transparent 40%),\r\n    radial-gradient(circle at 90% 20%, #22d3ee15, transparent 40%);\r\n}\r\n\r\n.contact-grid {\r\n  display: grid;\r\n  grid-template-columns: .8fr 1.2fr;\r\n  gap: 60px;\r\n  align-items: start;\r\n}\r\n\r\n.contact-info h3 {\r\n  font-size: 28px;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.contact-info > p {\r\n  color: var(--muted);\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.contact-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n.contact-item .service-icon {\r\n  margin: 0;\r\n  width: 48px;\r\n  height: 48px;\r\n  font-size: 20px;\r\n}\r\n\r\n.contact-item strong {\r\n  display: block;\r\n}\r\n\r\n.contact-item small {\r\n  display: block;\r\n  color: var(--muted);\r\n}\r\n\r\n.contact-form {\r\n  padding: 35px;\r\n  border: 1px solid var(--border);\r\n  border-radius: 20px;\r\n  background: #ffffff06;\r\n}\r\n\r\n.contact-form h3 {\r\n  font-size: 24px;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.form-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 18px;\r\n}\r\n\r\n.field {\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.field label {\r\n  display: block;\r\n  font-size: 13px;\r\n  margin-bottom: 7px;\r\n  font-weight: 600;\r\n}\r\n\r\n.field input,\r\n.field select,\r\n.field textarea {\r\n  width: 100%;\r\n  padding: 13px 15px;\r\n  border: 1px solid var(--border);\r\n  border-radius: 9px;\r\n  background: #080d27;\r\n  color: white;\r\n  font-family: inherit;\r\n  outline: none;\r\n}\r\n\r\n.field input:focus,\r\n.field select:focus,\r\n.field textarea:focus {\r\n  border-color: var(--purple);\r\n}\r\n\r\n.field textarea {\r\n  min-height: 130px;\r\n  resize: vertical;\r\n}\r\n\r\n\/* CTA *\/\r\n\r\n.cta {\r\n  padding-top: 40px;\r\n}\r\n\r\n.cta-box {\r\n  text-align: center;\r\n  padding: 70px 30px;\r\n  border-radius: 25px;\r\n  background:\r\n    radial-gradient(circle at 50% 0%, #8055ff55, transparent 60%),\r\n    linear-gradient(145deg, #151f43, #0c1330);\r\n  border: 1px solid var(--border);\r\n}\r\n\r\n.cta-box h2 {\r\n  font-size: clamp(30px, 4vw, 48px);\r\n  line-height: 1.2;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.cta-box p {\r\n  color: var(--muted);\r\n  margin-bottom: 25px;\r\n}\r\n\r\n\/* WHATSAPP *\/\r\n\r\n.whatsapp {\r\n  position: fixed;\r\n  right: 22px;\r\n  bottom: 22px;\r\n  width: 58px;\r\n  height: 58px;\r\n  display: grid;\r\n  place-items: center;\r\n  border-radius: 50%;\r\n  background: #25d366;\r\n  color: white;\r\n  font-size: 30px;\r\n  z-index: 1000;\r\n  box-shadow: 0 10px 30px #25d36655;\r\n}\r\n\r\n\/* REVEAL *\/\r\n\r\n.reveal {\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: .8s ease;\r\n}\r\n\r\n.reveal.visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n  .hero-grid,\r\n  .about-grid,\r\n  .contact-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .services-grid,\r\n  .portfolio-grid,\r\n  .pricing-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  .dashboard {\r\n    transform: none;\r\n  }\r\n}\r\n\r\n@media (max-width: 650px) {\r\n\r\n  section {\r\n    padding: 70px 0;\r\n  }\r\n\r\n  .hero {\r\n    padding: 70px 0;\r\n  }\r\n\r\n  .services-grid,\r\n  .portfolio-grid,\r\n  .pricing-grid,\r\n  .testimonial-grid,\r\n  .process-grid,\r\n  .form-row {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .hero h1 {\r\n    font-size: 42px;\r\n  }\r\n\r\n  .contact-form {\r\n    padding: 25px;\r\n  }\r\n\r\n  .dashboard {\r\n    padding: 20px;\r\n  }\r\n\r\n  .about-visual {\r\n    min-height: 350px;\r\n  }\r\n\r\n  .about-circle {\r\n    width: 200px;\r\n    height: 200px;\r\n  }\r\n\r\n  .floating-label {\r\n    font-size: 11px;\r\n    padding: 10px 13px;\r\n  }\r\n\r\n  .label-one {\r\n    left: 10px;\r\n    top: 30px;\r\n  }\r\n\r\n  .label-two {\r\n    right: 10px;\r\n    top: 140px;\r\n  }\r\n\r\n  .label-three {\r\n    left: 20px;\r\n    bottom: 25px;\r\n  }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<!-- HERO -->\r\n\r\n<section class=\"hero\" id=\"home\">\r\n  <div class=\"container\">\r\n\r\n    <div class=\"hero-grid\">\r\n\r\n      <div class=\"hero-content reveal\">\r\n\r\n        <div class=\"hero-tag\">\r\n          <i><\/i>\r\n          DIGITAL GROWTH PARTNER\r\n        <\/div>\r\n\r\n        <h1>\r\n          Grow Your Business With\r\n          <span class=\"gradient-text\">Smart Digital Marketing<\/span>\r\n        <\/h1>\r\n\r\n        <p>\r\n          Sharma Digital helps businesses build a powerful online presence\r\n          through modern websites, SEO, social media marketing, Google Ads,\r\n          content strategy and result-focused digital solutions.\r\n        <\/p>\r\n\r\n        <div class=\"hero-buttons\">\r\n          <a href=\"#contact\" class=\"btn\">Start Your Project \u2197<\/a>\r\n          <a href=\"#services\" class=\"btn btn-outline\">Explore Services<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"hero-note\">\r\n          \u2714 Strategy-first &nbsp; \u2714 Transparent communication &nbsp; \u2714 Business-focused\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"dashboard reveal\">\r\n\r\n        <div class=\"dash-top\">\r\n          <h3>Marketing Overview<\/h3>\r\n          <span class=\"live\">\u25cf LIVE<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"dash-card\">\r\n          <small>Website Traffic<\/small>\r\n          <h2>24,580<\/h2>\r\n          <span class=\"growth\">\u2191 32.8% this month<\/span>\r\n\r\n          <div class=\"chart\">\r\n            <div class=\"bar\" style=\"height:40%\"><\/div>\r\n            <div class=\"bar\" style=\"height:55%\"><\/div>\r\n            <div class=\"bar\" style=\"height:48%\"><\/div>\r\n            <div class=\"bar\" style=\"height:70%\"><\/div>\r\n            <div class=\"bar\" style=\"height:62%\"><\/div>\r\n            <div class=\"bar\" style=\"height:82%\"><\/div>\r\n            <div class=\"bar\" style=\"height:95%\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dash-bottom\">\r\n\r\n          <div class=\"mini-card\">\r\n            <small>Leads<\/small>\r\n            <h3>1,284<\/h3>\r\n            <span class=\"growth\">\u2191 24%<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"mini-card\">\r\n            <small>Conversion<\/small>\r\n            <h3>8.6%<\/h3>\r\n            <span class=\"growth\">\u2191 12%<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- TRUST -->\r\n\r\n<section class=\"trust-strip\">\r\n\r\n  <div class=\"container\">\r\n\r\n    <div class=\"trust-grid\">\r\n\r\n      <span>\ud83d\ude80 Growth Focused<\/span>\r\n      <span>\ud83c\udfaf Result Driven<\/span>\r\n      <span>\ud83d\udca1 Creative Strategy<\/span>\r\n      <span>\ud83d\udcca Data Based<\/span>\r\n      <span>\ud83e\udd1d Client First<\/span>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- SERVICES -->\r\n\r\n<section id=\"services\">\r\n\r\n  <div class=\"container\">\r\n\r\n    <div class=\"section-heading reveal\">\r\n\r\n      <span>What We Do<\/span>\r\n\r\n      <h2>\r\n        Digital Solutions That\r\n        <span class=\"gradient-text\">Move Your Business Forward<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        From building your website to attracting customers,\r\n        we provide practical digital marketing services designed\r\n        around your business goals.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"services-grid\">\r\n\r\n      <div class=\"service-card reveal\">\r\n\r\n        <div class=\"service-icon\">\ud83c\udf10<\/div>\r\n\r\n        <h3>Website Design<\/h3>\r\n\r\n        <p>\r\n          Modern, responsive and conversion-focused websites\r\n          that create a strong first impression and help turn\r\n          visitors into customers.\r\n        <\/p>\r\n\r\n        <a href=\"#contact\">Get Started \u2192<\/a>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"service-card reveal\">\r\n\r\n        <div class=\"service-icon\">\ud83d\udd0d<\/div>\r\n\r\n        <h3>SEO Optimization<\/h3>\r\n\r\n        <p>\r\n          Improve your online visibility with keyword research,\r\n          on-page optimization, technical SEO and content strategies.\r\n        <\/p>\r\n\r\n        <a href=\"#contact\">Get Started \u2192<\/a>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"service-card reveal\">\r\n\r\n        <div class=\"service-icon\">\ud83d\udcf1<\/div>\r\n\r\n        <h3>Social Media Marketing<\/h3>\r\n\r\n        <p>\r\n          Build your brand presence with creative content,\r\n          social media strategy, audience engagement and consistent\r\n          brand communication.\r\n        <\/p>\r\n\r\n        <a href=\"#contact\">Get Started \u2192<\/a>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"service-card reveal\">\r\n\r\n        <div class=\"service-icon\">\ud83d\udcc8<\/div>\r\n\r\n        <h3>Google Ads<\/h3>\r\n\r\n        <p>\r\n          Reach potential customers faster with targeted\r\n          paid campaigns designed to generate relevant traffic\r\n          and business enquiries.\r\n        <\/p>\r\n\r\n        <a href=\"#contact\">Get Started \u2192<\/a>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"service-card reveal\">\r\n\r\n        <div class=\"service-icon\">\u270d\ufe0f<\/div>\r\n\r\n        <h3>Content Marketing<\/h3>\r\n\r\n        <p>\r\n          Create valuable content that builds trust, improves\r\n          visibility and helps your audience understand your brand.\r\n        <\/p>\r\n\r\n        <a href=\"#contact\">Get Started \u2192<\/a>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"service-card reveal\">\r\n\r\n        <div class=\"service-icon\">\ud83c\udfa8<\/div>\r\n\r\n        <h3>Branding & Design<\/h3>\r\n\r\n        <p>\r\n          Build a memorable brand identity with creative graphics,\r\n          visual direction and consistent digital communication.\r\n        <\/p>\r\n\r\n        <a href=\"#contact\">Get Started \u2192<\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ABOUT -->\r\n\r\n<section class=\"about\" id=\"about\">\r\n\r\n  <div class=\"container\">\r\n\r\n    <div class=\"about-grid\">\r\n\r\n      <div class=\"about-visual reveal\">\r\n\r\n        <div class=\"floating-label label-one\">\r\n          \ud83d\udcca Data Driven\r\n        <\/div>\r\n\r\n        <div class=\"floating-label label-two\">\r\n          \ud83d\ude80 Growth Focused\r\n        <\/div>\r\n\r\n        <div class=\"floating-label label-three\">\r\n          \ud83c\udfaf Strategy First\r\n        <\/div>\r\n\r\n        <div class=\"about-circle\">\r\n          <div>\r\n            SHARMA\r\n            <small>DIGITAL<\/small>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"about-content\">\r\n\r\n        <div class=\"section-heading reveal\">\r\n\r\n          <span>Why Sharma Digital<\/span>\r\n\r\n          <h2>\r\n            Your Digital Growth Starts With\r\n            <span class=\"gradient-text\">The Right Strategy<\/span>\r\n          <\/h2>\r\n\r\n          <p>\r\n            We believe digital marketing should not be complicated.\r\n            Our approach focuses on understanding your business,\r\n            identifying opportunities and creating practical digital\r\n            solutions that support long-term growth.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <p>\r\n          Whether you're starting a new business or looking to improve\r\n          your existing online presence, we help you create a stronger\r\n          digital foundation.\r\n        <\/p>\r\n\r\n\r\n        <ul class=\"check-list\">\r\n\r\n          <li>Business-focused digital strategies<\/li>\r\n          <li>Modern and responsive website solutions<\/li>\r\n          <li>SEO and visibility improvement<\/li>\r\n          <li>Creative social media marketing<\/li>\r\n          <li>Transparent communication<\/li>\r\n          <li>Customized solutions for your goals<\/li>\r\n\r\n        <\/ul>\r\n\r\n        <a href=\"#contact\" class=\"btn\">Let's Work Together \u2197<\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- PROCESS -->\r\n\r\n<section id=\"process\">\r\n\r\n  <div class=\"container\">\r\n\r\n    <div class=\"section-heading reveal\">\r\n\r\n      <span>Our Process<\/span>\r\n\r\n      <h2>\r\n        Simple Process.\r\n        <span class=\"gradient-text\">Clear Direction.<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        A straightforward approach designed to understand your goals,\r\n        create the right strategy and move your project forward.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"process-grid\">\r\n\r\n      <div class=\"process-card reveal\">\r\n\r\n        <div class=\"process-num\">01<\/div>\r\n\r\n        <h3>Understand<\/h3>\r\n\r\n        <p>\r\n          We learn about your business, audience, competition\r\n          and digital goals.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"process-card reveal\">\r\n\r\n        <div class=\"process-num\">02<\/div>\r\n\r\n        <h3>Plan<\/h3>\r\n\r\n        <p>\r\n          We create a practical digital strategy based on\r\n          your requirements and priorities.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"process-card reveal\">\r\n\r\n        <div class=\"process-num\">03<\/div>\r\n\r\n        <h3>Execute<\/h3>\r\n\r\n        <p>\r\n          We implement the website, marketing campaigns,\r\n          content and optimization work.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"process-card reveal\">\r\n\r\n        <div class=\"process-num\">04<\/div>\r\n\r\n        <h3>Improve<\/h3>\r\n\r\n        <p>\r\n          We review performance, identify opportunities and\r\n          continue improving the digital strategy.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- PORTFOLIO -->\r\n\r\n<section class=\"portfolio\" id=\"portfolio\">\r\n\r\n  <div class=\"container\">\r\n\r\n    <div class=\"section-heading reveal\">\r\n\r\n      <span>Our Work<\/span>\r\n\r\n      <h2>\r\n        Projects Designed To\r\n        <span class=\"gradient-text\">Make An Impact<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Showcase your best projects, websites and marketing campaigns here\r\n        as your portfolio grows.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"portfolio-grid\">\r\n\r\n      <div class=\"project reveal\">\r\n\r\n        <div class=\"project-art art-one\">\r\n          \ud83c\udf10\r\n        <\/div>\r\n\r\n        <div class=\"project-info\">\r\n\r\n          <small>Website Design<\/small>\r\n\r\n          <h3>Business Website<\/h3>\r\n\r\n          <p>\r\n            A modern responsive website designed to create\r\n            a professional digital presence.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"project reveal\">\r\n\r\n        <div class=\"project-art art-two\">\r\n          \ud83d\udcf1\r\n        <\/div>\r\n\r\n        <div class=\"project-info\">\r\n\r\n          <small>Social Media<\/small>\r\n\r\n          <h3>Brand Growth Campaign<\/h3>\r\n\r\n          <p>\r\n            Creative social media strategy focused on\r\n            consistent brand communication.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"project reveal\">\r\n\r\n        <div class=\"project-art art-three\">\r\n          \ud83d\udcc8\r\n        <\/div>\r\n\r\n        <div class=\"project-info\">\r\n\r\n          <small>Digital Marketing<\/small>\r\n\r\n          <h3>Lead Generation Campaign<\/h3>\r\n\r\n          <p>\r\n            A digital campaign concept designed to attract\r\n            relevant leads and increase enquiries.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- PRICING -->\r\n\r\n<section id=\"pricing\">\r\n\r\n  <div class=\"container\">\r\n\r\n    <div class=\"section-heading reveal\">\r\n\r\n      <span>Pricing<\/span>\r\n\r\n      <h2>\r\n        Flexible Plans For\r\n        <span class=\"gradient-text\">Different Business Needs<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Simple sample packages that can be customized according\r\n        to your business requirements.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"pricing-grid\">\r\n\r\n      <div class=\"price-card reveal\">\r\n\r\n        <h3>Starter<\/h3>\r\n\r\n        <p>\r\n          For new businesses that need a professional digital presence.\r\n        <\/p>\r\n\r\n        <div class=\"price\">\r\n          \u20b94,999\r\n          <small>\/ starting<\/small>\r\n        <\/div>\r\n\r\n        <ul>\r\n          <li>Basic website design<\/li>\r\n          <li>Up to 5 website sections<\/li>\r\n          <li>Mobile responsive design<\/li>\r\n          <li>Basic contact form<\/li>\r\n          <li>WhatsApp integration<\/li>\r\n        <\/ul>\r\n\r\n        <a href=\"#contact\" class=\"btn btn-outline\">\r\n          Choose Starter\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"price-card featured reveal\">\r\n\r\n        <div class=\"popular\">MOST POPULAR<\/div>\r\n\r\n        <h3>Growth<\/h3>\r\n\r\n        <p>\r\n          For businesses looking to expand their online presence.\r\n        <\/p>\r\n\r\n        <div class=\"price\">\r\n          \u20b99,999\r\n          <small>\/ starting<\/small>\r\n        <\/div>\r\n\r\n        <ul>\r\n          <li>Professional website design<\/li>\r\n          <li>Up to 10 website sections<\/li>\r\n          <li>On-page SEO setup<\/li>\r\n          <li>Social media strategy<\/li>\r\n          <li>Contact and WhatsApp integration<\/li>\r\n        <\/ul>\r\n\r\n        <a href=\"#contact\" class=\"btn\">\r\n          Choose Growth\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"price-card reveal\">\r\n\r\n        <h3>Premium<\/h3>\r\n\r\n        <p>\r\n          For brands seeking a customized digital solution.\r\n        <\/p>\r\n\r\n        <div class=\"price\">\r\n          Custom\r\n          <small>\/ quotation<\/small>\r\n        <\/div>\r\n\r\n        <ul>\r\n          <li>Custom website development<\/li>\r\n          <li>Advanced SEO requirements<\/li>\r\n          <li>Digital marketing strategy<\/li>\r\n          <li>Paid campaign setup<\/li>\r\n          <li>Customized project support<\/li>\r\n        <\/ul>\r\n\r\n        <a href=\"#contact\" class=\"btn btn-outline\">\r\n          Get a Quote\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <p style=\"text-align:center;color:var(--muted);font-size:12px;margin-top:25px\">\r\n      Note: These are editable sample prices. Confirm your actual services,\r\n      deliverables, and pricing before publishing.\r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- TESTIMONIALS -->\r\n\r\n<section style=\"background:#ffffff04\" id=\"testimonials\">\r\n\r\n  <div class=\"container\">\r\n\r\n    <div class=\"section-heading reveal\">\r\n\r\n      <span>Client Feedback<\/span>\r\n\r\n      <h2>\r\n        Building Relationships Through\r\n        <span class=\"gradient-text\">Great Work<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        A space to showcase genuine feedback from your clients\r\n        as you build your business.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"testimonial-grid\">\r\n\r\n      <div class=\"testimonial reveal\">\r\n\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n\r\n        <p>\r\n          Client feedback will appear here. Add a genuine review\r\n          describing the website design or marketing service delivered.\r\n        <\/p>\r\n\r\n        <div class=\"client\">\r\n\r\n          <div class=\"avatar\">C<\/div>\r\n\r\n          <div>\r\n            <strong>Client Name<\/strong>\r\n            <small>Business Owner<\/small>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"testimonial reveal\">\r\n\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n\r\n        <p>\r\n          Use this section to share an authentic customer experience\r\n          and explain how your service helped their business.\r\n        <\/p>\r\n\r\n        <div class=\"client\">\r\n\r\n          <div class=\"avatar\">C<\/div>\r\n\r\n          <div>\r\n            <strong>Client Name<\/strong>\r\n            <small>Business Owner<\/small>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"testimonial reveal\">\r\n\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n\r\n        <p>\r\n          Replace this sample text with a real testimonial from\r\n          a satisfied customer after completing a project.\r\n        <\/p>\r\n\r\n        <div class=\"client\">\r\n\r\n          <div class=\"avatar\">C<\/div>\r\n\r\n          <div>\r\n            <strong>Client Name<\/strong>\r\n            <small>Business Owner<\/small>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <p style=\"text-align:center;color:var(--muted);font-size:12px;margin-top:25px\">\r\n      Sample testimonial layout \u2014 replace with actual client reviews before publishing.\r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- FAQ -->\r\n\r\n<section id=\"faq\">\r\n\r\n  <div class=\"container\">\r\n\r\n    <div class=\"section-heading reveal\">\r\n\r\n      <span>FAQs<\/span>\r\n\r\n      <h2>\r\n        Frequently Asked\r\n        <span class=\"gradient-text\">Questions<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Answers to common questions about our digital services.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"faq reveal\">\r\n\r\n      <details>\r\n\r\n        <summary>\r\n          What services does Sharma Digital provide?\r\n        <\/summary>\r\n\r\n        <p>\r\n          Sharma Digital offers website design, SEO, social media\r\n          marketing, Google Ads, content marketing, and branding\r\n          services. Final availability depends on your requirements.\r\n        <\/p>\r\n\r\n      <\/details>\r\n\r\n\r\n      <details>\r\n\r\n        <summary>\r\n          How much does a website cost?\r\n        <\/summary>\r\n\r\n        <p>\r\n          Website costs depend on the number of pages, features,\r\n          design requirements, and functionality. Contact us for\r\n          a customized quotation.\r\n        <\/p>\r\n\r\n      <\/details>\r\n\r\n\r\n      <details>\r\n\r\n        <summary>\r\n          How long does it take to create a website?\r\n        <\/summary>\r\n\r\n        <p>\r\n          A basic business website may take a few days to a few weeks.\r\n          Complex websites and custom functionality can require more\r\n          time depending on the project scope.\r\n        <\/p>\r\n\r\n      <\/details>\r\n\r\n\r\n      <details>\r\n\r\n        <summary>\r\n          Can you help my business rank on Google?\r\n        <\/summary>\r\n\r\n        <p>\r\n          We can help with SEO strategies, technical improvements,\r\n          content optimization, and keyword research. Search rankings\r\n          depend on many factors and cannot be guaranteed.\r\n        <\/p>\r\n\r\n      <\/details>\r\n\r\n\r\n      <details>\r\n\r\n        <summary>\r\n          How can I get started?\r\n        <\/summary>\r\n\r\n        <p>\r\n          Fill out the contact form below or message us on WhatsApp\r\n          with your business requirements.\r\n        <\/p>\r\n\r\n      <\/details>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- CONTACT -->\r\n\r\n<section class=\"contact\" id=\"contact\">\r\n\r\n  <div class=\"container\">\r\n\r\n    <div class=\"section-heading reveal\">\r\n\r\n      <span>Contact Us<\/span>\r\n\r\n      <h2>\r\n        Let's Build Something\r\n        <span class=\"gradient-text\">Amazing<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Have a project in mind? Tell us about your business\r\n        and let's discuss your digital growth plans.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"contact-grid\">\r\n\r\n\r\n      <div class=\"contact-info reveal\">\r\n\r\n        <h3>Let's Talk About Your Project<\/h3>\r\n\r\n        <p>\r\n          Send us your requirements and we'll get back to you\r\n          to discuss the next steps.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"contact-item\">\r\n\r\n          <div class=\"service-icon\">\u2709<\/div>\r\n\r\n          <div>\r\n            <strong>Email Us<\/strong>\r\n            <small>info@sharmadigital.com<\/small>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"contact-item\">\r\n\r\n          <div class=\"service-icon\">\u260e<\/div>\r\n\r\n          <div>\r\n            <strong>Call \/ WhatsApp<\/strong>\r\n            <small>+91 YOUR PHONE NUMBER<\/small>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"contact-item\">\r\n\r\n          <div class=\"service-icon\">\u2316<\/div>\r\n\r\n          <div>\r\n            <strong>Location<\/strong>\r\n            <small>India<\/small>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <form class=\"contact-form reveal\" id=\"contactForm\">\r\n\r\n        <h3>Send Us a Message<\/h3>\r\n\r\n\r\n        <div class=\"form-row\">\r\n\r\n          <div class=\"field\">\r\n\r\n            <label for=\"name\">\r\n              Your Name *\r\n            <\/label>\r\n\r\n            <input\r\n              type=\"text\"\r\n              id=\"name\"\r\n              name=\"name\"\r\n              placeholder=\"Enter your name\"\r\n              required\r\n            >\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"field\">\r\n\r\n            <label for=\"email\">\r\n              Email Address *\r\n            <\/label>\r\n\r\n            <input\r\n              type=\"email\"\r\n              id=\"email\"\r\n              name=\"email\"\r\n              placeholder=\"you@example.com\"\r\n              required\r\n            >\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"form-row\">\r\n\r\n          <div class=\"field\">\r\n\r\n            <label for=\"phone\">\r\n              Phone Number\r\n            <\/label>\r\n\r\n            <input\r\n              type=\"tel\"\r\n              id=\"phone\"\r\n              name=\"phone\"\r\n              placeholder=\"+91\"\r\n            >\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"field\">\r\n\r\n            <label for=\"service\">\r\n              Select Service *\r\n            <\/label>\r\n\r\n            <select\r\n              id=\"service\"\r\n              name=\"service\"\r\n              required\r\n            >\r\n\r\n              <option value=\"\">\r\n                Choose a service\r\n              <\/option>\r\n\r\n              <option>\r\n                Website Design\r\n              <\/option>\r\n\r\n              <option>\r\n                SEO Optimization\r\n              <\/option>\r\n\r\n              <option>\r\n                Social Media Marketing\r\n              <\/option>\r\n\r\n              <option>\r\n                Google Ads\r\n              <\/option>\r\n\r\n              <option>\r\n                Content Marketing\r\n              <\/option>\r\n\r\n              <option>\r\n                Branding & Graphic Design\r\n              <\/option>\r\n\r\n              <option>\r\n                Other\r\n              <\/option>\r\n\r\n            <\/select>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"field\">\r\n\r\n          <label for=\"message\">\r\n            Your Message *\r\n          <\/label>\r\n\r\n          <textarea\r\n            id=\"message\"\r\n            name=\"message\"\r\n            placeholder=\"Tell us about your project...\"\r\n            required\r\n          ><\/textarea>\r\n\r\n        <\/div>\r\n\r\n\r\n        <button type=\"submit\" class=\"btn\">\r\n          Send Enquiry \u2197\r\n        <\/button>\r\n\r\n\r\n        <p style=\"font-size:12px;color:var(--muted);margin-top:15px\">\r\n          This demo form opens your email application.\r\n          Connect a form backend for automatic online submissions.\r\n        <\/p>\r\n\r\n      <\/form>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- CALL TO ACTION -->\r\n\r\n<section class=\"cta\">\r\n\r\n  <div class=\"container\">\r\n\r\n    <div class=\"cta-box reveal\">\r\n\r\n      <h2>\r\n        Ready to Grow Your Business<br>\r\n        With Sharma Digital?\r\n      <\/h2>\r\n\r\n      <p>\r\n        Let's turn your ideas into a powerful digital presence.\r\n      <\/p>\r\n\r\n      <a href=\"#contact\" class=\"btn\">\r\n        Let's Get Started \u2197\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- WHATSAPP FLOATING BUTTON -->\r\n\r\n<a\r\n  href=\"https:\/\/wa.me\/91YOURNUMBER\"\r\n  class=\"whatsapp\"\r\n  target=\"_blank\"\r\n  rel=\"noopener\"\r\n  aria-label=\"Chat with Sharma Digital on WhatsApp\"\r\n>\r\n  \u260f\r\n<\/a>\r\n\r\n\r\n<script>\r\n\r\n\/\/ SCROLL REVEAL ANIMATION\r\n\r\nconst observer = new IntersectionObserver((entries) => {\r\n\r\n  entries.forEach(entry => {\r\n\r\n    if(entry.isIntersecting) {\r\n      entry.target.classList.add(\"visible\");\r\n    }\r\n\r\n  });\r\n\r\n}, {\r\n  threshold: 0.12\r\n});\r\n\r\n\r\ndocument.querySelectorAll(\".reveal\").forEach(element => {\r\n  observer.observe(element);\r\n});\r\n\r\n\r\n\/\/ CONTACT FORM\r\n\r\ndocument.getElementById(\"contactForm\").addEventListener(\r\n  \"submit\",\r\n  function(event) {\r\n\r\n    event.preventDefault();\r\n\r\n    const name =\r\n      document.getElementById(\"name\").value.trim();\r\n\r\n    const email =\r\n      document.getElementById(\"email\").value.trim();\r\n\r\n    const phone =\r\n      document.getElementById(\"phone\").value.trim();\r\n\r\n    const service =\r\n      document.getElementById(\"service\").value;\r\n\r\n    const message =\r\n      document.getElementById(\"message\").value.trim();\r\n\r\n\r\n    const subject = encodeURIComponent(\r\n      \"New Enquiry - Sharma Digital - \" + service\r\n    );\r\n\r\n\r\n    const body = encodeURIComponent(\r\n      \"Name: \" + name + \"\\n\" +\r\n      \"Email: \" + email + \"\\n\" +\r\n      \"Phone: \" + phone + \"\\n\" +\r\n      \"Service: \" + service + \"\\n\\n\" +\r\n      \"Message:\\n\" + message\r\n    );\r\n\r\n\r\n    window.location.href =\r\n      \"mailto:info@sharmadigital.com?subject=\" +\r\n      subject +\r\n      \"&body=\" +\r\n      body;\r\n\r\n  }\r\n);\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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>Sharma Digital | Digital Marketing Agency DIGITAL GROWTH PARTNER Grow Your Business With Smart Digital Marketing Sharma Digital helps businesses [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-72","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sharmadigital.com\/index.php?rest_route=\/wp\/v2\/pages\/72","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sharmadigital.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sharmadigital.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sharmadigital.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sharmadigital.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=72"}],"version-history":[{"count":11,"href":"https:\/\/sharmadigital.com\/index.php?rest_route=\/wp\/v2\/pages\/72\/revisions"}],"predecessor-version":[{"id":105,"href":"https:\/\/sharmadigital.com\/index.php?rest_route=\/wp\/v2\/pages\/72\/revisions\/105"}],"wp:attachment":[{"href":"https:\/\/sharmadigital.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}