feat: tweak text.

Author: zicklag

src/components/content-section.astro

@@ -19,7 +19,7 @@ const { title, id } = Astro.props;
     >
     </h2>
   </div>
-  <p class="max-w-xl text-center font-extrabold text-xl">
+  <p class="max-w-xl text-center font-extrabold text-2xl">
     <slot name="lead" />
   </p>
   <slot />

src/components/splash.astro

@@ -15,16 +15,20 @@ const widths = [450, 800];
 const sizes = "(min-width: 640px) 42vw, 67vw";
 ---
 
-<section class="splash relative flex h-full flex-col items-start justify-center">
+<section class="splash relative flex h-full flex-col items-start justify-center pl-14">
   <!-- <Starfield /> -->
   <!-- <GitHubCorner /> -->
   <!-- <div id="splash-bg-fallback" class="absolute inset-0 hidden opacity-40">
     <HeroImage />
   </div> -->
-  <h2 class="text-8xl mb-[3em] font-bold ml-14">
+  <h2 class="text-8xl mb-[3em] font-bold">
     <!-- <Icon name="logomark" class="size-20 text-white md:size-32" /> -->
     <div set:html={props.heroText} />
   </h2>
+
+  <h3 class="text-4xl">
+    DevOps Transformation<br />Cloud Innovation
+  </h3>
   <!-- <div
       id="astronaut"
       class="w-2/3 max-w-3xl self-start sm:w-10/12 sm:self-auto sm:justify-self-start"

src/config.yaml

@@ -6,7 +6,7 @@ heroText: Kadima Solutions
 
 sections:
   - type: content
-    title: DevOps Transformation<br />Cloud Innovation
+    # title: DevOps Transformation<br />Cloud Innovation
     lead: Solving technical challenges to keep your business moving forward
   - type: contact-form
     title: Contact Us

src/pages/index.astro

@@ -68,7 +68,7 @@ const description = config.description;
     <!-- <Header /> -->
     {config.heroText ? <Splash {...config} /> : undefined}
 
-    <div class="space-y-24 px-8 py-32">
+    <div class="space-y-12 px-8 pb-12">
       {
         config.sections.map((section) => {
           if (section.type == "splash") {