System Manager v8.0

Editing: services.php

<!DOCTYPE html>
<html lang="en">

<title>Our Services | Website Development, SEO, AI Automation, App & Software Development | Glorious Service</title>
  <meta name="description" content="Explore Glorious Service's full range of services — website development, SEO, AI automation, mobile app development, custom software development plus carpenter, plumber, electrician, cleaning, interior design, CCTV, waterproofing and more in Dehradun, Rishikesh & Haridwar.">
  <meta name="keywords" content="services Dehradun, website development services, SEO services in Uttarakhand, AI automation company, mobile app development Dehradun, custom software development, ecommerce development, digital marketing services, carpenter Dehradun, plumber Rishikesh, electrician Haridwar, interior designer, CCTV installation, waterproofing, modular kitchen, Glorious Service">
  <meta name="author" content="Glorious Service">
  <meta name="robots" content="index, follow, max-image-preview:large">
  <link rel="canonical" href="https://gloriousservice.com/services.php">

<meta property="og:type" content="website">
  <meta property="og:title" content="Our Services | Glorious Service">
  <meta property="og:description" content="Website development, SEO, AI automation, app & software development plus trusted home services in Uttarakhand.">
  <meta property="og:url" content="https://gloriousservice.com/services.php">
  <meta property="og:image" content="https://gloriousservice.com/assets/images/19.png">
  <meta property="og:site_name" content="Glorious Service">
  <meta name="twitter:card" content="summary_large_image">

<link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link rel="stylesheet"
    href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap"
    media="print" onload="this.media='all'">
  <noscript>
    <link rel="stylesheet"
      href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap">
  </noscript>

<link rel="stylesheet" href="assets/css/libraries.css">
  <link rel="stylesheet" href="assets/css/style.css">

<script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "ItemList",
    "name": "Glorious Service — Services",
    "itemListElement": [
      {"@type":"ListItem","position":1,"item":{"@type":"Service","name":"Website Development","provider":"Glorious Service"}},
      {"@type":"ListItem","position":2,"item":{"@type":"Service","name":"SEO Services","provider":"Glorious Service"}},
      {"@type":"ListItem","position":3,"item":{"@type":"Service","name":"AI Automation","provider":"Glorious Service"}},
      {"@type":"ListItem","position":4,"item":{"@type":"Service","name":"Mobile App Development","provider":"Glorious Service"}},
      {"@type":"ListItem","position":5,"item":{"@type":"Service","name":"Custom Software Development","provider":"Glorious Service"}},
      {"@type":"ListItem","position":6,"item":{"@type":"Service","name":"Digital Marketing","provider":"Glorious Service"}}
    ]
  }
  </script>

<style>
    .gsx {
      --navy-900: #042347;
      --navy-800: #063464;
      --navy-700: #0a437f;
      --navy-600: #0d4f97;
      --blue-600: #0052da;
      --blue-500: #2f72ef;
      --blue-400: #5b93f6;
      --blue-100: #e8f0ff;
      --blue-50: #f3f7ff;
      --ink: #0a0e14;
      --muted: #5a6675;
      --line: #e6ebf2;
      --white: #ffffff;
      --radius: 18px;
      --shadow-sm: 0 4px 18px rgba(6, 52, 100, .08);
      --shadow-md: 0 18px 50px rgba(6, 52, 100, .14);
      --shadow-blue: 0 16px 40px rgba(0, 82, 218, .28);
      --font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

font-family: var(--font);
      color: var(--ink);
      background: var(--white);
      -webkit-font-smoothing: antialiased;
      overflow-x: clip;
    }

.gsx *, .gsx *::before, .gsx *::after { box-sizing: border-box; }
    .gsx p { margin: 0 0 1rem; color: var(--muted); line-height: 1.7; }
    .gsx h1, .gsx h2, .gsx h3, .gsx h4 { margin: 0; line-height: 1.15; letter-spacing: -.02em; color: var(--navy-800); }
    .gsx a { text-decoration: none; }
    .gsx img { max-width: 100%; display: block; }
    .gsx-wrap { width: min(1180px, 92%); margin-inline: auto; }

/* ---------- eyebrow + headings ---------- */
    .gsx-eyebrow {
      display: inline-flex; align-items: center; gap: .55rem;
      font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
      color: var(--blue-600); background: var(--blue-100);
      padding: .5rem .9rem; border-radius: 100px;
    }
    .gsx-sec { padding: clamp(64px, 9vw, 110px) 0; }
    .gsx-sec--tint { background: var(--blue-50); }
    .gsx-sec-head { max-width: 700px; margin-bottom: 56px; }
    .gsx-sec-head.center { margin-inline: auto; text-align: center; }
    .gsx-sec-head h2 { font-size: clamp(1.9rem, 3.6vw, 2.8rem); font-weight: 800; margin: 1rem 0 .9rem; }
    .gsx-sec-head p { font-size: 1.05rem; margin: 0; }

/* ---------- buttons ---------- */
    .gsx-btn {
      display: inline-flex; align-items: center; gap: .6rem; cursor: pointer;
      font-weight: 700; font-size: .98rem; border: 0; border-radius: 100px;
      padding: .95rem 1.7rem; transition: transform .25s, box-shadow .25s, background .25s;
      font-family: var(--font);
    }
    .gsx-btn i { transition: transform .25s; }
    .gsx-btn:hover i { transform: translateX(4px); }
    .gsx-btn--primary { background: var(--blue-600); color: #fff; box-shadow: var(--shadow-blue); }
    .gsx-btn--primary:hover { background: #0046bd; transform: translateY(-3px); color: #fff; }
    .gsx-btn--ghost { background: transparent; color: #fff; border: 1.5px solid rgba(255, 255, 255, .35); }
    .gsx-btn--ghost:hover { background: rgba(255, 255, 255, .12); transform: translateY(-3px); color: #fff; }
    .gsx-btn--navy { background: var(--navy-800); color: #fff; box-shadow: var(--shadow-sm); }
    .gsx-btn--navy:hover { background: var(--navy-700); transform: translateY(-3px); color: #fff; }

/* ============ PAGE HEADER (banner) ============ */
    .gsx-banner {
      position: relative; color: #fff; padding: 150px 0 90px; overflow: hidden; isolation: isolate;
      background: linear-gradient(120deg, var(--navy-900) 0%, var(--navy-800) 55%, var(--blue-600) 130%);
    }
    .gsx-banner::before {
      content: ""; position: absolute; inset: 0; z-index: -1; opacity: .25;
      background-image:
        radial-gradient(circle at 20% 30%, rgba(0, 82, 218, .6), transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(91, 147, 246, .4), transparent 50%);
    }
    .gsx-banner__grid {
      position: absolute; inset: 0; z-index: -1; opacity: .08;
      background-image:
        linear-gradient(rgba(255, 255, 255, .5) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .5) 1px, transparent 1px);
      background-size: 60px 60px;
      mask-image: radial-gradient(ellipse at center, #000 30%, transparent 75%);
    }
    .gsx-banner h1 {
      color: #fff; font-size: clamp(2.2rem, 5vw, 3.6rem); font-weight: 800; margin: 1rem 0 1rem;
    }
    .gsx-banner h1 .grad {
      background: linear-gradient(90deg, #6ea8ff, #ffffff);
      -webkit-background-clip: text; background-clip: text; color: transparent;
    }
    .gsx-banner p { color: rgba(255, 255, 255, .85); font-size: 1.1rem; max-width: 600px; }
    .gsx-banner__crumbs {
      display: flex; gap: .5rem; align-items: center; font-size: .88rem;
      color: rgba(255, 255, 255, .7); margin-top: 1.8rem;
    }
    .gsx-banner__crumbs a { color: #cfe0ff; }
    .gsx-banner__crumbs a:hover { color: #fff; }
    .gsx-banner__crumbs i { font-size: .65rem; opacity: .6; }

/* ============ DIGITAL SERVICE CARDS (large) ============ */
    .gsx-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
    .gsx-card {
      position: relative; background: #fff; border: 1px solid var(--line); border-radius: var(--radius);
      padding: 34px 30px; overflow: hidden; transition: transform .3s, box-shadow .3s, border-color .3s;
    }
    .gsx-card::before {
      content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px;
      background: linear-gradient(90deg, var(--navy-800), var(--blue-600)); transform: scaleX(0);
      transform-origin: left; transition: transform .4s;
    }
    .gsx-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-md); border-color: transparent; }
    .gsx-card:hover::before { transform: scaleX(1); }
    .gsx-card__icon {
      width: 60px; height: 60px; border-radius: 16px; display: grid; place-items: center;
      font-size: 1.5rem; color: #fff; margin-bottom: 20px;
      background: linear-gradient(135deg, var(--navy-800), var(--blue-600));
    }
    .gsx-card h3 { font-size: 1.28rem; font-weight: 700; margin-bottom: .6rem; }
    .gsx-card p { font-size: .96rem; margin-bottom: 1.1rem; }
    .gsx-card__list { list-style: none; padding: 0; margin: 0 0 1.2rem; }
    .gsx-card__list li {
      font-size: .9rem; color: var(--muted); padding: .3rem 0 .3rem 1.4rem; position: relative;
    }
    .gsx-card__list li::before {
      content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900;
      position: absolute; left: 0; top: .35rem; color: var(--blue-600); font-size: .75rem;
    }
    .gsx-card__link { font-weight: 700; color: var(--blue-600); font-size: .92rem; display: inline-flex; gap: .4rem; align-items: center; }
    .gsx-card__link i { transition: transform .25s; }
    .gsx-card:hover .gsx-card__link i { transform: translateX(4px); }
    .gsx-card__tag {
      position: absolute; top: 20px; right: 20px; font-size: .68rem; font-weight: 700;
      letter-spacing: .08em; text-transform: uppercase; color: var(--blue-600);
      background: var(--blue-100); padding: .3rem .6rem; border-radius: 100px;
    }

/* ============ HOME SERVICES GRID ============ */
    .gsx-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
    .gsx-tile {
      background: #fff; border: 1px solid var(--line); border-radius: 16px;
      padding: 28px 22px; text-align: center; transition: transform .3s, border-color .3s, box-shadow .3s;
    }
    .gsx-tile:hover { transform: translateY(-6px); border-color: var(--blue-400); box-shadow: var(--shadow-sm); }
    .gsx-tile__ic {
      width: 56px; height: 56px; margin: 0 auto 14px; border-radius: 14px;
      display: grid; place-items: center; font-size: 1.3rem;
      background: var(--blue-100); color: var(--blue-600);
      transition: background .3s, color .3s;
    }
    .gsx-tile:hover .gsx-tile__ic {
      background: linear-gradient(135deg, var(--navy-800), var(--blue-600));
      color: #fff;
    }
    .gsx-tile h4 { font-size: 1.02rem; font-weight: 700; margin-bottom: .35rem; }
    .gsx-tile p { font-size: .88rem; margin: 0; }

/* ============ CTA BAND ============ */
    .gsx-cta {
      position: relative; overflow: hidden; border-radius: 28px; padding: clamp(44px, 6vw, 72px);
      color: #fff; text-align: center;
      background: linear-gradient(120deg, var(--navy-900), var(--navy-800) 55%, var(--blue-600));
    }
    .gsx-cta::after {
      content: ""; position: absolute; width: 360px; height: 360px; border-radius: 50%;
      background: radial-gradient(circle, rgba(255, 255, 255, .14), transparent 70%);
      top: -120px; right: -80px;
    }
    .gsx-cta h2 { color: #fff; font-size: clamp(1.8rem, 3.6vw, 2.6rem); font-weight: 800; position: relative; }
    .gsx-cta p { color: rgba(255, 255, 255, .85); max-width: 560px; margin: 1rem auto 2rem; position: relative; }
    .gsx-cta__btns { display: flex; justify-content: center; flex-wrap: wrap; gap: 1rem; position: relative; }

/* ============ reveal animation ============ */
    .gsx-reveal { opacity: 0; transform: translateY(26px); transition: opacity .7s ease, transform .7s ease; }
    .gsx-reveal.is-in { opacity: 1; transform: none; }

/* ============ RESPONSIVE ============ */
    @media (max-width: 992px) {
      .gsx-cards { grid-template-columns: repeat(2, 1fr); }
      .gsx-grid { grid-template-columns: repeat(3, 1fr); }
    }
    @media (max-width: 700px) {
      .gsx-grid { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 540px) {
      .gsx-cards { grid-template-columns: 1fr; }
      .gsx-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
      .gsx-tile { padding: 22px 14px; }
    }
    @media (prefers-reduced-motion: reduce) {
      .gsx *, .gsx *::before, .gsx *::after { animation: none !important; transition: none !important; }
      .gsx-reveal { opacity: 1; transform: none; }
    }
  </style>
</head>

<?php include 'header.php'; ?>

<section class="gsx-banner">
        <div class="gsx-banner__grid"></div>
        <div class="gsx-wrap">
          <span class="gsx-eyebrow" style="background:rgba(255,255,255,.12);color:#cfe0ff">
            <i class="fas fa-th-large"></i> All Services
          </span>
          <h1>Everything your business needs — <span class="grad">in one place</span></h1>
          <p>From building your website and ranking it on Google, to automating workflows with AI, launching
            apps, and handling every on-site service across Dehradun, Rishikesh &amp; Haridwar.</p>
          <nav class="gsx-banner__crumbs" aria-label="Breadcrumb">
            <a href="index.php">Home</a>
            <i class="fas fa-chevron-right"></i>
            <span>Services</span>
          </nav>
        </div>
      </section>

<section class="gsx-sec">
        <div class="gsx-wrap">
          <div class="gsx-sec-head center gsx-reveal">
            <span class="gsx-eyebrow"><i class="fas fa-laptop-code"></i> Digital &amp; IT Services</span>
            <h2>Build, rank and automate your business online</h2>
            <p>End-to-end digital solutions designed for ambitious businesses — from your first website to
              fully automated workflows powered by AI.</p>
          </div>

<article class="gsx-card gsx-reveal">
              <span class="gsx-card__tag">Featured</span>
              <div class="gsx-card__icon"><i class="fas fa-code"></i></div>
              <h3>Website Development</h3>
              <p>Custom, mobile-first websites and e-commerce stores built to load fast, rank on Google, and
                convert visitors into paying customers.</p>
              <ul class="gsx-card__list">
                <li>Business &amp; e-commerce websites</li>
                <li>WordPress, Shopify &amp; custom CMS</li>
                <li>Mobile-first responsive design</li>
                <li>Built-in SEO &amp; speed optimization</li>
              </ul>
              <a href="contact-us.php" class="gsx-card__link">Get a quote <i class="fas fa-arrow-right"></i></a>
            </article>

<article class="gsx-card gsx-reveal">
              <span class="gsx-card__tag">Featured</span>
              <div class="gsx-card__icon"><i class="fas fa-chart-line"></i></div>
              <h3>SEO Services</h3>
              <p>Rank higher on Google with proven on-page, technical and local SEO that brings consistent
                organic traffic and qualified leads to your business.</p>
              <ul class="gsx-card__list">
                <li>Keyword research &amp; strategy</li>
                <li>On-page &amp; technical SEO</li>
                <li>Local SEO &amp; Google Business profile</li>
                <li>Monthly reporting &amp; tracking</li>
              </ul>
              <a href="contact-us.php" class="gsx-card__link">Get a quote <i class="fas fa-arrow-right"></i></a>
            </article>

<article class="gsx-card gsx-reveal">
              <span class="gsx-card__tag">New</span>
              <div class="gsx-card__icon"><i class="fas fa-robot"></i></div>
              <h3>AI Automation</h3>
              <p>Automate repetitive tasks and unlock hours every week — smart chatbots, lead automation and
                integrations that scale your business without scaling your headcount.</p>
              <ul class="gsx-card__list">
                <li>AI chatbots &amp; virtual assistants</li>
                <li>Lead capture &amp; CRM automation</li>
                <li>Workflow &amp; email automation</li>
                <li>Custom AI integrations</li>
              </ul>
              <a href="contact-us.php" class="gsx-card__link">Get a quote <i class="fas fa-arrow-right"></i></a>
            </article>

<article class="gsx-card gsx-reveal">
              <span class="gsx-card__tag">New</span>
              <div class="gsx-card__icon"><i class="fas fa-mobile-alt"></i></div>
              <h3>App Development</h3>
              <p>Native and cross-platform mobile apps for Android &amp; iOS — clean UX, secure backends and
                scalable architecture built to grow with your users.</p>
              <ul class="gsx-card__list">
                <li>Android &amp; iOS native apps</li>
                <li>Flutter &amp; React Native apps</li>
                <li>App design, build &amp; launch</li>
                <li>Maintenance &amp; support</li>
              </ul>
              <a href="contact-us.php" class="gsx-card__link">Get a quote <i class="fas fa-arrow-right"></i></a>
            </article>

<article class="gsx-card gsx-reveal">
              <span class="gsx-card__tag">New</span>
              <div class="gsx-card__icon"><i class="fas fa-laptop-code"></i></div>
              <h3>Software Development</h3>
              <p>Custom software, CRMs, ERPs and business tools built around your exact workflow — reliable,
                secure and ready to scale as your business grows.</p>
              <ul class="gsx-card__list">
                <li>Custom CRM &amp; ERP systems</li>
                <li>Inventory &amp; billing software</li>
                <li>SaaS product development</li>
                <li>Cloud &amp; on-premise deployment</li>
              </ul>
              <a href="contact-us.php" class="gsx-card__link">Get a quote <i class="fas fa-arrow-right"></i></a>
            </article>

<article class="gsx-card gsx-reveal">
              <div class="gsx-card__icon"><i class="fas fa-bullhorn"></i></div>
              <h3>Digital Marketing</h3>
              <p>Social media, Google Ads and content marketing that builds your brand and brings consistent,
                measurable leads every month.</p>
              <ul class="gsx-card__list">
                <li>Google &amp; Meta Ads management</li>
                <li>Social media marketing</li>
                <li>Content &amp; email marketing</li>
                <li>Analytics &amp; performance reports</li>
              </ul>
              <a href="contact-us.php" class="gsx-card__link">Get a quote <i class="fas fa-arrow-right"></i></a>
            </article>

</div>
        </div>
      </section>

<section class="gsx-sec gsx-sec--tint">
        <div class="gsx-wrap">
          <div class="gsx-sec-head center gsx-reveal">
            <span class="gsx-eyebrow"><i class="fas fa-home"></i> Home &amp; On-Site Services</span>
            <h2>Trusted experts for every home and business need</h2>
            <p>Beyond digital, our verified professionals handle all your everyday repairs, installations and
              renovations across Dehradun, Rishikesh and Haridwar.</p>
          </div>

<div class="gsx-tile gsx-reveal">
              <div class="gsx-tile__ic"><i class="fas fa-hammer"></i></div>
              <h4>Carpenter</h4>
              <p>Furniture repair, custom woodwork and on-site installation.</p>
            </div>

<div class="gsx-tile gsx-reveal">
              <div class="gsx-tile__ic"><i class="fas fa-faucet"></i></div>
              <h4>Plumber</h4>
              <p>Leak repairs, pipe fitting, bathroom and kitchen plumbing.</p>
            </div>

<div class="gsx-tile gsx-reveal">
              <div class="gsx-tile__ic"><i class="fas fa-bolt"></i></div>
              <h4>Electrician</h4>
              <p>Wiring, electrical repairs and appliance installation.</p>
            </div>

<div class="gsx-tile gsx-reveal">
              <div class="gsx-tile__ic"><i class="fas fa-broom"></i></div>
              <h4>Cleaning</h4>
              <p>Home, office and deep cleaning solutions.</p>
            </div>

<div class="gsx-tile gsx-reveal">
              <div class="gsx-tile__ic"><i class="fas fa-tools"></i></div>
              <h4>Welder</h4>
              <p>On-site welding, metal fabrication and repairs.</p>
            </div>

<div class="gsx-tile gsx-reveal">
              <div class="gsx-tile__ic"><i class="fas fa-couch"></i></div>
              <h4>Interior Designer</h4>
              <p>Modern interior design for homes and offices.</p>
            </div>

<div class="gsx-tile gsx-reveal">
              <div class="gsx-tile__ic"><i class="fas fa-video"></i></div>
              <h4>CCTV Technician</h4>
              <p>CCTV installation, setup and maintenance.</p>
            </div>

<div class="gsx-tile gsx-reveal">
              <div class="gsx-tile__ic"><i class="fas fa-chair"></i></div>
              <h4>Furniture Assembly</h4>
              <p>Assembly and installation of all furniture types.</p>
            </div>

<div class="gsx-tile gsx-reveal">
              <div class="gsx-tile__ic"><i class="fas fa-paint-roller"></i></div>
              <h4>Painter</h4>
              <p>Interior and exterior painting services.</p>
            </div>

<div class="gsx-tile gsx-reveal">
              <div class="gsx-tile__ic"><i class="fas fa-water"></i></div>
              <h4>Waterproofing</h4>
              <p>Roof, wall and bathroom waterproofing solutions.</p>
            </div>

<div class="gsx-tile gsx-reveal">
              <div class="gsx-tile__ic"><i class="fas fa-utensils"></i></div>
              <h4>Modular Kitchen</h4>
              <p>Customized modular kitchen design and installation.</p>
            </div>

<div class="gsx-tile gsx-reveal">
              <div class="gsx-tile__ic"><i class="fas fa-snowflake"></i></div>
              <h4>AC Service</h4>
              <p>Installation, servicing and repair for all AC brands.</p>
            </div>

</div>
        </div>
      </section>

<section class="gsx-sec">
        <div class="gsx-wrap">
          <div class="gsx-cta gsx-reveal">
            <h2>Have a project in mind? Let's talk.</h2>
            <p>Whether it's a new website, an SEO campaign, an AI automation, or a quick electrician visit —
              the Glorious Service team is one call away.</p>
            <div class="gsx-cta__btns">
              <a href="contact-us.php" class="gsx-btn gsx-btn--primary">Get a Free Quote <i class="fas fa-arrow-right"></i></a>
              <a href="tel:+917906068123" class="gsx-btn gsx-btn--ghost"><i class="fas fa-phone"></i> Call Us</a>
            </div>
          </div>
        </div>
      </section>

</main>

<?php include 'footer.php'; ?>

</div>

<script>
    (function () {
      "use strict";
      var reveals = document.querySelectorAll('.gsx-reveal');
      if ('IntersectionObserver' in window) {
        var io = new IntersectionObserver(function (entries) {
          entries.forEach(function (e) {
            if (e.isIntersecting) { e.target.classList.add('is-in'); io.unobserve(e.target); }
          });
        }, { threshold: 0.12 });
        reveals.forEach(function (el) { io.observe(el); });
      } else {
        reveals.forEach(function (el) { el.classList.add('is-in'); });
      }
    })();
  </script>
</body>

</html>

Cancel