···

       
1
       
1
       
 
       
export const Home = () => {

     

       
2
       
2
       
 
       
  return (

     

       
3
       
3
       
 
       
    <div class="flex w-full flex-col gap-4 wrap-break-word">

     

       
4
       
4
       
-
       
      <div>

     

       
4
       
4
       
+
       
      <div class="flex flex-col gap-0.5">

     

       
5
       
5
       
 
       
        <div>

     

       
6
       
6
       
-
       
          <span class="text-lg font-semibold">AT Protocol Explorer</span>

     

       
6
       
6
       
+
       
          <span class="text-xl font-semibold">AT Protocol Explorer</span>

     

       
7
       
7
       
 
       
        </div>

     

       
8
       
8
       
 
       
        <div class="flex items-center gap-1">

     

       
9
       
9
       
 
       
          <div class="iconify lucide--search" />

     

       
10
       
10
       
 
       
          <span>

     

       
11
       
11
       
 
       
            Browse the public data on{" "}

     

       
12
       
12
       
-
       
            <a class="underline" href="https://atproto.com" target="_blank">

     

       
12
       
12
       
+
       
            <a class="underline hover:text-blue-400" href="https://atproto.com" target="_blank">

     

       
13
       
13
       
 
       
              atproto

     

       
14
       
14
       
 
       
            </a>

     

       
15
       
15
       
 
       
            .

     
···

       
24
       
24
       
 
       
          <span>Jetstream and firehose streaming.</span>

     

       
25
       
25
       
 
       
        </div>

     

       
26
       
26
       
 
       
        <div class="flex items-center gap-1">

     

       
27
       
27
       
-
       
          <div class="iconify lucide--send-to-back" />

     

       
27
       
27
       
+
       
          <div class="iconify lucide--link" />

     

       
28
       
28
       
 
       
          <span>

     

       
29
       
29
       
 
       
            Backlinks support with{" "}

     

       
30
       
30
       
-
       
            <a href="https://constellation.microcosm.blue" class="underline" target="_blank">

     

       
30
       
30
       
+
       
            <a

     

       
31
       
31
       
+
       
              href="https://constellation.microcosm.blue"

     

       
32
       
32
       
+
       
              class="underline hover:text-blue-400"

     

       
33
       
33
       
+
       
              target="_blank"

     

       
34
       
34
       
+
       
            >

     

       
31
       
35
       
 
       
              constellation

     

       
32
       
36
       
 
       
            </a>

     

       
33
       
37
       
 
       
            .