Switch to launch mode, add more information to imprint, add logos

src/components/GlobalStyles.astro

@@ -11,8 +11,8 @@
         --ff-heading: "Clash Display", sans-serif;
         --ff-body: "Archivo", sans-serif;
 
-        --fs-xl: clamp(3rem, 5vw + 1rem, 6rem);
-        --fs-600: 1.25rem;
+        --fs-xl: clamp(2.125rem, 5vw + 1rem, 6rem);
+        --fs-600: clamp(1.125rem, 1.5vw + 0.5rem, 1.25rem);
         --fs-500: 1.125rem;
         --fs-400: 1rem;
         --fs-300: 0.75rem;
@@ -33,6 +33,7 @@
 
         background-color: var(--clr-ts-dark);
         color: var(--clr-ts-light);
+        -webkit-font-smoothing: antialiased;
     }
 
     .sr-only {
@@ -50,7 +51,9 @@
     }
 
     .content {
-        & * + * {
+        max-width: 82ch;
+
+        & > * + * {
             margin-top: 0.25em;
         }
 
@@ -63,7 +66,12 @@
         }
     }
 
-    h1, h2, h3, h4, h5, h6 {
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
         font-family: var(--ff-heading);
     }
 

src/components/Hero.astro

@@ -4,24 +4,23 @@ import Logo from "../assets/ci/icon-only.svg";
 ---
 
 <main class="inner">
-    <div class="content">
+    <div class="text">
         <h1>Smart websites for bold ideas.</h1>
 
         <p>
-            <!-- From concept to launch — websites, apps, and digital solutions that
+            From concept to launch — websites, apps, and digital solutions that
             work hard, so you can play hard. Whether it's a personal site, an
             e-commerce platform, or a custom web app, I bring your ideas to
-            life. -->
-            Launching 07.10 - stay tuned!
+            life.
         </p>
 
-        <!-- <a
+        <a
             href="mailto:hello@tideshiftdigital.com?subject=Anfrage"
             class="hoverable">Get in touch</a
-        > -->
+        >
     </div>
 
-    <p class="copyright">&copy; 2025 Michael Rieger</p>
+    <p class="copyright"><span>&copy; 2025</span> <span>Tideshift Digital e.U.</span></p>
 
     <Typemark class="typemark" />
 </main>
@@ -35,20 +34,15 @@ import Logo from "../assets/ci/icon-only.svg";
 </style>
 
 <style>
-    /* .wrapper {
-        display: block;
-        height: 100%;
-        overflow: clip;
-    } */
-
     .inner {
         display: grid;
         height: 100%;
         grid-template-columns: 1fr 1fr;
         grid-template-rows: 1fr 1fr;
+        gap: 1rem;
     }
 
-    .content {
+    .text {
         display: flex;
         flex-direction: column;
         justify-content: center;
@@ -67,10 +61,10 @@ import Logo from "../assets/ci/icon-only.svg";
         letter-spacing: 0.0333em;
     }
 
-    .content {
+    .text {
         & p {
             max-width: 50ch;
-            line-height: 1.4;
+            line-height: 1.5;
             font-size: var(--fs-600);
         }
     }
@@ -101,6 +95,10 @@ import Logo from "../assets/ci/icon-only.svg";
         grid-row: 2;
         grid-column: 1;
         font-size: var(--fs-300);
+
+        & > * {
+            display: inline-block;
+        }
     }
 
     .typemark {

src/layouts/Layout.astro

@@ -33,13 +33,9 @@ const { title } = Astro.props;
 			content={"Tideshift Digital - " + title ||
 				"Building The Web On Your Terms"}
 		/>
-		<!-- <meta
-			property="og:description"
-			content="From concept to launch — websites, apps, and digital solutions that work hard, so you can play hard. Based in Vienna, we turn ideas into live products."
-		/> -->
 		<meta
 			property="og:description"
-			content="Launching 07.10 - stay tuned!"
+			content="From concept to launch — websites, apps, and digital solutions that work hard, so you can play hard. Based in Vienna, we turn ideas into live products."
 		/>
 		<meta property="og:type" content="website" />
 		<meta property="og:url" content="https://tideshiftdigital.com/" />

src/pages/imprint.astro

@@ -3,20 +3,39 @@ import Layout from "../layouts/Layout.astro";
 ---
 
 <Layout title="Imprint">
-    <main class="content">
+    <main class="imprint">
         <h1>Imprint</h1>
 
         <div>
-            <p>Michael Rieger</p>
-            <p>Grasbergergasse 9/1/7</p>
-            <p>1030 Wien</p>
-            <p>mr@tideshiftdigital.com</p>
+            <p>Tideshift Digital e.U.</p>
+            <p>Inhaber Michael Rieger</p>
+        </div>
+
+        <div>
+            <p>
+                Dienstleistungen in der automatischen Datenverarbeitung und
+                Informationstechnik
+            </p>
+        </div>
+
+        <div>
+            <p>UID-Nr: ATU82509206</p>
+            <p>FN: 660619Z</p>
+            <p>FB-Gericht: Handelsgericht Wien</p>
+            <p>Sitz: 1030 Wien</p>
+            <p>Grasbergergasse 9/1/7 | Austria</p>
+            <p>Tel: +43 (0) 670 350 53 50</p>
+            <p>E-Mail: office@tideshiftdigital.com</p>
         </div>
     </main>
 </Layout>
 
-<style>
+<style scoped>
     h1 {
         margin-top: 2rem;
     }
+
+    main > * + * {
+        margin-top: 1rem;
+    }
 </style>