Add meta data

RahulScripted · RahulScripted · commit 8fde13bc5544 · 2025-04-07T07:39:54.000+05:30
diff --git a/index.html b/index.html
@@ -1,14 +1,50 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>SortLab</title>
 
+    <!-- SEO Meta Tags -->
+    <meta
+      name="description"
+      content="SortLab is a free and interactive sorting algorithm visualizer. Explore Bubble Sort, Merge Sort, Quick Sort, and more with animated steps and code in Python, Java, C++, and JavaScript."
+    />
+    <meta
+      name="keywords"
+      content="SortLab, Sorting Algorithm Visualizer, Sorting Algorithms, Algorithm Visualization, Bubble Sort, Merge Sort, Quick Sort, JavaScript, Python, C++, Java"
+    />
+    <meta name="author" content="Rahul Goswami" />
+
+    <!-- Open Graph (for LinkedIn, Facebook, etc.) -->
+    <meta
+      property="og:title"
+      content="SortLab - Sorting Algorithm Visualizer"
+    />
+    <meta
+      property="og:description"
+      content="Explore and learn sorting algorithms with step-by-step animations and code examples in multiple languages."
+    />
+    <meta property="og:type" content="website" />
+
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta
+      name="twitter:title"
+      content="SortLab - Sorting Algorithm Visualizer"
+    />
+    <meta
+      name="twitter:description"
+      content="Visualize and compare sorting algorithms like never before."
+    />
+
     <!-- For Ads -->
-    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2879437040112935"
-    crossorigin="anonymous"></script>
+    <script
+      async
+      src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2879437040112935"
+      crossorigin="anonymous"
+    ></script>
   </head>
   <body>
     <div id="root"></div>
diff --git a/src/components/Algorithm/Sorting/Sorting.jsx b/src/components/Algorithm/Sorting/Sorting.jsx
@@ -488,7 +488,7 @@ const Sorting = ({
         </h1>
 
         {/* Language Tabs */}
-        <div className="flex mb-4 gap-4">
+        <div className="mt-10 flex mb-4 gap-4">
           {Object.keys(codeSnippets).map((lang) => (
             <button
               key={lang}
