added google analytics and also changed teh url of main page

Author: shadil-rayyan

install.sh

@@ -0,0 +1,25 @@
+#!/usr/bin/env bash
+# ===============================
+# Codekub Installer (Bootstrap)
+# ===============================
+
+# URL to fetch the full installer from GitHub
+INSTALL_URL="https://raw.githubusercontent.com/CodeCompasss/codekub/main/boot.sh"
+
+echo "============================="
+echo "     Installing Codekub      "
+echo "============================="
+
+# Use curl or wget
+if command -v curl >/dev/null 2>&1; then
+    echo "Downloading installer via curl..."
+    curl -fsSL "$INSTALL_URL" | bash
+elif command -v wget >/dev/null 2>&1; then
+    echo "Downloading installer via wget..."
+    wget -qO- "$INSTALL_URL" | bash
+else
+    echo "Error: Neither curl nor wget is installed."
+    exit 1
+fi
+
+echo "Installation finished!"

package-lock.json

@@ -24,6 +24,7 @@
   },
   "dependencies": {
     "next": "15.5.2",
+    "nextjs-google-analytics": "^2.3.7",
     "pino": "^9.9.0",
     "prom-client": "^15.1.3",
     "react": "19.1.0",

package.json

@@ -3,6 +3,7 @@ import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
 import Script from "next/script";
 import { jsonLd } from "@/lib/metadata";
+import GoogleAnalytics from "@/components/GoogleAnalytics";
 
 const geistSans = Geist({
   variable: "--font-geist-sans",
@@ -47,6 +48,7 @@ export default function RootLayout({
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
       >
         {children}
+        <GoogleAnalytics />
       </body>
     </html>
   );

src/app/layout.tsx

@@ -1,7 +1,19 @@
+"use client"; // needed for React hooks in Next.js app router
+import { useState } from "react";
+
 export default function Home() {
+  const [copied, setCopied] = useState(false);
+  const installCommand =
+    "curl -sSL https://codekub-website.codecompass2024.workers.dev/install | bash";
+
+  const handleCopy = () => {
+    navigator.clipboard.writeText(installCommand);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2000); // reset after 2 seconds
+  };
+
   return (
     <main className="min-h-screen bg-gradient-to-b from-[#0e0f1a] to-[#0b0c14] text-slate-200 flex flex-col items-center px-6">
-      
       {/* Header */}
       <section className="mt-24 text-center max-w-3xl">
         <h1 className="text-5xl font-bold tracking-tight text-green-400">
@@ -17,10 +29,14 @@ export default function Home() {
         </p>
 
         {/* Install Command */}
-        <div className="mt-8 bg-[#151728] border border-slate-700 rounded-lg px-5 py-3 font-mono text-sm text-slate-300 inline-flex items-center gap-3">
-          <span>
-            curl -sSL https://raw.githubusercontent.com/CodeCompasss/codekub/main/boot.sh | bash
-          </span>
+        <div className="mt-8 flex items-center gap-2 bg-[#151728] border border-slate-700 rounded-lg px-5 py-3 font-mono text-sm text-slate-300">
+          <span className="flex-1 break-all">{installCommand}</span>
+          <button
+            onClick={handleCopy}
+            className="ml-2 px-3 py-1 rounded bg-green-500/30 hover:bg-green-500/50 text-green-300 transition text-sm"
+          >
+            {copied ? "Copied ✅" : "Copy"}
+          </button>
         </div>
 
         {/* Manual Button */}
@@ -60,10 +76,9 @@ export default function Home() {
       <footer className="mt-24 mb-10 text-center text-slate-500 text-sm">
         <p>Brought to you by</p>
         <a href="https://code-compass-website.vercel.app/">
-        <p className="mt-1 font-semibold text-slate-300">CodeCompass</p>
+          <p className="mt-1 font-semibold text-slate-300">CodeCompass</p>
         </a>
       </footer>
-
     </main>
   );
 }

src/app/page.tsx

@@ -0,0 +1,13 @@
+"use client";
+
+import { GoogleAnalytics as GAComponent } from "nextjs-google-analytics";
+
+export default function GoogleAnalytics() {
+  return (
+    <GAComponent
+      trackPageViews
+      gaMeasurementId="G-Z6GERH4RW8"
+      debugMode={false}
+    />
+  );
+}