feat(landing-page): make splash presentable

apps/landing-page/src/components/header.astro

@@ -21,9 +21,7 @@ const socials = [
   class="absolute bottom-0 z-10 flex items-center justify-between w-full px-8 py-4 text-white border-b border-transparent"
 >
   <a class="flex items-center gap-3 hover:!text-default" href="#">
-    <h1 class="sr-only">Astro</h1>
+    <h1 class="text-">Astro Reactive</h1>
-    <Icon name="logomark" class="h-10" />
-    <Icon name="wordmark" class="hidden h-4 sm:block" />
   </a>
   <div>
     <div class="flex items-center gap-6">

apps/landing-page/src/pages/index.astro

@@ -1,7 +1,7 @@
 ---
 import Header from "~/components/header.astro";
 // import Icon from "astro-icon";
-import Splash from "~/components/splash.astro";
+import Splash from "~/sections/splash.astro";
 import "~/styles/index.css";
 import AstroSection from "~/sections/astro-section.astro";
 
@@ -78,6 +78,6 @@ const description =
   >
     <Header />
     <Splash />
-    <AstroSection />
+    <!--AstroSection /-->
   </body>
 </html>

apps/landing-page/src/sections/astro-section.astro

@@ -1,10 +1,10 @@
 ---
 import { Icon } from "astro-icon";
-import Starfield from "~/components/starfield.astro";
+// import Starfield from "~/components/starfield.astro";
 ---
 
 <section class="h-screen flex flex-col px-10 astro relative">
-  <Starfield />
+  <!--Starfield /-->
   <div class="flex">
     <div class="flex-1">
       <h1 class="text-6xl font-extrabold gradient-text">

apps/landing-page/src/sections/splash.astro

@@ -1,7 +1,7 @@
 ---
 import { generateImage } from "astro-eleventy-img";
 import { Icon } from "astro-icon";
-// import Starfield from "~/components/starfield.astro";
+import Starfield from "~/sections/starfield.astro";
 import Copynpm from "~/components/copynpm.astro";
 
 const widths = [450, 800];
@@ -19,8 +19,8 @@ const webpSrcset = webp.map(({ srcset }) => srcset).join(",");
 const pngSrcset = png.map(({ srcset }) => srcset).join(",");
 ---
 
-<section class="relative h-full bg-black">
+<section class="h-screen flex flex-col px-10 astro relative">
-  <!-- <Starfield /> -->
+  <Starfield />
   <div
     class="relative flex flex-col-reverse justify-end pt-16 h-full astro-lg:grid-cols-2 place-items-center astro-lg:grid astro-lg:pt-0 astro-img:pt-10"
   >
@@ -32,9 +32,9 @@ const pngSrcset = png.map(({ srcset }) => srcset).join(",");
         <div
           class="font-extrabold tracking-tighter text-center text-8xl gradient-text"
         >
-          Build fast
+        Build Astro 
-          <br /> websites,
+        <br />Applications
-          <br /> faster.
+        <br />with Reactive UIs
         </div>
       </h2>
       <div