update: rebrand to tunel.live

components/site-footer.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import TunnlLogo from "./tunnl-logo"
+import TunelLogo from "./tunel-logo"
 import Link from "next/link"
 
 export default function SiteFooter() {
@@ -8,9 +8,9 @@ export default function SiteFooter() {
     <footer className="border-t border-gray-800 py-6 px-4">
       <div className="max-w-3xl mx-auto text-center">
         <div className="flex items-center justify-center gap-2 mb-4">
-          <TunnlLogo />
+          <TunelLogo />
           <span className="text-xl font-bold">
-            <span className="text-emerald-400">tunnl</span>.live
+            <span className="text-emerald-400">tunel</span>.live
           </span>
         </div>
         <div className="flex flex-wrap items-center justify-center gap-x-6 gap-y-2 mb-4 text-sm">
@@ -19,7 +19,7 @@ export default function SiteFooter() {
           </Link>
         </div>
         <div className="text-sm text-gray-500">
-          © {new Date().getFullYear()} tunnl.live. Made with ❤️ by{' '}
+          © {new Date().getFullYear()} tunel.live. Made with ❤️ by{' '}
           <a
             href="https://github.com/fossyy"
             target="_blank"

components/site-header.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import Link from "next/link"
-import TunnlLogo from "./tunnl-logo"
+import TunelLogo from "./tunel-logo"
 import UserMenu from "./user-menu"
 import { authClient } from "@/lib/auth-client";
 import { redirect, RedirectType } from 'next/navigation'
@@ -27,9 +27,9 @@ export default function SiteHeader({ session }: SiteHeaderProps) {
             <div className="max-w-7xl mx-auto px-4 py-4">
                 <div className="flex items-center justify-between">
                     <div className="flex items-center gap-2">
-                        <TunnlLogo />
+                        <TunelLogo />
                         <span className="text-xl font-bold">
-                            <span className="text-emerald-400">tunnl</span>.live
+                            <span className="text-emerald-400">tunel</span>.live
                         </span>
                     </div>
                     

components/tunel-logo.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-export default function TunnlLogo() {
+export default function TunelLogo() {
   return (
     <svg xmlns="http://www.w3.org/2000/svg" width={20} height={18}>
       <path

components/tunnel-config.tsx

@@ -49,7 +49,7 @@ const fetchServers = async (): Promise<Server[]> => {
       id: "us",
       name: "United States",
       location: "Chicago",
-      subdomain: "us.tunnl.live",
+      subdomain: "us.tunel.live",
       coordinates: [-87.6298, 41.8781],
       ping: null,
       status: "online",
@@ -70,7 +70,7 @@ const fetchServers = async (): Promise<Server[]> => {
       id: "fra",
       name: "Frankfurt",
       location: "Germany",
-      subdomain: "eu.tunnl.live",
+      subdomain: "eu.tunel.live",
       coordinates: [8.6821, 50.1109],
       ping: null,
       status: "online",
@@ -91,7 +91,7 @@ const fetchServers = async (): Promise<Server[]> => {
       id: "sgp",
       name: "Singapore",
       location: "Singapore",
-      subdomain: "sgp.tunnl.live",
+      subdomain: "sgp.tunel.live",
       coordinates: [103.8198, 1.3521],
       ping: null,
       status: "online",