···

       
24
       
 
       
            </div>

     

       
25
       
 
       


     

       
26
       
 
       
            {/* Display Board Text */}

     

       
27
       
-
       
            <div className="relative flex justify-center items-center py-2 pb-4 px-4">

     

       
28
       
 
       
              <div className="relative text-center">

     

       
29
       
-
       
                <span className="font-mono text-[3em] font-semibold tracking-[0.12em] leading-[0.9] text-white 

     

       
30
       
 
       
                           [text-shadow:0_0_20px_rgba(255,255,255,0.2),0_0_40px_rgba(255,255,255,0.1)]

     

       
31
       
 
       
                           relative z-10">

     

       
32
       
 
       
                  ATP INTERNECTIONAL AIRPORT

     

       
33
       
 
       
                </span>

     

       
34
       
 
       
                {/* Text glow effect */}

     

       
35
       
 
       
                <div className="absolute inset-0 blur-[2px] opacity-50">

     

       
36
       
-
       
                  <span className="font-mono text-[3em] font-semibold tracking-[0.12em] leading-[0.9] text-white">

     

       
37
       
 
       
                    ATP INTERNECTIONAL AIRPORT

     

       
38
       
 
       
                  </span>

     

       
39
       
 
       
                </div>

     
···

       
45
       
 
       
            </div>

     

       
46
       
 
       
            {/* Vignette effect */}

     

       
47
       
 
       
            <div className="absolute inset-0 bg-[radial-gradient(circle_at_center,_transparent_0%,_rgba(0,0,0,0.2)_100%)]">

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
48
       
 
       
            </div>

     

       
49
       
 
       
          </div>

     

       
50
       
 
       
        </div>

     

···

       
24
       
 
       
            </div>

     

       
25
       
 
       


     

       
26
       
 
       
            {/* Display Board Text */}

     

       
27
       
+
       
            <div className="relative flex justify-center items-center py-1 sm:py-2 pb-2 sm:pb-4 px-2 sm:px-4">

     

       
28
       
 
       
              <div className="relative text-center">

     

       
29
       
+
       
                <span className="font-mono text-[2em] sm:text-[3em] font-semibold tracking-[0.12em] leading-[0.9] text-white 

     

       
30
       
 
       
                           [text-shadow:0_0_20px_rgba(255,255,255,0.2),0_0_40px_rgba(255,255,255,0.1)]

     

       
31
       
 
       
                           relative z-10">

     

       
32
       
 
       
                  ATP INTERNECTIONAL AIRPORT

     

       
33
       
 
       
                </span>

     

       
34
       
 
       
                {/* Text glow effect */}

     

       
35
       
 
       
                <div className="absolute inset-0 blur-[2px] opacity-50">

     

       
36
       
+
       
                  <span className="font-mono text-[2em] sm:text-[3em] font-semibold tracking-[0.12em] leading-[0.9] text-white">

     

       
37
       
 
       
                    ATP INTERNECTIONAL AIRPORT

     

       
38
       
 
       
                  </span>

     

       
39
       
 
       
                </div>

     
···

       
45
       
 
       
            </div>

     

       
46
       
 
       
            {/* Vignette effect */}

     

       
47
       
 
       
            <div className="absolute inset-0 bg-[radial-gradient(circle_at_center,_transparent_0%,_rgba(0,0,0,0.2)_100%)]">

     

       
48
       
+
       
            </div>

     

       
49
       
+
       
          </div>

     

       
50
       
+
       
        </div>

     

       
51
       
+
       
      </div>

     

       
52
       
+
       


     

       
53
       
+
       
      {/* Under Construction Extension BELOW the sign, perfectly matching main sign frame, no outline or padding on top */}

     

       
54
       
+
       
      <div className="absolute left-1/2 top-full -translate-x-1/2">

     

       
55
       
+
       
        <div className="bg-gradient-to-b from-slate-800 to-slate-900 pb-1 px-1 rounded-b-lg rounded-t-none shadow-[0_2px_10px_rgba(0,0,0,0.3)] border-t-0">

     

       
56
       
+
       
          <div className="bg-gradient-to-b from-slate-600 via-slate-700 to-slate-800 pb-2 px-2 rounded-b-[6px] rounded-t-none border-t-0">

     

       
57
       
+
       
            <div className="bg-black px-4 pt-0 pb-0.5 rounded-b-[4px] rounded-t-none border-t-0">

     

       
58
       
+
       
              <span className="font-mono text-sm font-medium tracking-wider text-yellow-400 [text-shadow:0_0_10px_rgba(255,255,0,0.3)] animate-pulse">

     

       
59
       
+
       
                UNDER CONSTRUCTION

     

       
60
       
+
       
              </span>

     

       
61
       
 
       
            </div>

     

       
62
       
 
       
          </div>

     

       
63
       
 
       
        </div>

     

···

       
73
       
 
       
          {/* Home Link */}

     

       
74
       
 
       
          <a

     

       
75
       
 
       
            href="/"

     

       
76
       
-
       
            className="airport-sign bg-gradient-to-r from-blue-500 to-blue-600 text-white flex items-center px-6 py-3 hover:translate-y-1 transition-all duration-200 hover:from-blue-600 hover:to-blue-700"

     

       
77
       
 
       
          >

     

       
78
       
 
       
            <img

     

       
79
       
 
       
              src="/icons/plane_bold.svg"

     
···

       
89
       
 
       
            <div className="relative group">

     

       
90
       
 
       
              <a

     

       
91
       
 
       
                href="/migrate"

     

       
92
       
-
       
                className="airport-sign bg-gradient-to-r from-amber-400 to-amber-500 text-slate-900 flex items-center px-6 py-3 hover:translate-y-1 transition-all duration-200 hover:from-amber-500 hover:to-amber-600"

     

       
93
       
 
       
              >

     

       
94
       
 
       
                <img

     

       
95
       
 
       
                  src="/icons/plane-departure_bold.svg"

     
···

       
108
       
 
       
              {user?.did

     

       
109
       
 
       
                ? (

     

       
110
       
 
       
                  <div className="relative group">

     

       
111
       
-
       
                    <div className="airport-sign bg-gradient-to-r from-amber-400 to-amber-500 text-slate-900 flex items-center px-6 py-3 hover:translate-y-1 transition-all duration-200 hover:from-amber-500 hover:to-amber-600 cursor-pointer">

     

       
112
       
 
       
                      <img

     

       
113
       
 
       
                        src="/icons/ticket_bold.svg"

     

       
114
       
 
       
                        alt="Check-in"

     
···

       
141
       
 
       
                : (

     

       
142
       
 
       
                  <a

     

       
143
       
 
       
                    href="/login"

     

       
144
       
-
       
                    className="airport-sign bg-gradient-to-r from-amber-400 to-amber-500 text-slate-900 flex items-center px-6 py-3 hover:translate-y-1 transition-all duration-200 hover:from-amber-500 hover:to-amber-600"

     

       
145
       
 
       
                  >

     

       
146
       
 
       
                    <img

     

       
147
       
 
       
                      src="/icons/ticket_bold.svg"

     

···

       
73
       
 
       
          {/* Home Link */}

     

       
74
       
 
       
          <a

     

       
75
       
 
       
            href="/"

     

       
76
       
+
       
            className="airport-sign bg-gradient-to-r from-blue-500 to-blue-600 text-white flex items-center px-3 sm:px-6 py-2 sm:py-3 transform translate-y-0 transition-transform duration-200 ease-in-out hover:translate-y-1 hover:from-blue-600 hover:to-blue-700"

     

       
77
       
 
       
          >

     

       
78
       
 
       
            <img

     

       
79
       
 
       
              src="/icons/plane_bold.svg"

     
···

       
89
       
 
       
            <div className="relative group">

     

       
90
       
 
       
              <a

     

       
91
       
 
       
                href="/migrate"

     

       
92
       
+
       
                className="airport-sign bg-gradient-to-r from-amber-400 to-amber-500 text-slate-900 flex items-center px-3 sm:px-6 py-2 sm:py-3 transform translate-y-0 transition-transform duration-200 ease-in-out hover:translate-y-1 hover:from-amber-500 hover:to-amber-600"

     

       
93
       
 
       
              >

     

       
94
       
 
       
                <img

     

       
95
       
 
       
                  src="/icons/plane-departure_bold.svg"

     
···

       
108
       
 
       
              {user?.did

     

       
109
       
 
       
                ? (

     

       
110
       
 
       
                  <div className="relative group">

     

       
111
       
+
       
                    <div className="airport-sign bg-gradient-to-r from-amber-400 to-amber-500 text-slate-900 flex items-center px-3 sm:px-6 py-2 sm:py-3 transform translate-y-0 transition-transform duration-200 ease-in-out hover:translate-y-1 hover:from-amber-500 hover:to-amber-600 cursor-pointer">

     

       
112
       
 
       
                      <img

     

       
113
       
 
       
                        src="/icons/ticket_bold.svg"

     

       
114
       
 
       
                        alt="Check-in"

     
···

       
141
       
 
       
                : (

     

       
142
       
 
       
                  <a

     

       
143
       
 
       
                    href="/login"

     

       
144
       
+
       
                    className="airport-sign bg-gradient-to-r from-amber-400 to-amber-500 text-slate-900 flex items-center px-3 sm:px-6 py-2 sm:py-3 transform translate-y-0 transition-transform duration-200 ease-in-out hover:translate-y-1 hover:from-amber-500 hover:to-amber-600"

     

       
145
       
 
       
                  >

     

       
146
       
 
       
                    <img

     

       
147
       
 
       
                      src="/icons/ticket_bold.svg"

     

···

       
4
       
 
       
export default function Home() {

     

       
5
       
 
       
  return (

     

       
6
       
 
       
    <>

     

       
7
       
-
       
      <div class="px-4 py-8 mx-auto">

     

       
8
       
 
       
        <div class="max-w-screen-lg mx-auto flex flex-col items-center justify-center">

     

       
9
       
 
       
          <AirportSign />

     

       
10
       
 
       


     

       
11
       
 
       
          <div class="prose dark:prose-invert max-w-none w-full mb-0">

     

       
12
       
-
       
            <p class="font-mono text-xl font-bold mb-6 mt-0 text-center text-gray-600 dark:text-gray-300">

     

       
13
       
 
       
              Your terminal for seamless AT Protocol PDS migration and backup.

     

       
14
       
 
       
            </p>

     

       
15
       
 
       


     

       
16
       
 
       
            <Ticket />

     

       
17
       
 
       


     

       
18
       
-
       
            <div class="mt-8 text-center">

     

       
19
       
 
       
              <a

     

       
20
       
 
       
                href="/login"

     

       
21
       
-
       
                class="inline-flex items-center px-6 py-3 border border-transparent text-lg font-mono rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"

     

       
22
       
 
       
              >

     

       
23
       
 
       
                Begin Your Journey

     

       
24
       
 
       
              </a>

     

···

       
4
       
 
       
export default function Home() {

     

       
5
       
 
       
  return (

     

       
6
       
 
       
    <>

     

       
7
       
+
       
      <div class="px-2 sm:px-4 py-4 sm:py-8 mx-auto">

     

       
8
       
 
       
        <div class="max-w-screen-lg mx-auto flex flex-col items-center justify-center">

     

       
9
       
 
       
          <AirportSign />

     

       
10
       
 
       


     

       
11
       
 
       
          <div class="prose dark:prose-invert max-w-none w-full mb-0">

     

       
12
       
+
       
            <p class="font-mono text-lg sm:text-xl font-bold mb-4 sm:mb-6 mt-0 text-center text-gray-600 dark:text-gray-300">

     

       
13
       
 
       
              Your terminal for seamless AT Protocol PDS migration and backup.

     

       
14
       
 
       
            </p>

     

       
15
       
 
       


     

       
16
       
 
       
            <Ticket />

     

       
17
       
 
       


     

       
18
       
+
       
            <div class="mt-6 sm:mt-8 text-center">

     

       
19
       
 
       
              <a

     

       
20
       
 
       
                href="/login"

     

       
21
       
+
       
                class="inline-flex items-center px-4 sm:px-6 py-2 sm:py-3 border border-transparent text-base sm:text-lg font-mono rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"

     

       
22
       
 
       
              >

     

       
23
       
 
       
                Begin Your Journey

     

       
24
       
 
       
              </a>