Merge pull request #333 from ajay-dhangar/new-update

Online Services Content is added

Author: ajay-dhangar

blog/2025-09-04/fix-git-clone-rpc-failed-error.mdx

@@ -0,0 +1,144 @@
+---
+title: "Fixing Git Clone Error: RPC Failed, HTTP/2 Stream Cancelled"
+authors: [ajay-dhangar]
+tags: ["Git", "GitHub", "Errors", "Cloning Repositories", "Fixes"]
+date: 2025-09-04 10:00:00
+description: "How to fix the 'RPC failed; curl 92 HTTP/2 stream 0 was not closed cleanly: CANCEL (err 8)' error when cloning large Git repositories."
+draft: false
+---
+
+In this post, I’ll show you how to fix the frustrating `RPC failed; curl 92 HTTP/2 stream 0 was not closed cleanly: CANCEL (err 8)` error that can occur when cloning large Git repositories. If you've encountered this error, you're not alone! Let's dive into the causes and solutions.
+
+<!-- truncate -->
+
+![Git Clone Error](./git-clone-error.png)
+
+## Introduction
+
+The other day, I was trying to clone my GitHub repository, but I ran into a frustrating error.  
+If you’ve ever seen something like this, you know how annoying it feels:
+
+```bash
+error: RPC failed; curl 92 HTTP/2 stream 0 was not closed cleanly: CANCEL (err 8)
+error: 3547 bytes of body are still expected
+fetch-pack: unexpected disconnect while reading sideband packet
+fatal: early EOF
+fatal: fetch-pack: invalid index-pack output
+````
+
+At first, I thought something was wrong with my Git setup. But after digging in, I realized the problem was with **large repository size, network limits, and Git’s default settings**.  
+
+In this blog, I’ll break down **why this happens** and the **step-by-step solutions** I tried to fix it.
+
+---
+
+## Why This Error Happens  
+
+This error usually shows up when:  
+- Your repository is **very large** (hundreds of MBs or more).  
+- Git’s default **HTTP buffer size is too small**.  
+- The repo has **too many objects (commits, files, branches, blobs)**.
+- Network interruptions cause Git to cancel the fetch.  
+
+Basically, Git starts downloading your repo, but before finishing, the connection breaks — and Git doesn’t know what to do with the incomplete data.
+
+---
+
+## Solutions That Worked  
+
+Here are the methods I tried to fix it:
+
+### 1. Increase Git Buffer Size  
+Git’s default HTTP buffer is small. Let’s make it bigger:  
+
+```bash
+git config --global http.postBuffer 524288000
+git config --global http.maxRequests 100
+git config --global http.version HTTP/1.1
+```
+
+This allows Git to handle bigger repositories without choking.
+
+---
+
+### 2. Use a Shallow Clone (Fastest Fix)
+
+If you only need the latest commit (not the full history):
+
+```bash
+git clone --depth=1 https://github.com/ajay-dhangar/ajay-dhangar.github.io.git
+```
+
+👉 This grabs the newest version quickly.
+If you later need full history:
+
+```bash
+cd ajay-dhangar.github.io
+git fetch --unshallow
+```
+
+This way, you start small and expand as needed.
+
+---
+
+### 3. Clone Only One Branch
+
+If the repo has multiple branches, but you just want `main`:
+
+```bash
+git clone --single-branch --branch main https://github.com/ajay-dhangar/ajay-dhangar.github.io.git
+```
+
+This avoids fetching unnecessary data.
+
+---
+
+### 4. Switch to SSH
+
+Sometimes HTTPS causes issues. If you have SSH keys set up:
+
+```bash
+git clone [email protected]:ajay-dhangar/ajay-dhangar.github.io.git
+```
+
+This is often more reliable for big repos.
+
+---
+
+### 5. Sparse Checkout (Download Only What You Need)
+
+If you don’t need the whole repo, just a folder:
+
+```bash
+git clone --filter=blob:none https://github.com/ajay-dhangar/ajay-dhangar.github.io.git
+cd ajay-dhangar.github.io
+git sparse-checkout init --cone
+git sparse-checkout set <folder-you-need>
+```
+
+This keeps your local clone lightweight.
+
+---
+
+### 6. Use Git LFS for Large Files
+
+If your repo has big media files, install [Git LFS](https://git-lfs.com/):
+
+```bash
+git lfs install
+git lfs clone https://github.com/ajay-dhangar/ajay-dhangar.github.io.git
+```
+
+This prevents huge files from breaking your clone process.
+
+---
+
+## Final Takeaway
+
+If you’re facing the `RPC failed; curl 92 HTTP/2` error:
+
+* Start with **`--depth=1`** (quickest fix).
+* If you need full history, increase the buffer size.
+* For big repos with assets, use **Git LFS or sparse checkout**.
+
+These tricks saved me hours of frustration, and I hope they help you too.

blog/2025-09-04/git-clone-error.png

@@ -81,12 +81,12 @@ const CertificateDetail: React.FC<CertificateDetailProps> = ({ certificate }) =>
           <div className="grid lg:grid-cols-2 gap-16 mb-20">
             {/* Certificate Image */}
             <div className="cert-image">
-              <div className="relative group">
+              <div className="relative group md:max-w-[600px] sm:max-w-[300px] mx-auto">
                 <div className="absolute inset-0 bg-gradient-to-r from-blue-500/20 to-purple-500/20 rounded-3xl blur-xl group-hover:blur-2xl transition-all duration-500" />
                 <img
                   src={certificate.certificateImage}
                   alt={certificate.title}
-                  className="relative w-full rounded-3xl shadow-2xl hover:shadow-3xl transition-all duration-500 hover:scale-105"
+                  className="relative rounded-3xl shadow-2xl hover:shadow-3xl transition-all duration-500 hover:scale-105 w-full object-cover"
                 />
                 <div className="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity duration-500" />
               </div>
@@ -167,15 +167,15 @@ const CertificateDetail: React.FC<CertificateDetailProps> = ({ certificate }) =>
           </div>
 
           {/* Skills */}
-          <div className="mb-20">
+          <div className="mb-20 px-2">
             <h3 className="text-4xl font-bold text-center text-gray-900 dark:text-white mb-12">
               Skills Validated
             </h3>
             <div className="flex flex-wrap justify-center gap-4">
               {certificate.skills.map((skill, index) => (
                 <div
                   key={index}
-                  className={`cert-skill px-6 py-3 bg-gradient-to-r ${certificate.color} text-white rounded-2xl shadow-lg hover:shadow-xl transition-all duration-300 hover:scale-110 font-medium`}
+                  className={`cert-skill px-6 py-3 bg-gradient-to-r ${certificate.color} text-white rounded-2xl shadow-lg hover:shadow-xl transition-all duration-300 hover:scale-110 font-medium cursor-default select-none`}
                 >
                   {skill}
                 </div>

src/components/CertificateDetail.tsx

@@ -0,0 +1,97 @@
+import React from "react";
+import { motion } from "framer-motion";
+import { Link } from "react-router-dom";
+import { FiArrowRight } from "react-icons/fi";
+
+const HeroImg = "/hero.png";
+
+const Hero = () => {
+  return (
+    <section className="relative bg-gradient-to-br from-blue-600 via-blue-700 to-blue-800 dark:from-blue-800 dark:via-blue-900 dark:to-gray-900 text-white overflow-hidden p-4">
+      {/* Background Pattern */}
+      <div className="absolute inset-0 opacity-10">
+        <div className="absolute top-0 left-0 w-full h-full bg-[url('data:image/svg+xml,%3Csvg width=%2260%22 height=%2260%22 viewBox=%220 0 60 60%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg fill=%22none%22 fill-rule=%22evenodd%22%3E%3Cg fill=%22%23ffffff%22 fill-opacity=%220.1%22%3E%3Ccircle cx=%227%22 cy=%227%22 r=%227%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E')] repeat"></div>
+      </div>
+
+      <div className="relative section-padding min-h-[80vh]">
+        <div className="container-max mx-auto flex flex-col lg:flex-row items-center lg:items-start justify-between gap-10 lg:gap-20">
+          <div className="max-w-4xl">
+            <motion.h1
+              initial={{ opacity: 0, y: 30 }}
+              animate={{ opacity: 1, y: 0 }}
+              transition={{ duration: 0.8 }}
+              className="text-4xl md:text-6xl font-bold leading-tight mb-6"
+            >
+              MP Online Digital Services
+              <span className="block text-2xl md:text-3xl font-normal mt-2 text-blue-200">
+                One Stop Solution for All Digital Needs
+              </span>
+            </motion.h1>
+
+            <motion.div
+              initial={{ opacity: 0, y: 30 }}
+              animate={{ opacity: 1, y: 0 }}
+              transition={{ duration: 0.8, delay: 0.2 }}
+              className="flex items-center space-x-8 mb-8 text-xl"
+            >
+              <span className="flex items-center">
+                <span className="w-2 h-2 bg-emerald-400 rounded-full mr-2"></span>
+                Fast
+              </span>
+              <span className="flex items-center">
+                <span className="w-2 h-2 bg-emerald-400 rounded-full mr-2"></span>
+                Reliable
+              </span>
+              <span className="flex items-center">
+                <span className="w-2 h-2 bg-emerald-400 rounded-full mr-2"></span>
+                Affordable
+              </span>
+            </motion.div>
+
+            <motion.p
+              initial={{ opacity: 0, y: 30 }}
+              animate={{ opacity: 1, y: 0 }}
+              transition={{ duration: 0.8, delay: 0.4 }}
+              className="text-lg md:text-xl text-blue-100 mb-8 leading-relaxed max-w-3xl"
+            >
+              From government certificates to digital payments, banking services
+              to educational forms - we provide comprehensive digital solutions
+              to make your life easier. Experience hassle-free service with our
+              expert team and modern technology.
+            </motion.p>
+
+            <motion.div
+              initial={{ opacity: 0, y: 30 }}
+              animate={{ opacity: 1, y: 0 }}
+              transition={{ duration: 0.8, delay: 0.6 }}
+              className="flex flex-col sm:flex-row gap-4"
+            >
+              <Link
+                to="/services"
+                className="inline-flex items-center justify-center bg-white text-blue-600 font-semibold py-4 px-8 rounded-xl hover:bg-gray-100 transition-all duration-300 shadow-lg hover:shadow-2xl transform hover:-translate-y-1 group"
+              >
+                Explore Services
+                <FiArrowRight className="ml-2 h-5 w-5 group-hover:translate-x-1 transition-transform" />
+              </Link>
+              <Link
+                to="/contact"
+                className="inline-flex items-center justify-center border-2 border-white text-white font-semibold py-4 px-8 rounded-xl hover:bg-white hover:text-blue-600 transition-all duration-300 shadow-lg hover:shadow-2xl transform hover:-translate-y-1"
+              >
+                Contact Us
+              </Link>
+            </motion.div>
+          </div>
+          <div className="hidden lg:block w-1/2">
+            <img
+              src={HeroImg}
+              alt="Description"
+              className="w-full h-auto rounded-lg"
+            />
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+};
+
+export default Hero;

src/components/Online/Hero.tsx

@@ -0,0 +1,53 @@
+import React from 'react';
+import { motion } from 'framer-motion';
+import { Link } from 'react-router-dom';
+import { Service } from '../../data/services';
+import { FiArrowRight } from 'react-icons/fi';
+
+interface ServiceCardProps {
+  service: Service;
+  index: number;
+}
+
+const ServiceCard: React.FC<ServiceCardProps> = ({ service, index }) => {
+  return (
+    <motion.div
+      initial={{ opacity: 0, y: 30 }}
+      animate={{ opacity: 1, y: 0 }}
+      transition={{ duration: 0.6, delay: index * 0.1 }}
+      className="card group overflow-hidden"
+    >
+      <div className="p-6">
+        <div className="flex items-center mb-4">
+          <div className="text-4xl mr-4 group-hover:scale-110 transition-transform duration-300">
+            {service.icon}
+          </div>
+          <div>
+            <span className="inline-block bg-blue-100 dark:bg-blue-900/30 text-blue-600 dark:text-blue-400 text-sm px-3 py-1 rounded-full font-medium mb-2">
+              {service.category}
+            </span>
+            <h3 className="text-xl font-bold text-gray-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-300">
+              {service.title}
+            </h3>
+          </div>
+        </div>
+        
+        <p className="text-gray-600 dark:text-gray-300 mb-6 leading-relaxed">
+          {service.description}
+        </p>
+        
+        <Link
+          to={`/online/services/${service.id}`}
+          className="inline-flex items-center text-blue-600 dark:text-blue-400 font-semibold hover:text-blue-700 dark:hover:text-blue-300 transition-colors duration-300 group"
+        >
+          Learn More
+          <FiArrowRight className="ml-2 h-4 w-4 group-hover:translate-x-1 transition-transform duration-300" />
+        </Link>
+      </div>
+      
+      <div className="h-1 bg-gradient-to-r from-blue-600 to-emerald-600 transform scale-x-0 group-hover:scale-x-100 transition-transform duration-300 origin-left"></div>
+    </motion.div>
+  );
+};
+
+export default ServiceCard;