Merge pull request #345 from Trombach/feature/hero-redesign

Hero redesign

.changeset/eleven-cats-count.md

@@ -0,0 +1,5 @@
+---
+"homepage": minor
+---
+
+Redesign of the hero page and general page layout

.markdownlint.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "https://raw.githubusercontent.com/DavidAnson/markdownlint/v0.35.0/schema/markdownlint-config-schema.json",
+  "default": true,
+  "MD013": {
+    "line_length": 120
+  }
+}

astro.config.mjs

@@ -1,3 +1,5 @@
+// @ts-check
+
 import { defineConfig, envField } from "astro/config";
 import tailwind from "@astrojs/tailwind";
 import svelte from "@astrojs/svelte";
@@ -8,11 +10,23 @@ import react from "@astrojs/react";
 import addsToHead from "./adds-to-head-integration";
 import remarkGithub from "remark-github";
 import sitemap from "@astrojs/sitemap";
+
+// @ts-ignore
 import rehypeFigure from "@microflash/rehype-figure";
 
+import inoxToolsContentUtils from "@inox-tools/content-utils";
+
 // https://astro.build/config
 export default defineConfig({
-  integrations: [tailwind(), svelte(), mdx(), react(), addsToHead(), sitemap()],
+  integrations: [
+    tailwind(),
+    svelte(),
+    mdx(),
+    react(),
+    addsToHead(),
+    sitemap(),
+    inoxToolsContentUtils(),
+  ],
   image: {
     domains: ["placehold.co"],
   },
@@ -54,17 +68,24 @@ export default defineConfig({
   }),
   site: "https://www.lukastrombach.dev",
   experimental: {
+    contentIntellisense: true,
     serverIslands: true,
     actions: true,
     env: {
       schema: {
-        GH_TOKEN: envField.string({ context: "server", access: "secret" }),
+        GH_TOKEN: envField.string({
+          context: "server",
+          access: "secret",
+        }),
         VERCEL_URL: envField.string({
           context: "server",
           access: "public",
           optional: true,
         }),
-        RESEND_TOKEN: envField.string({ context: "server", access: "secret" }),
+        RESEND_TOKEN: envField.string({
+          context: "server",
+          access: "secret",
+        }),
         VERCEL_STORAGE_URL: envField.string({
           context: "server",
           access: "public",

biome.json

@@ -4,10 +4,26 @@
   "organizeImports": {
     "enabled": true
   },
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "defaultBranch": "main",
+    "useIgnoreFile": true
+  },
   "linter": {
     "enabled": true,
     "rules": {
-      "recommended": true
+      "recommended": true,
+      "nursery": {
+        "useSortedClasses": {
+          "level": "warn",
+          "fix": "safe",
+          "options": {
+            "attributes": ["class:list"],
+            "functions": ["clsx"]
+          }
+        }
+      }
     }
   },
   "formatter": {

package.json

@@ -31,6 +31,7 @@
     "@fontsource-variable/jetbrains-mono": "^5.0.22",
     "@iconify-json/heroicons": "^1.1.24",
     "@iconify-json/simple-icons": "^1.1.114",
+    "@inox-tools/content-utils": "^0.7.0",
     "@microflash/rehype-figure": "^2.1.0",
     "@tailwindcss/container-queries": "^0.1.1",
     "@vercel/analytics": "^1.3.1",
@@ -45,7 +46,6 @@
     "resend": "^4.0.0",
     "sharp": "^0.33.5",
     "svelte": "^4.2.18",
-    "svelte-gestures": "^5.0.4",
     "svelte-preprocess": "^6.0.2",
     "tailwindcss": "^3.4.10"
   },
@@ -57,7 +57,6 @@
     "@types/react": "^18.3.4",
     "@types/react-dom": "^18.3.0",
     "svelte-check": "^3.8.5",
-    "svelte-typewriter": "^3.2.3",
     "typescript": "^5.5.4",
     "unplugin-icons": "^0.19.2"
   },