Small changes & adjustments

src/sections/Uptime.tsx

@@ -0,0 +1,36 @@
+"use client";
+
+export function Uptime() {
+  return (
+    <section className="w-full max-w-6xl mx-auto space-y-10 px-4">
+      <div className="text-center space-y-4">
+        <h2 className="text-3xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-500">
+          Downtime
+        </h2>
+      </div>
+
+      <div className="max-w-3xl mx-auto">
+        <div className="p-6 rounded-2xl bg-gradient-to-br from-gray-800/20 to-transparent backdrop-blur-sm border border-white/6">
+          <h3 className="text-2xl font-semibold text-white mb-4 text-center">
+            I love my homelab
+          </h3>
+          <div className="flex gap-6 items-center justify-between">
+            <div className="flex-1 text-center">
+              <img src="/gh_down.png" alt="GitHub downtime" className="mx-auto h-28 object-contain" />
+              <h4 className="mt-3 font-medium text-white">GitHub</h4>
+              <p className="text-gray-400 mt-1">Goes down more.</p>
+            </div>
+
+            <div className="w-px h-24 bg-white/6" />
+
+            <div className="flex-1 text-center">
+              <img src="/homelab_down.png" alt="HomeLab" className="mx-auto h-28 object-contain" />
+              <h4 className="mt-3 font-medium text-white">HomeLab</h4>
+              <p className="text-gray-400 mt-1">Goes down less.</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}