chore: update README, fix formatting in config files, and add biome configuration

.prettierrc.mjs

@@ -1,13 +0,0 @@
-
-/** @type {import("prettier").Config} */
-export default {
-  plugins: ['prettier-plugin-astro', 'prettier-plugin-tailwindcss'],
-  overrides: [
-    {
-      files: '*.astro',
-      options: {
-        parser: 'astro',
-      },
-    },
-  ],
-};

README.md

@@ -1,2 +1,3 @@
 # astro-site-test
+
 cheff its a test dont delete

astro.config.mjs

@@ -1,7 +1,7 @@
-import { defineConfig } from 'astro/config';
+import { defineConfig } from "astro/config";
-import tailwind from '@astrojs/tailwind';
+import tailwind from "@astrojs/tailwind";
 
 // https://astro.build/config
 export default defineConfig({
-	integrations: [tailwind()],
+  integrations: [tailwind()],
 });

biome.json

@@ -0,0 +1,33 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+  "vcs": {
+    "enabled": false,
+    "clientKind": "git",
+    "useIgnoreFile": false
+  },
+  "files": {
+    "ignoreUnknown": false,
+    "ignore": []
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space"
+  },
+  "organizeImports": {
+    "enabled": true
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true,
+      "nursery": {
+        "useSortedClasses": "info"
+      }
+    }
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "double"
+    }
+  }
+}

package.json

@@ -20,4 +20,4 @@
     "prettier-plugin-tailwindcss": "^0.6.8",
     "tailwindcss": "3.2.7"
   }
-}
+}

src/components/hero.astro

@@ -1,12 +1,13 @@
-<section id="hero">
+<section id="hero" class="section">
   <h2>Stay focused, browse faster</h2>
   <p class="max-w-prose text-lg text-muted">
     Zen is beautifully designed, privacy-focused, and packed with features. We
     care about your experience, not your data.
   </p>
-  <div class="vstack gap-sm">
+  <div class="center flex flex-col gap-sm">
     <a href="/download" class="btn-base">Download Zen</a>
     <p class="text-sm text-muted/95">Available on Windows, Mac, and Linux</p>
   </div> 
   <img src="https://media.discordapp.net/attachments/1302453497651925082/1302664349655240825/nI0zVqK.png?ex=6728f037&is=67279eb7&hm=a307a77de19d56eb9165f3333a22ba5ea40e0ebb43fa1f03ecb11204ddc7e218&=&format=webp&quality=lossless&width=809&height=698" alt="Zen Logo"  />
 </section> 
+   

tailwind.config.cjs

@@ -18,21 +18,20 @@ module.exports = {
   plugins: [
     plugin(function ({ addBase, addComponents, addUtilities, theme }) {
       addBase({
-        section: {
-          "@apply flex flex-col justify-center items-center gap-md text-center":
-            {},
-        },
         h2: {
           "@apply text-7xl font-bold text-primary": {},
         },
       });
       addComponents({
-        ".vstack": {
+        ".section": {
           display: "flex",
           flexDirection: "column",
-          gap: theme("spacing.sm"),
+          gap: theme("spacing.md"),
           alignItems: "center",
         },
+        ".center": {
+          "@apply text-center place-items-center": {},
+        },
         ".btn-base": {
           "@apply bg-black text-white font-semibold py-3 px-6 rounded-full w-fit":
             {},

tsconfig.json

@@ -1,3 +1,3 @@
 {
   "extends": "astro/tsconfigs/base"
-}
+}