diff --git a/.zed/settings.json b/.zed/settings.json
new file mode 100644
index 0000000..4ceb63a
--- /dev/null
+++ b/.zed/settings.json
@@ -0,0 +1,3 @@
+{
+  "tab_size": 2,
+}
diff --git a/astro.config.mjs b/astro.config.mjs
index d73c778..b937b29 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -1,12 +1,12 @@
-import { defineConfig } from 'astro/config';
-import react from '@astrojs/react';
-import tailwindcss from '@tailwindcss/vite';
+import { defineConfig } from "astro/config";
+import react from "@astrojs/react";
+import tailwindcss from "@tailwindcss/vite";
 
 export default defineConfig({
   integrations: [react()],
   vite: { plugins: [tailwindcss()] },
   server: {
-    host: '0.0.0.0',
+    host: "0.0.0.0",
     port: 5000,
     allowedHosts: true,
   },
diff --git a/biome.json b/biome.json
new file mode 100644
index 0000000..76e5a5a
--- /dev/null
+++ b/biome.json
@@ -0,0 +1,35 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.3.13/schema.json",
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true
+  },
+  "files": {
+    "ignoreUnknown": false
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "indentWidth": 2
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true
+    }
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "double"
+    }
+  },
+  "assist": {
+    "enabled": true,
+    "actions": {
+      "source": {
+        "organizeImports": "on"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
index f8032bb..5785ae5 100644
--- a/package.json
+++ b/package.json
@@ -40,6 +40,7 @@
     "tailwind-merge": "^3.4.0"
   },
   "devDependencies": {
+    "@biomejs/biome": "2.3.13",
     "@tailwindcss/vite": "^4.1.18",
     "@types/node": "^25.0.8",
     "@types/react": "^19.2.8",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index bb56d40..62fafe0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -39,6 +39,9 @@ importers:
         specifier: ^3.4.0
         version: 3.4.0
     devDependencies:
+      '@biomejs/biome':
+        specifier: 2.3.13
+        version: 2.3.13
       '@tailwindcss/vite':
         specifier: ^4.1.18
         version: 4.1.18(vite@6.4.1(@types/node@25.0.8)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.2))
@@ -178,6 +181,59 @@ packages:
     resolution: {integrity: sha512-0ZrskXVEHSWIqZM/sQZ4EV3jZJXRkio/WCxaqKZP1g//CEWEPSfeZFcms4XeKBCHU0ZKnIkdJeU/kF+eRp5lBg==}
     engines: {node: '>=6.9.0'}
 
+  '@biomejs/biome@2.3.13':
+    resolution: {integrity: sha512-Fw7UsV0UAtWIBIm0M7g5CRerpu1eKyKAXIazzxhbXYUyMkwNrkX/KLkGI7b+uVDQ5cLUMfOC9vR60q9IDYDstA==}
+    engines: {node: '>=14.21.3'}
+    hasBin: true
+
+  '@biomejs/cli-darwin-arm64@2.3.13':
+    resolution: {integrity: sha512-0OCwP0/BoKzyJHnFdaTk/i7hIP9JHH9oJJq6hrSCPmJPo8JWcJhprK4gQlhFzrwdTBAW4Bjt/RmCf3ZZe59gwQ==}
+    engines: {node: '>=14.21.3'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@biomejs/cli-darwin-x64@2.3.13':
+    resolution: {integrity: sha512-AGr8OoemT/ejynbIu56qeil2+F2WLkIjn2d8jGK1JkchxnMUhYOfnqc9sVzcRxpG9Ycvw4weQ5sprRvtb7Yhcw==}
+    engines: {node: '>=14.21.3'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@biomejs/cli-linux-arm64-musl@2.3.13':
+    resolution: {integrity: sha512-TUdDCSY+Eo/EHjhJz7P2GnWwfqet+lFxBZzGHldrvULr59AgahamLs/N85SC4+bdF86EhqDuuw9rYLvLFWWlXA==}
+    engines: {node: '>=14.21.3'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@biomejs/cli-linux-arm64@2.3.13':
+    resolution: {integrity: sha512-xvOiFkrDNu607MPMBUQ6huHmBG1PZLOrqhtK6pXJW3GjfVqJg0Z/qpTdhXfcqWdSZHcT+Nct2fOgewZvytESkw==}
+    engines: {node: '>=14.21.3'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@biomejs/cli-linux-x64-musl@2.3.13':
+    resolution: {integrity: sha512-0bdwFVSbbM//Sds6OjtnmQGp4eUjOTt6kHvR/1P0ieR9GcTUAlPNvPC3DiavTqq302W34Ae2T6u5VVNGuQtGlQ==}
+    engines: {node: '>=14.21.3'}
+    cpu: [x64]
+    os: [linux]
+
+  '@biomejs/cli-linux-x64@2.3.13':
+    resolution: {integrity: sha512-s+YsZlgiXNq8XkgHs6xdvKDFOj/bwTEevqEY6rC2I3cBHbxXYU1LOZstH3Ffw9hE5tE1sqT7U23C00MzkXztMw==}
+    engines: {node: '>=14.21.3'}
+    cpu: [x64]
+    os: [linux]
+
+  '@biomejs/cli-win32-arm64@2.3.13':
+    resolution: {integrity: sha512-QweDxY89fq0VvrxME+wS/BXKmqMrOTZlN9SqQ79kQSIc3FrEwvW/PvUegQF6XIVaekncDykB5dzPqjbwSKs9DA==}
+    engines: {node: '>=14.21.3'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@biomejs/cli-win32-x64@2.3.13':
+    resolution: {integrity: sha512-trDw2ogdM2lyav9WFQsdsfdVy1dvZALymRpgmWsvSez0BJzBjulhOT/t+wyKeh3pZWvwP3VMs1SoOKwO3wecMQ==}
+    engines: {node: '>=14.21.3'}
+    cpu: [x64]
+    os: [win32]
+
   '@capsizecss/unpack@4.0.0':
     resolution: {integrity: sha512-VERIM64vtTP1C4mxQ5thVT9fK0apjPFobqybMtA1UdUujWka24ERHbRHFGmpbbhp73MhV+KSsHQH9C6uOTdEQA==}
     engines: {node: '>=18'}
@@ -2310,6 +2366,41 @@ snapshots:
       '@babel/helper-string-parser': 7.27.1
       '@babel/helper-validator-identifier': 7.28.5
 
+  '@biomejs/biome@2.3.13':
+    optionalDependencies:
+      '@biomejs/cli-darwin-arm64': 2.3.13
+      '@biomejs/cli-darwin-x64': 2.3.13
+      '@biomejs/cli-linux-arm64': 2.3.13
+      '@biomejs/cli-linux-arm64-musl': 2.3.13
+      '@biomejs/cli-linux-x64': 2.3.13
+      '@biomejs/cli-linux-x64-musl': 2.3.13
+      '@biomejs/cli-win32-arm64': 2.3.13
+      '@biomejs/cli-win32-x64': 2.3.13
+
+  '@biomejs/cli-darwin-arm64@2.3.13':
+    optional: true
+
+  '@biomejs/cli-darwin-x64@2.3.13':
+    optional: true
+
+  '@biomejs/cli-linux-arm64-musl@2.3.13':
+    optional: true
+
+  '@biomejs/cli-linux-arm64@2.3.13':
+    optional: true
+
+  '@biomejs/cli-linux-x64-musl@2.3.13':
+    optional: true
+
+  '@biomejs/cli-linux-x64@2.3.13':
+    optional: true
+
+  '@biomejs/cli-win32-arm64@2.3.13':
+    optional: true
+
+  '@biomejs/cli-win32-x64@2.3.13':
+    optional: true
+
   '@capsizecss/unpack@4.0.0':
     dependencies:
       fontkitten: 1.0.1
diff --git a/src/components/AboutPage.tsx b/src/components/AboutPage.tsx
index a336618..a659e89 100644
--- a/src/components/AboutPage.tsx
+++ b/src/components/AboutPage.tsx
@@ -1,5 +1,5 @@
-import { motion } from 'framer-motion';
-import { ArrowLeft, Heart, Network } from 'lucide-react';
+import { motion } from "framer-motion";
+import { ArrowLeft, Heart, Network } from "lucide-react";
 
 export default function About() {
   return (
@@ -78,10 +78,10 @@ export default function About() {
                 </h2>
                 <ul className="space-y-3">
                   {[
-                    'Interactive meditation timer with customizable sessions',
-                    'Breathing techniques & mindfulness exercises',
-                    'Daily affirmations & zen wisdom',
-                    'A collaborative network of innovators',
+                    "Interactive meditation timer with customizable sessions",
+                    "Breathing techniques & mindfulness exercises",
+                    "Daily affirmations & zen wisdom",
+                    "A collaborative network of innovators",
                   ].map((item, idx) => (
                     <li key={idx} className="flex items-start gap-3">
                       <Heart className="text-primary mt-1 h-5 w-5 flex-shrink-0 fill-current" />
diff --git a/src/components/ContactPage.tsx b/src/components/ContactPage.tsx
index 5ee449d..e268995 100644
--- a/src/components/ContactPage.tsx
+++ b/src/components/ContactPage.tsx
@@ -1,25 +1,25 @@
-import { useState } from 'react';
-import { motion } from 'framer-motion';
-import { ArrowLeft, Mail, Heart } from 'lucide-react';
+import { useState } from "react";
+import { motion } from "framer-motion";
+import { ArrowLeft, Mail, Heart } from "lucide-react";
 
 export default function Contact() {
-  const [name, setName] = useState('');
-  const [email, setEmail] = useState('');
-  const [message, setMessage] = useState('');
+  const [name, setName] = useState("");
+  const [email, setEmail] = useState("");
+  const [message, setMessage] = useState("");
   const [submitted, setSubmitted] = useState(false);
 
   const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault();
     if (name && email && message) {
       const messages = JSON.parse(
-        localStorage.getItem('contactMessages') || '[]',
+        localStorage.getItem("contactMessages") || "[]",
       );
       messages.push({ name, email, message, date: new Date().toISOString() });
-      localStorage.setItem('contactMessages', JSON.stringify(messages));
+      localStorage.setItem("contactMessages", JSON.stringify(messages));
       setSubmitted(true);
-      setName('');
-      setEmail('');
-      setMessage('');
+      setName("");
+      setEmail("");
+      setMessage("");
     }
   };
 
diff --git a/src/components/ExplorePage.tsx b/src/components/ExplorePage.tsx
index 666a9cf..31382fc 100644
--- a/src/components/ExplorePage.tsx
+++ b/src/components/ExplorePage.tsx
@@ -1,8 +1,8 @@
-import { useState } from 'react';
-import { motion, AnimatePresence } from 'framer-motion';
-import { ArrowLeft, Lightbulb, Wind, Heart, Sparkles } from 'lucide-react';
+import { useState } from "react";
+import { motion, AnimatePresence } from "framer-motion";
+import { ArrowLeft, Lightbulb, Wind, Heart, Sparkles } from "lucide-react";
 
-type Category = 'tips' | 'breathing' | 'affirmations';
+type Category = "tips" | "breathing" | "affirmations";
 
 interface Guide {
   id: string;
@@ -20,199 +20,199 @@ const Explore = () => {
   const categories: Record<Category, Guide[]> = {
     tips: [
       {
-        id: 'tip-1',
-        title: 'The Power of Silence',
+        id: "tip-1",
+        title: "The Power of Silence",
         description:
-          'Like a focused engineer, find clarity in quiet moments. Deep work is where innovation begins.',
+          "Like a focused engineer, find clarity in quiet moments. Deep work is where innovation begins.",
         icon: <Sparkles className="h-6 w-6" />,
-        color: 'bg-amber-100',
+        color: "bg-amber-100",
       },
       {
-        id: 'tip-2',
-        title: 'Slow Blinking',
+        id: "tip-2",
+        title: "Slow Blinking",
         description:
           "Practice mindful pauses. It's a way of signaling calm to your nervous system and fostering trust in your decisions.",
         icon: <Heart className="h-6 w-6" />,
-        color: 'bg-pink-100',
+        color: "bg-pink-100",
       },
       {
-        id: 'tip-3',
-        title: 'Mindful Stretching',
+        id: "tip-3",
+        title: "Mindful Stretching",
         description:
-          'Integrate micro-breaks throughout your day. Short, mindful pauses enhance productivity and prevent burnout.',
+          "Integrate micro-breaks throughout your day. Short, mindful pauses enhance productivity and prevent burnout.",
         icon: <Wind className="h-6 w-6" />,
-        color: 'bg-green-100',
+        color: "bg-green-100",
       },
       {
-        id: 'tip-4',
-        title: 'Comfort is Key',
+        id: "tip-4",
+        title: "Comfort is Key",
         description:
-          'Find your cozy corner. A comfortable space makes meditation easier and more enjoyable.',
+          "Find your cozy corner. A comfortable space makes meditation easier and more enjoyable.",
         icon: <Lightbulb className="h-6 w-6" />,
-        color: 'bg-blue-100',
+        color: "bg-blue-100",
       },
       {
-        id: 'tip-5',
-        title: 'Focus on Your Breath',
+        id: "tip-5",
+        title: "Focus on Your Breath",
         description:
-          'Let your breath be your anchor. When your mind wanders, gently bring it back to your natural rhythm.',
+          "Let your breath be your anchor. When your mind wanders, gently bring it back to your natural rhythm.",
         icon: <Wind className="h-6 w-6" />,
-        color: 'bg-teal-100',
+        color: "bg-teal-100",
       },
       {
-        id: 'tip-6',
-        title: 'Practice Gratitude',
+        id: "tip-6",
+        title: "Practice Gratitude",
         description:
           "Start each session by noting 3 things you're grateful for. This shifts your mind toward positivity.",
         icon: <Heart className="h-6 w-6" />,
-        color: 'bg-fuchsia-100',
+        color: "bg-fuchsia-100",
       },
       {
-        id: 'tip-7',
-        title: 'Meditate in Nature',
+        id: "tip-7",
+        title: "Meditate in Nature",
         description:
-          'Whenever possible, take your meditation practice outdoors. Nature amplifies the calming effect.',
+          "Whenever possible, take your meditation practice outdoors. Nature amplifies the calming effect.",
         icon: <Sparkles className="h-6 w-6" />,
-        color: 'bg-emerald-100',
+        color: "bg-emerald-100",
       },
       {
-        id: 'tip-8',
-        title: 'Same Time, Every Day',
+        id: "tip-8",
+        title: "Same Time, Every Day",
         description:
-          'Establish a routine. Consistent practice helps train your mind for optimal performance and focus.',
+          "Establish a routine. Consistent practice helps train your mind for optimal performance and focus.",
         icon: <Lightbulb className="h-6 w-6" />,
-        color: 'bg-sky-100',
+        color: "bg-sky-100",
       },
     ],
     breathing: [
       {
-        id: 'breath-1',
-        title: '4-4-4-4 Breathing',
+        id: "breath-1",
+        title: "4-4-4-4 Breathing",
         description:
-          'Inhale for 4, hold for 4, exhale for 4, hold for 4. A balanced rhythm for mental clarity.',
+          "Inhale for 4, hold for 4, exhale for 4, hold for 4. A balanced rhythm for mental clarity.",
         icon: <Wind className="h-6 w-6" />,
-        color: 'bg-cyan-100',
+        color: "bg-cyan-100",
       },
       {
-        id: 'breath-2',
-        title: 'Deep Focus Breath',
+        id: "breath-2",
+        title: "Deep Focus Breath",
         description:
-          'Exhale with a controlled, steady release. Feel the rhythm stabilize your focus and calm your mind.',
+          "Exhale with a controlled, steady release. Feel the rhythm stabilize your focus and calm your mind.",
         icon: <Heart className="h-6 w-6" />,
-        color: 'bg-purple-100',
+        color: "bg-purple-100",
       },
       {
-        id: 'breath-3',
-        title: 'Box Breathing',
+        id: "breath-3",
+        title: "Box Breathing",
         description:
-          'Equal parts: inhale, hold, exhale, pause. Simple yet powerful for instant calm.',
+          "Equal parts: inhale, hold, exhale, pause. Simple yet powerful for instant calm.",
         icon: <Sparkles className="h-6 w-6" />,
-        color: 'bg-rose-100',
+        color: "bg-rose-100",
       },
       {
-        id: 'breath-4',
-        title: 'Extended Exhale',
+        id: "breath-4",
+        title: "Extended Exhale",
         description:
           "Make your exhale longer than your inhale. Signals to your body it's safe to relax.",
         icon: <Lightbulb className="h-6 w-6" />,
-        color: 'bg-lime-100',
+        color: "bg-lime-100",
       },
       {
-        id: 'breath-5',
-        title: 'Alternate Nostril Breathing',
+        id: "breath-5",
+        title: "Alternate Nostril Breathing",
         description:
-          'Nadi Shodhana: Balance your nervous system by breathing through alternating nostrils.',
+          "Nadi Shodhana: Balance your nervous system by breathing through alternating nostrils.",
         icon: <Wind className="h-6 w-6" />,
-        color: 'bg-violet-100',
+        color: "bg-violet-100",
       },
       {
-        id: 'breath-6',
-        title: 'Belly Breathing',
+        id: "breath-6",
+        title: "Belly Breathing",
         description:
-          'Place your hand on your belly. Feel it rise and fall with each breath. This activates calm.',
+          "Place your hand on your belly. Feel it rise and fall with each breath. This activates calm.",
         icon: <Heart className="h-6 w-6" />,
-        color: 'bg-pink-100',
+        color: "bg-pink-100",
       },
       {
-        id: 'breath-7',
-        title: 'Coherent Breathing',
+        id: "breath-7",
+        title: "Coherent Breathing",
         description:
-          '5 seconds in, 5 seconds out. Creates heart-brain coherence for deep relaxation.',
+          "5 seconds in, 5 seconds out. Creates heart-brain coherence for deep relaxation.",
         icon: <Sparkles className="h-6 w-6" />,
-        color: 'bg-amber-100',
+        color: "bg-amber-100",
       },
       {
-        id: 'breath-8',
+        id: "breath-8",
         title: "Lion's Breath",
         description:
-          'Take a deep breath, then exhale forcefully while opening your mouth. Releases tension instantly.',
+          "Take a deep breath, then exhale forcefully while opening your mouth. Releases tension instantly.",
         icon: <Lightbulb className="h-6 w-6" />,
-        color: 'bg-orange-100',
+        color: "bg-orange-100",
       },
     ],
     affirmations: [
       {
-        id: 'aff-1',
-        title: 'I breathe in calm, I breathe out noise',
+        id: "aff-1",
+        title: "I breathe in calm, I breathe out noise",
         description:
-          'Like a resilient system, I adapt to change and optimize for the future.',
+          "Like a resilient system, I adapt to change and optimize for the future.",
         icon: <Heart className="h-6 w-6" />,
-        color: 'bg-red-100',
+        color: "bg-red-100",
       },
       {
-        id: 'aff-2',
-        title: 'Slow is better than fast',
+        id: "aff-2",
+        title: "Slow is better than fast",
         description:
-          'I embrace the philosophy of precision and deliberate action.',
+          "I embrace the philosophy of precision and deliberate action.",
         icon: <Sparkles className="h-6 w-6" />,
-        color: 'bg-yellow-100',
+        color: "bg-yellow-100",
       },
       {
-        id: 'aff-3',
-        title: 'I deserve rest and comfort',
+        id: "aff-3",
+        title: "I deserve rest and comfort",
         description:
           "Strategic rest is not idleness, it's essential. I optimize my energy for peak performance.",
         icon: <Lightbulb className="h-6 w-6" />,
-        color: 'bg-indigo-100',
+        color: "bg-indigo-100",
       },
       {
-        id: 'aff-4',
-        title: 'Every moment is a new beginning',
+        id: "aff-4",
+        title: "Every moment is a new beginning",
         description:
-          'Like a robust algorithm, I adapt and find optimal solutions.',
+          "Like a robust algorithm, I adapt and find optimal solutions.",
         icon: <Wind className="h-6 w-6" />,
-        color: 'bg-orange-100',
+        color: "bg-orange-100",
       },
       {
-        id: 'aff-5',
-        title: 'My mind is clear and peaceful',
-        description: 'I let go of stress and embrace serenity in every breath.',
+        id: "aff-5",
+        title: "My mind is clear and peaceful",
+        description: "I let go of stress and embrace serenity in every breath.",
         icon: <Heart className="h-6 w-6" />,
-        color: 'bg-rose-100',
+        color: "bg-rose-100",
       },
       {
-        id: 'aff-6',
-        title: 'Like a stable network, I radiate calm',
+        id: "aff-6",
+        title: "Like a stable network, I radiate calm",
         description:
-          'I treat myself with the same precision and care I apply to my work.',
+          "I treat myself with the same precision and care I apply to my work.",
         icon: <Sparkles className="h-6 w-6" />,
-        color: 'bg-pink-100',
+        color: "bg-pink-100",
       },
       {
-        id: 'aff-7',
-        title: 'Challenges make me stronger',
+        id: "aff-7",
+        title: "Challenges make me stronger",
         description:
-          'Like a well-engineered solution, I navigate challenges with resilience.',
+          "Like a well-engineered solution, I navigate challenges with resilience.",
         icon: <Lightbulb className="h-6 w-6" />,
-        color: 'bg-cyan-100',
+        color: "bg-cyan-100",
       },
       {
-        id: 'aff-8',
-        title: 'My energy is positive and vibrant',
+        id: "aff-8",
+        title: "My energy is positive and vibrant",
         description:
-          'I radiate calm confidence and attract good things into my life.',
+          "I radiate calm confidence and attract good things into my life.",
         icon: <Wind className="h-6 w-6" />,
-        color: 'bg-lime-100',
+        color: "bg-lime-100",
       },
     ],
   };
@@ -221,13 +221,13 @@ const Explore = () => {
     Category,
     { name: string; icon: React.ReactNode }
   > = {
-    tips: { name: 'Zen Tips', icon: <Lightbulb className="h-5 w-5" /> },
+    tips: { name: "Zen Tips", icon: <Lightbulb className="h-5 w-5" /> },
     breathing: {
-      name: 'Breathing Techniques',
+      name: "Breathing Techniques",
       icon: <Wind className="h-5 w-5" />,
     },
     affirmations: {
-      name: 'Daily Affirmations',
+      name: "Daily Affirmations",
       icon: <Heart className="h-5 w-5" />,
     },
   };
@@ -291,10 +291,10 @@ const Explore = () => {
                           {categoryLabels[category].name}
                         </h3>
                         <p className="text-muted-foreground text-sm">
-                          {category === 'tips' && 'Learn meditation wisdom'}
-                          {category === 'breathing' &&
-                            'Master breathing techniques'}
-                          {category === 'affirmations' && 'Empower your mind'}
+                          {category === "tips" && "Learn meditation wisdom"}
+                          {category === "breathing" &&
+                            "Master breathing techniques"}
+                          {category === "affirmations" && "Empower your mind"}
                         </p>
                       </div>
                     </div>
@@ -328,12 +328,12 @@ const Explore = () => {
                   {categoryLabels[selectedCategory].name}
                 </h2>
                 <p className="text-muted-foreground">
-                  {selectedCategory === 'tips' &&
-                    'Insights for peak performance and well-being'}
-                  {selectedCategory === 'breathing' &&
-                    'Techniques to calm your mind and body'}
-                  {selectedCategory === 'affirmations' &&
-                    'Affirmations to start your day with zen'}
+                  {selectedCategory === "tips" &&
+                    "Insights for peak performance and well-being"}
+                  {selectedCategory === "breathing" &&
+                    "Techniques to calm your mind and body"}
+                  {selectedCategory === "affirmations" &&
+                    "Affirmations to start your day with zen"}
                 </p>
               </div>
 
diff --git a/src/components/FaqPage.tsx b/src/components/FaqPage.tsx
index 608432e..41993d4 100644
--- a/src/components/FaqPage.tsx
+++ b/src/components/FaqPage.tsx
@@ -1,58 +1,58 @@
-import { motion, AnimatePresence } from 'framer-motion';
-import { ArrowLeft, ChevronDown } from 'lucide-react';
-import { useState } from 'react';
+import { motion, AnimatePresence } from "framer-motion";
+import { ArrowLeft, ChevronDown } from "lucide-react";
+import { useState } from "react";
 
 const FAQ = () => {
   const [expandedId, setExpandedId] = useState<string | null>(null);
 
   const faqs = [
     {
-      id: 'faq-1',
-      question: 'How long should I meditate each day?',
+      id: "faq-1",
+      question: "How long should I meditate each day?",
       answer:
-        'Start with just 5 minutes daily. Even a short practice is powerful when consistent. As you progress, you can extend to 10, 20, or 30 minutes.',
+        "Start with just 5 minutes daily. Even a short practice is powerful when consistent. As you progress, you can extend to 10, 20, or 30 minutes.",
     },
     {
-      id: 'faq-2',
+      id: "faq-2",
       question: "I can't stop my mind from wandering. Am I doing it wrong?",
       answer:
         "Not at all! Mind-wandering is completely normal. Meditation is noticing when your mind wanders and gently bringing it back—that's the practice itself.",
     },
     {
-      id: 'faq-3',
-      question: 'Best time of day to meditate?',
+      id: "faq-3",
+      question: "Best time of day to meditate?",
       answer:
         "Early morning (after waking) is ideal for most people. However, the best time is whenever you'll actually do it. Consistency matters more than timing.",
     },
     {
-      id: 'faq-4',
-      question: 'Do I need a special place to meditate?',
+      id: "faq-4",
+      question: "Do I need a special place to meditate?",
       answer:
-        'No. While a quiet, comfortable space helps, meditation can happen anywhere—your bedroom, a park, even on the bus. Find what works for you.',
+        "No. While a quiet, comfortable space helps, meditation can happen anywhere—your bedroom, a park, even on the bus. Find what works for you.",
     },
     {
-      id: 'faq-5',
-      question: 'Is meditation religious? Can anyone do it?',
+      id: "faq-5",
+      question: "Is meditation religious? Can anyone do it?",
       answer:
-        'Meditation has roots in many traditions, but modern mindfulness meditation is secular and evidence-based. Anyone can benefit, regardless of beliefs.',
+        "Meditation has roots in many traditions, but modern mindfulness meditation is secular and evidence-based. Anyone can benefit, regardless of beliefs.",
     },
     {
-      id: 'faq-6',
-      question: 'How long before I see results?',
+      id: "faq-6",
+      question: "How long before I see results?",
       answer:
-        'Some benefits (like reduced stress) appear within days. Deeper changes take weeks or months. Trust the process and keep practicing.',
+        "Some benefits (like reduced stress) appear within days. Deeper changes take weeks or months. Trust the process and keep practicing.",
     },
     {
-      id: 'faq-7',
-      question: 'What if I fall asleep during meditation?',
+      id: "faq-7",
+      question: "What if I fall asleep during meditation?",
       answer:
         "It's fine! Your body might need rest. If it happens frequently, try meditating earlier in the day or sitting upright instead of lying down.",
     },
     {
-      id: 'faq-8',
-      question: 'Can I meditate while walking?',
+      id: "faq-8",
+      question: "Can I meditate while walking?",
       answer:
-        'Yes! Walking meditation is a powerful practice. Focus on the sensation of each step, your breath, and your surroundings as you walk slowly.',
+        "Yes! Walking meditation is a powerful practice. Focus on the sensation of each step, your breath, and your surroundings as you walk slowly.",
     },
   ];
 
@@ -116,7 +116,7 @@ const FAQ = () => {
                   {expandedId === faq.id && (
                     <motion.div
                       initial={{ opacity: 0, height: 0 }}
-                      animate={{ opacity: 1, height: 'auto' }}
+                      animate={{ opacity: 1, height: "auto" }}
                       exit={{ opacity: 0, height: 0 }}
                       transition={{ duration: 0.3 }}
                       className="border-border/40 overflow-hidden border-t"
diff --git a/src/components/GuidePage.tsx b/src/components/GuidePage.tsx
index 24c7c85..087379b 100644
--- a/src/components/GuidePage.tsx
+++ b/src/components/GuidePage.tsx
@@ -1,44 +1,44 @@
-import { motion } from 'framer-motion';
-import { ArrowLeft, CheckCircle, Lightbulb, Heart } from 'lucide-react';
+import { motion } from "framer-motion";
+import { ArrowLeft, CheckCircle, Lightbulb, Heart } from "lucide-react";
 
 const Guide = () => {
   const steps = [
     {
-      title: 'Why Meditate?',
+      title: "Why Meditate?",
       description:
-        'Meditation reduces stress and anxiety, improves focus, and enhances emotional well-being. It literally rewires your brain for peace.',
+        "Meditation reduces stress and anxiety, improves focus, and enhances emotional well-being. It literally rewires your brain for peace.",
       icon: <Heart className="h-6 w-6" />,
       benefits: [
-        'Better sleep quality',
-        'Reduced anxiety & stress',
-        'Improved focus & clarity',
-        'Emotional resilience',
+        "Better sleep quality",
+        "Reduced anxiety & stress",
+        "Improved focus & clarity",
+        "Emotional resilience",
       ],
     },
     {
-      title: 'How to Start',
+      title: "How to Start",
       description:
         "You don't need experience. Just find a comfortable spot, close your eyes, and follow your breath. That's it!",
       icon: <Lightbulb className="h-6 w-6" />,
       steps: [
-        'Find a quiet, comfortable place',
-        'Sit or lie down (whatever feels right)',
-        'Close your eyes',
-        'Focus on your natural breath',
-        'When your mind wanders, gently bring it back',
+        "Find a quiet, comfortable place",
+        "Sit or lie down (whatever feels right)",
+        "Close your eyes",
+        "Focus on your natural breath",
+        "When your mind wanders, gently bring it back",
       ],
     },
     {
-      title: 'Building Consistency',
+      title: "Building Consistency",
       description:
-        'The magic happens through regular practice. Start small and build from there.',
+        "The magic happens through regular practice. Start small and build from there.",
       icon: <CheckCircle className="h-6 w-6" />,
       tips: [
-        'Start with just 5 minutes',
-        'Same time every day (ideally morning)',
-        'Track your sessions',
-        'Be patient with yourself',
-        'Celebrate small wins',
+        "Start with just 5 minutes",
+        "Same time every day (ideally morning)",
+        "Track your sessions",
+        "Be patient with yourself",
+        "Celebrate small wins",
       ],
     },
   ];
diff --git a/src/components/HomePage.tsx b/src/components/HomePage.tsx
index 35846a0..724e506 100644
--- a/src/components/HomePage.tsx
+++ b/src/components/HomePage.tsx
@@ -1,5 +1,14 @@
-import { SiGo, SiKubernetes, SiNixos, SiOpentelemetry, SiReact, SiTalos, SiTerraform, SiTypescript } from '@icons-pack/react-simple-icons';
-import { motion, AnimatePresence } from 'framer-motion';
+import {
+  SiGo,
+  SiKubernetes,
+  SiNixos,
+  SiOpentelemetry,
+  SiReact,
+  SiTalos,
+  SiTerraform,
+  SiTypescript,
+} from "@icons-pack/react-simple-icons";
+import { motion, AnimatePresence } from "framer-motion";
 import {
   Heart,
   Sparkles,
@@ -17,20 +26,19 @@ import {
   Bot,
   CalendarHeart,
   Flame,
-} from 'lucide-react';
-import { useRef,
-  useState, useEffect } from 'react';
-import CanvasNest from 'canvas-nest.js';
-import { skipPartiallyEmittedExpressions } from 'typescript';
+} from "lucide-react";
+import { useRef, useState, useEffect } from "react";
+import CanvasNest from "canvas-nest.js";
+import { skipPartiallyEmittedExpressions } from "typescript";
 
 const Navigation = () => {
   const [isOpen, setIsOpen] = useState(false);
-  const [activeSection, setActiveSection] = useState('home');
+  const [activeSection, setActiveSection] = useState("home");
 
   useEffect(() => {
     const handleScroll = () => {
-      const sections = ['home', 'features', 'cta'];
-      let current = 'home';
+      const sections = ["home", "features", "cta"];
+      let current = "home";
 
       for (const section of sections) {
         const element = document.getElementById(section);
@@ -44,8 +52,8 @@ const Navigation = () => {
       setActiveSection(current);
     };
 
-    window.addEventListener('scroll', handleScroll);
-    return () => window.removeEventListener('scroll', handleScroll);
+    window.addEventListener("scroll", handleScroll);
+    return () => window.removeEventListener("scroll", handleScroll);
   }, []);
 
   const navLinks = [] as const;
@@ -77,7 +85,7 @@ const Hero = () => {
     if (!bodyRef.current) return;
 
     const config = {
-      color: '241,151,142',
+      color: "241,151,142",
       count: 88,
       opacity: 0.8,
       zIndex: 0,
@@ -88,7 +96,7 @@ const Hero = () => {
     return () => {
       cn.destroy();
     };
-  }, [])
+  }, []);
   return (
     <section
       id="home"
@@ -109,10 +117,14 @@ const Hero = () => {
             Ignis Network
           </div>
           <p className="text-muted-foreground max-w-3xl text-lg leading-relaxed md:text-xl">
-            We're a startup company that builds resilient digital infrastructure designed to endure, with AI applied where it meaningfully adds strength and insight.
+            We're a startup company that builds resilient digital infrastructure
+            designed to endure, with AI applied where it meaningfully adds
+            strength and insight.
           </p>
           <p className="text-muted-foreground max-w-2xl text-lg leading-relaxed md:text-xl mt-2">
-            We focus on stability, clarity, and long-term reliability — creating systems that smartly carry what matters, support growth over time, and let everything else move forward with confidence.
+            We focus on stability, clarity, and long-term reliability — creating
+            systems that smartly carry what matters, support growth over time,
+            and let everything else move forward with confidence.
           </p>
 
           <motion.div
@@ -122,15 +134,23 @@ const Hero = () => {
             transition={{ duration: 0.6, delay: 0.3 }}
           >
             {[
-              { icon: SiNixos, label: 'Nix', color: 'text-[#5277C3]' },
-              { icon: SiKubernetes, label: 'Kubernetes', color: 'text-[#326CE5]' },
+              { icon: SiNixos, label: "Nix", color: "text-[#5277C3]" },
+              {
+                icon: SiKubernetes,
+                label: "Kubernetes",
+                color: "text-[#326CE5]",
+              },
               {
                 icon: SiTerraform,
-                label: 'Terraform',
-                color: 'text-[#844FBA]',
+                label: "Terraform",
+                color: "text-[#844FBA]",
               },
-              { icon: SiOpentelemetry, label: 'OpenTelemetry', color: 'text-[#000000]' },
-              { icon: Bot, label: 'Ignis AI', color: 'text-[#F1978E]'}
+              {
+                icon: SiOpentelemetry,
+                label: "OpenTelemetry",
+                color: "text-[#000000]",
+              },
+              { icon: Bot, label: "Ignis AI", color: "text-[#F1978E]" },
             ].map((badge, idx) => (
               <motion.div
                 key={idx}
@@ -151,8 +171,8 @@ const Hero = () => {
         </motion.div>
       </div>
 
-      <div className='flex-1 flex justify-center items-center'>
-        <Flame className='stroke-[#F1978E] size-96 stroke-[0.3px] opacity-70 mb-4 mr-12 hidden md:block' />
+      <div className="flex-1 flex justify-center items-center">
+        <Flame className="stroke-[#F1978E] size-96 stroke-[0.3px] opacity-70 mb-4 mr-12 hidden md:block" />
       </div>
     </section>
   );
@@ -300,9 +320,7 @@ export const Footer = () => {
             <div className="space-y-3">
               <div className="text-primary flex items-center gap-2">
                 <Users className="h-5 w-5" />
-                <span className="font-heading text-sm font-bold">
-                  Contact
-                </span>
+                <span className="font-heading text-sm font-bold">Contact</span>
               </div>
               <div className="flex flex-col gap-2 pl-7">
                 <a
@@ -411,30 +429,30 @@ function CTA() {
       <div className="grid grid-cols-1 gap-6 md:grid-cols-3">
         {[
           {
-            id: 'cta-start-app',
-            title: 'Deploy AI Solutions',
+            id: "cta-start-app",
+            title: "Deploy AI Solutions",
             description:
-              'Implement scalable AI architectures tailored to your enterprise needs.',
-            href: '/app',
-            testId: 'button-cta-app',
+              "Implement scalable AI architectures tailored to your enterprise needs.",
+            href: "/app",
+            testId: "button-cta-app",
             icon: <Cpu className="text-primary h-8 w-8" />,
           },
           {
-            id: 'cta-guide',
-            title: 'Strategic Consulting',
+            id: "cta-guide",
+            title: "Strategic Consulting",
             description:
-              'Expert guidance on digital transformation and technology roadmap planning.',
-            href: '/guide',
-            testId: 'button-cta-guide',
+              "Expert guidance on digital transformation and technology roadmap planning.",
+            href: "/guide",
+            testId: "button-cta-guide",
             icon: <BookOpen className="text-primary h-8 w-8" />,
           },
           {
-            id: 'cta-explore',
-            title: 'Explore Platform',
+            id: "cta-explore",
+            title: "Explore Platform",
             description:
-              'Discover our suite of intelligent tools designed to accelerate your growth.',
-            href: '/explore',
-            testId: 'button-cta-explore',
+              "Discover our suite of intelligent tools designed to accelerate your growth.",
+            href: "/explore",
+            testId: "button-cta-explore",
             icon: <Compass className="text-primary h-8 w-8" />,
           },
         ].map((cta, idx) => (
@@ -453,9 +471,7 @@ function CTA() {
             <h3 className="font-heading text-foreground text-2xl font-bold">
               {cta.title}
             </h3>
-            <p className="text-muted-foreground flex-1">
-              {cta.description}
-            </p>
+            <p className="text-muted-foreground flex-1">{cta.description}</p>
             <a href={cta.href}>
               <button
                 data-testid={cta.testId}
@@ -468,7 +484,7 @@ function CTA() {
         ))}
       </div>
     </div>
-  </section>
+  </section>;
 }
 
 export default function Home() {
diff --git a/src/components/JoinPage.tsx b/src/components/JoinPage.tsx
index 56f691f..82d5361 100644
--- a/src/components/JoinPage.tsx
+++ b/src/components/JoinPage.tsx
@@ -1,16 +1,16 @@
-import { useState, useEffect } from 'react';
-import { motion } from 'framer-motion';
-import { ArrowLeft, Mail, Heart, Users, Network } from 'lucide-react';
+import { useState, useEffect } from "react";
+import { motion } from "framer-motion";
+import { ArrowLeft, Mail, Heart, Users, Network } from "lucide-react";
 
 const Join = () => {
-  const [email, setEmail] = useState('');
+  const [email, setEmail] = useState("");
   const [joined, setJoined] = useState(false);
-  const [error, setError] = useState('');
+  const [error, setError] = useState("");
   const [members, setMembers] = useState(0);
 
   useEffect(() => {
     const communityMembers = JSON.parse(
-      localStorage.getItem('communityMembers') || '[]',
+      localStorage.getItem("communityMembers") || "[]",
     );
     setMembers(communityMembers.length);
   }, []);
@@ -18,30 +18,30 @@ const Join = () => {
   const handleJoin = (e: React.FormEvent) => {
     e.preventDefault();
     if (!email) {
-      setError('Please enter your email');
+      setError("Please enter your email");
       return;
     }
-    if (!email.includes('@')) {
-      setError('Please enter a valid email');
+    if (!email.includes("@")) {
+      setError("Please enter a valid email");
       return;
     }
 
     // Save to localStorage
     const communityMembers = JSON.parse(
-      localStorage.getItem('communityMembers') || '[]',
+      localStorage.getItem("communityMembers") || "[]",
     );
     if (!communityMembers.includes(email)) {
       communityMembers.push(email);
       localStorage.setItem(
-        'communityMembers',
+        "communityMembers",
         JSON.stringify(communityMembers),
       );
       setMembers(communityMembers.length);
     }
 
     setJoined(true);
-    setEmail('');
-    setError('');
+    setEmail("");
+    setError("");
   };
 
   return (
@@ -146,7 +146,7 @@ const Join = () => {
                         value={email}
                         onChange={(e) => {
                           setEmail(e.target.value);
-                          setError('');
+                          setError("");
                         }}
                         data-testid="input-email-join"
                         className="bg-secondary/20 focus:border-primary flex-1 rounded-full border-2 border-transparent px-6 py-4 text-lg transition-all focus:outline-none"
@@ -219,7 +219,7 @@ const Join = () => {
                     key="success"
                     initial={{ opacity: 0, scale: 0.8 }}
                     animate={{ opacity: 1, scale: 1 }}
-                    transition={{ type: 'spring', stiffness: 300, damping: 20 }}
+                    transition={{ type: "spring", stiffness: 300, damping: 20 }}
                     className="w-full space-y-6"
                   >
                     <motion.div
diff --git a/src/components/PrivacyPage.tsx b/src/components/PrivacyPage.tsx
index 341b811..8a1eae4 100644
--- a/src/components/PrivacyPage.tsx
+++ b/src/components/PrivacyPage.tsx
@@ -1,5 +1,5 @@
-import { motion } from 'framer-motion';
-import { ArrowLeft } from 'lucide-react';
+import { motion } from "framer-motion";
+import { ArrowLeft } from "lucide-react";
 
 export default function Privacy() {
   return (
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 3ba33e1..63c1d7d 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -7,14 +7,14 @@ interface Props {
 }
 
 const {
-  title = 'Ignis Network - Cat-Inspired Meditation & Mindfulness',
-  description = 'Redefining the digital frontier with next-generation internet services and advanced AI.',
-  canonicalPath = '',
+  title = "Ignis Network - Cat-Inspired Meditation & Mindfulness",
+  description = "Redefining the digital frontier with next-generation internet services and advanced AI.",
+  canonicalPath = "",
   noindex = false,
 } = Astro.props;
 
-const siteUrl = Astro.site?.href || '';
-const canonicalUrl = `${siteUrl.replace(/\/$/, '')}${canonicalPath}`;
+const siteUrl = Astro.site?.href || "";
+const canonicalUrl = `${siteUrl.replace(/\/$/, "")}${canonicalPath}`;
 ---
 
 <!doctype html>
diff --git a/src/lib/canvas-nest.d.ts b/src/lib/canvas-nest.d.ts
index 782af05..a568787 100644
--- a/src/lib/canvas-nest.d.ts
+++ b/src/lib/canvas-nest.d.ts
@@ -1,4 +1,4 @@
-declare module 'canvas-nest.js' {
+declare module "canvas-nest.js" {
   /**
    * CanvasNest 配置项接口
    */
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index 2819a83..a5ef193 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -1,5 +1,5 @@
-import { clsx, type ClassValue } from 'clsx';
-import { twMerge } from 'tailwind-merge';
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
diff --git a/src/pages/about.astro b/src/pages/about.astro
index ed1a88d..fa0eaac 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -1,6 +1,6 @@
 ---
-import Layout from '../layouts/Layout.astro';
-import AboutPage from '../components/AboutPage';
+import Layout from "../layouts/Layout.astro";
+import AboutPage from "../components/AboutPage";
 ---
 
 <Layout
diff --git a/src/pages/contact.astro b/src/pages/contact.astro
index cdde57d..4ae3288 100644
--- a/src/pages/contact.astro
+++ b/src/pages/contact.astro
@@ -1,6 +1,6 @@
 ---
-import Layout from '../layouts/Layout.astro';
-import ContactPage from '../components/ContactPage';
+import Layout from "../layouts/Layout.astro";
+import ContactPage from "../components/ContactPage";
 ---
 
 <Layout
diff --git a/src/pages/explore.astro b/src/pages/explore.astro
index 5a5e716..dde0f9a 100644
--- a/src/pages/explore.astro
+++ b/src/pages/explore.astro
@@ -1,6 +1,6 @@
 ---
-import Layout from '../layouts/Layout.astro';
-import ExplorePage from '../components/ExplorePage';
+import Layout from "../layouts/Layout.astro";
+import ExplorePage from "../components/ExplorePage";
 ---
 
 <Layout
diff --git a/src/pages/faq.astro b/src/pages/faq.astro
index 6ac114b..d99fd52 100644
--- a/src/pages/faq.astro
+++ b/src/pages/faq.astro
@@ -1,6 +1,6 @@
 ---
-import Layout from '../layouts/Layout.astro';
-import FaqPage from '../components/FaqPage';
+import Layout from "../layouts/Layout.astro";
+import FaqPage from "../components/FaqPage";
 ---
 
 <Layout
diff --git a/src/pages/guide.astro b/src/pages/guide.astro
index a4b8012..d13e263 100644
--- a/src/pages/guide.astro
+++ b/src/pages/guide.astro
@@ -1,6 +1,6 @@
 ---
-import Layout from '../layouts/Layout.astro';
-import GuidePage from '../components/GuidePage';
+import Layout from "../layouts/Layout.astro";
+import GuidePage from "../components/GuidePage";
 ---
 
 <Layout
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 5b91991..53f7a84 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,6 +1,6 @@
 ---
-import Layout from '../layouts/Layout.astro';
-import HomePage from '../components/HomePage';
+import Layout from "../layouts/Layout.astro";
+import HomePage from "../components/HomePage";
 ---
 
 <Layout
diff --git a/src/pages/join.astro b/src/pages/join.astro
index 7b9331d..00b6b19 100644
--- a/src/pages/join.astro
+++ b/src/pages/join.astro
@@ -1,6 +1,6 @@
 ---
-import Layout from '../layouts/Layout.astro';
-import JoinPage from '../components/JoinPage';
+import Layout from "../layouts/Layout.astro";
+import JoinPage from "../components/JoinPage";
 ---
 
 <Layout
diff --git a/src/pages/privacy.astro b/src/pages/privacy.astro
index 4132a88..97063ec 100644
--- a/src/pages/privacy.astro
+++ b/src/pages/privacy.astro
@@ -1,6 +1,6 @@
 ---
-import Layout from '../layouts/Layout.astro';
-import PrivacyPage from '../components/PrivacyPage';
+import Layout from "../layouts/Layout.astro";
+import PrivacyPage from "../components/PrivacyPage";
 ---
 
 <Layout