diff --git a/src/App.css b/src/App.css
deleted file mode 100644
index b9d355d..0000000
--- a/src/App.css
+++ /dev/null
@@ -1,42 +0,0 @@
-#root {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.react:hover {
-  filter: drop-shadow(0 0 2em #61dafbaa);
-}
-
-@keyframes logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  a:nth-of-type(2) .logo {
-    animation: logo-spin infinite 20s linear;
-  }
-}
-
-.card {
-  padding: 2em;
-}
-
-.read-the-docs {
-  color: #888;
-}
diff --git a/src/pages/Landing.tsx b/src/pages/Landing.tsx
index 6e2c459..81d5496 100644
--- a/src/pages/Landing.tsx
+++ b/src/pages/Landing.tsx
@@ -1,7 +1,7 @@
-import { useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import { motion } from 'framer-motion';
 import { useToast } from '@/hooks/use-toast';
-import DeployChainIcon from '@/components/DeployChainIcon';
+
 import DeploymentCard from '@/components/DeploymentCard';
 import deploymentPipeline from '@/assets/deployment-pipeline.jpg';
 
@@ -20,6 +20,7 @@ const Landing = () => {
   const [deploying, setDeploying] = useState(false);
   const [repoUrl, setRepoUrl] = useState('');
   const [branch, setBranch] = useState('main');
+  const [menuOpen, setMenuOpen] = useState(false);
   const { toast } = useToast();
 
   // Mock data for deployments
@@ -135,55 +136,121 @@ const Landing = () => {
   };
 
   return (
-    <div className="min-h-screen bg-background">
+  <div className="min-h-screen bg-background">
       {/* Navigation */}
       <motion.nav
         initial={{ opacity: 0, y: -20 }}
         animate={{ opacity: 1, y: 0 }}
-        className="fixed top-0 left-0 right-0 z-50 bg-background/80 backdrop-blur-md border-b border-border"
+        className="fixed top-0 left-0 right-0 z-50 bg-black/40 backdrop-blur-lg border-b border-transparent"
       >
         <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
           <div className="flex justify-between items-center h-16">
             <div className="flex items-center">
-              <span className="text-2xl font-bold text-primary">DeployChain</span>
+              <span className="text-2xl font-bold text-white">DeployChain</span>
             </div>
+            {/* Desktop Nav */}
             <div className="hidden md:flex space-x-8">
-              {['hero', 'problem', 'solution', 'features', 'demo', 'deployments', 'try-it'].map((section) => (
-                <button
-                  key={section}
-                  onClick={() => smoothScrollTo(section)}
-                  className="text-muted-foreground hover:text-primary transition-colors capitalize"
-                >
-                  {section.replace('-', ' ')}
-                </button>
-              ))}
+              <button
+                onClick={() => smoothScrollTo('problem')}
+                className="text-white hover:text-primary transition-colors capitalize"
+              >
+                About
+              </button>
+              <button
+                onClick={() => smoothScrollTo('features')}
+                className="text-white hover:text-primary transition-colors capitalize"
+              >
+                Features
+              </button>
+              <button
+                onClick={() => smoothScrollTo('try-it')}
+                className="ml-2 px-4 py-2 rounded bg-primary text-primary-foreground font-semibold hover:bg-primary/80 transition-colors"
+              >
+                Try It Now
+              </button>
+            </div>
+            {/* Hamburger for mobile */}
+            <div className="md:hidden flex items-center">
+              <button
+                className="text-white focus:outline-none"
+                onClick={() => setMenuOpen((open) => !open)}
+                aria-label="Open navigation menu"
+              >
+                <svg width="28" height="28" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M4 6h16M4 12h16M4 18h16" />
+                </svg>
+              </button>
             </div>
           </div>
         </div>
+        {/* Mobile Menu Drawer */}
+        {menuOpen && (
+          <div className="fixed inset-0 z-50 bg-black/70 md:hidden" onClick={() => setMenuOpen(false)}>
+            <div className="absolute top-0 right-0 w-3/4 max-w-xs h-full bg-black shadow-lg flex flex-col p-6" onClick={e => e.stopPropagation()}>
+              <button className="self-end mb-8 text-white" onClick={() => setMenuOpen(false)} aria-label="Close navigation menu">
+                <svg width="28" height="28" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M6 18L18 6M6 6l12 12" />
+                </svg>
+              </button>
+              <button
+                onClick={() => { setMenuOpen(false); smoothScrollTo('problem'); }}
+                className="text-white text-lg py-2 px-2 text-left w-full hover:text-primary transition-colors capitalize"
+              >
+                About
+              </button>
+              <button
+                onClick={() => { setMenuOpen(false); smoothScrollTo('features'); }}
+                className="text-white text-lg py-2 px-2 text-left w-full hover:text-primary transition-colors capitalize"
+              >
+                Features
+              </button>
+              <button
+                onClick={() => { setMenuOpen(false); smoothScrollTo('try-it'); }}
+                className="mt-4 px-4 py-2 rounded bg-primary text-primary-foreground font-semibold hover:bg-primary/80 transition-colors text-left w-full"
+              >
+                Try It Now
+              </button>
+            </div>
+          </div>
+        )}
       </motion.nav>
 
       {/* Hero Section */}
-      <section id="hero" className="min-h-screen flex items-center justify-center bg-hero-gradient text-white pt-16">
-        <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
+      <section id="hero" className="relative min-h-screen flex items-center justify-center bg-hero-gradient text-white pt-16 overflow-hidden">
+        {/* Video Background */}
+        <video
+          autoPlay
+          loop
+          muted
+          playsInline
+          className="absolute inset-0 w-full h-full object-cover z-0 opacity-60 bg-black"
+          style={{ backgroundColor: '#111', backgroundImage: 'none' }}
+        >
+          <source src="/Your%20paragraph%20text.mp4" type="video/mp4" />
+        </video>
+        {/* Overlay to prevent white blink */}
+        <div className="absolute inset-0 w-full h-full z-0 pointer-events-none" style={{ background: 'rgba(10,10,20,0.7)' }} />
+        <div className="relative z-10 w-full max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 text-center flex flex-col items-center">
           <motion.div
             initial={{ opacity: 0, y: 30 }}
             animate={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.8 }}
+            className="w-full"
           >
-            <DeployChainIcon />
-            <h1 className="text-5xl md:text-7xl font-bold mb-6">DeployChain</h1>
-            <p className="text-2xl md:text-3xl mb-4 font-light">
+
+            <h1 className="text-3xl xs:text-4xl sm:text-5xl md:text-7xl font-bold mb-4 sm:mb-6">DeployChain</h1>
+            <p className="text-lg xs:text-xl sm:text-2xl md:text-3xl mb-2 sm:mb-4 font-light">
               Vercel for Web3: Deploy dApps with One Git Push
             </p>
-            <p className="text-xl md:text-2xl mb-12 text-blue-100 max-w-3xl mx-auto">
+            <p className="text-base xs:text-lg sm:text-xl md:text-2xl mb-6 sm:mb-12 text-blue-100 max-w-3xl mx-auto">
               Smart contracts + frontend deployed seamlessly to Sepolia testnet.
             </p>
-            <div className="flex flex-col sm:flex-row gap-6 justify-center">
+            <div className="flex flex-col sm:flex-row gap-4 sm:gap-6 justify-center w-full items-center">
               <motion.button
                 whileHover={{ scale: 1.05 }}
                 whileTap={{ scale: 0.95 }}
                 onClick={() => smoothScrollTo('try-it')}
-                className="btn-hero"
+                className="btn-hero w-full sm:w-auto"
               >
                 Try It Now
               </motion.button>
@@ -191,7 +258,7 @@ const Landing = () => {
                 whileHover={{ scale: 1.05 }}
                 whileTap={{ scale: 0.95 }}
                 onClick={() => smoothScrollTo('demo')}
-                className="btn-outline"
+                className="btn-outline w-full sm:w-auto"
               >
                 Watch Demo
               </motion.button>
@@ -234,10 +301,10 @@ const Landing = () => {
                 whileInView={{ opacity: 1, y: 0 }}
                 viewport={{ once: true }}
                 transition={{ delay: index * 0.2 }}
-                className="card-problem"
+                className="card-problem p-6 rounded-xl shadow-md bg-white/80 dark:bg-gray-900/80 text-center flex flex-col items-center"
               >
-                <h3 className="text-xl font-semibold text-foreground mb-4">{problem.title}</h3>
-                <p className="text-muted-foreground">{problem.description}</p>
+                <h3 className="text-lg sm:text-xl font-semibold text-foreground mb-2 sm:mb-4">{problem.title}</h3>
+                <p className="text-sm sm:text-base text-muted-foreground">{problem.description}</p>
               </motion.div>
             ))}
           </div>
@@ -312,10 +379,10 @@ const Landing = () => {
                 whileInView={{ opacity: 1, y: 0 }}
                 viewport={{ once: true }}
                 transition={{ delay: index * 0.1 }}
-                className="card-feature"
+                className="card-feature p-6 rounded-xl shadow-md bg-white/80 dark:bg-gray-900/80 text-center flex flex-col items-center"
               >
-                <h3 className="text-xl font-semibold text-primary mb-4">{feature.title}</h3>
-                <p className="text-accent-foreground">{feature.description}</p>
+                <h3 className="text-lg sm:text-xl font-semibold text-primary mb-2 sm:mb-4">{feature.title}</h3>
+                <p className="text-sm sm:text-base text-accent-foreground">{feature.description}</p>
               </motion.div>
             ))}
           </div>
@@ -384,11 +451,13 @@ const Landing = () => {
           ) : (
             <div className="grid md:grid-cols-2 gap-8">
               {deployments.map((deployment, index) => (
-                <DeploymentCard
-                  key={deployment.id}
-                  deployment={deployment}
-                  index={index}
-                />
+                <div className="w-full flex flex-col">
+                  <DeploymentCard
+                    key={deployment.id}
+                    deployment={deployment}
+                    index={index}
+                  />
+                </div>
               ))}
             </div>
           )}
diff --git a/README.md b/web/README.md
similarity index 100%
rename from README.md
rename to web/README.md
diff --git a/bun.lockb b/web/bun.lockb
similarity index 100%
rename from bun.lockb
rename to web/bun.lockb
diff --git a/components.json b/web/components.json
similarity index 100%
rename from components.json
rename to web/components.json
diff --git a/eslint.config.js b/web/eslint.config.js
similarity index 100%
rename from eslint.config.js
rename to web/eslint.config.js
diff --git a/index.html b/web/index.html
similarity index 83%
rename from index.html
rename to web/index.html
index 51962bc..4a122a2 100644
--- a/index.html
+++ b/web/index.html
@@ -1,6 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
+  <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'/>" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>DeployChain - Vercel for Web3 dApps</title>
@@ -11,11 +12,11 @@
     <meta property="og:title" content="DeployChain - Vercel for Web3 dApps" />
     <meta property="og:description" content="Deploy dApps with one Git push. Smart contracts + frontend deployed seamlessly to Web3." />
     <meta property="og:type" content="website" />
-    <meta property="og:image" content="https://lovable.dev/opengraph-image-p98pqg.png" />
+  <meta property="og:image" content="" />
 
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:site" content="@lovable_dev" />
-    <meta name="twitter:image" content="https://lovable.dev/opengraph-image-p98pqg.png" />
+  <meta name="twitter:image" content="" />
   </head>
 
   <body>
diff --git a/package-lock.json b/web/package-lock.json
similarity index 98%
rename from package-lock.json
rename to web/package-lock.json
index d6506b5..deac208 100644
--- a/package-lock.json
+++ b/web/package-lock.json
@@ -63,7 +63,7 @@
         "@eslint/js": "^9.32.0",
         "@tailwindcss/typography": "^0.5.16",
         "@types/node": "^22.16.5",
-        "@types/react": "^18.3.23",
+        "@types/react": "^18.3.24",
         "@types/react-dom": "^18.3.7",
         "@vitejs/plugin-react-swc": "^3.11.0",
         "autoprefixer": "^10.4.21",
@@ -76,14 +76,13 @@
         "tailwindcss": "^3.4.17",
         "typescript": "^5.8.3",
         "typescript-eslint": "^8.38.0",
-        "vite": "^5.4.19"
+        "vite": "^5.4.20"
       }
     },
     "node_modules/@alloc/quick-lru": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
       "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=10"
@@ -847,7 +846,6 @@
       "version": "8.0.2",
       "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
       "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
-      "dev": true,
       "license": "ISC",
       "dependencies": {
         "string-width": "^5.1.2",
@@ -865,7 +863,6 @@
       "version": "0.3.5",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
       "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/set-array": "^1.2.1",
@@ -880,7 +877,6 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
       "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.0.0"
@@ -890,7 +886,6 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
       "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.0.0"
@@ -900,14 +895,12 @@
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
       "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/@jridgewell/trace-mapping": {
       "version": "0.3.25",
       "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
       "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
@@ -918,7 +911,6 @@
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
       "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@nodelib/fs.stat": "2.0.5",
@@ -932,7 +924,6 @@
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
       "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 8"
@@ -942,7 +933,6 @@
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
       "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@nodelib/fs.scandir": "2.1.5",
@@ -956,7 +946,6 @@
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
       "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "engines": {
@@ -2929,14 +2918,14 @@
       "version": "15.7.13",
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.13.tgz",
       "integrity": "sha512-hCZTSvwbzWGvhqxp/RqVqwU999pBf2vp7hzIjiYOsl8wqOmUxkQ6ddw1cV3l8811+kdUFus/q4d1Y3E3SyEifA==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT"
     },
     "node_modules/@types/react": {
-      "version": "18.3.23",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.23.tgz",
-      "integrity": "sha512-/LDXMQh55EzZQ0uVAZmKKhfENivEvWz6E+EYzh+/MCjMhNsotd+ZHhBGIjFDTi6+fz0OhQQQLbTgdQIxxCsC0w==",
-      "dev": true,
+      "version": "18.3.24",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.24.tgz",
+      "integrity": "sha512-0dLEBsA1kI3OezMBF8nSsb7Nk19ZnsyE1LLhB8r27KbgU5H4pvuqZLdtE+aUkJVoXgTVuA+iLIwmZ0TuK4tx6A==",
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@types/prop-types": "*",
@@ -2947,7 +2936,7 @@
       "version": "18.3.7",
       "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.7.tgz",
       "integrity": "sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "peerDependencies": {
         "@types/react": "^18.0.0"
@@ -3269,7 +3258,6 @@
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
       "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12"
@@ -3282,7 +3270,6 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "color-convert": "^2.0.1"
@@ -3298,14 +3285,12 @@
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
       "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/anymatch": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
       "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-      "dev": true,
       "license": "ISC",
       "dependencies": {
         "normalize-path": "^3.0.0",
@@ -3319,7 +3304,6 @@
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
       "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/argparse": {
@@ -3383,14 +3367,12 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/binary-extensions": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
       "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8"
@@ -3414,7 +3396,6 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
       "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "fill-range": "^7.1.1"
@@ -3470,7 +3451,6 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
       "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 6"
@@ -3518,7 +3498,6 @@
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
       "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "anymatch": "~3.1.2",
@@ -3543,7 +3522,6 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
       "license": "ISC",
       "dependencies": {
         "is-glob": "^4.0.1"
@@ -3592,7 +3570,6 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
       "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "color-name": "~1.1.4"
@@ -3605,14 +3582,12 @@
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/commander": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
       "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 6"
@@ -3629,7 +3604,6 @@
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
       "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
-      "dev": true,
       "dependencies": {
         "path-key": "^3.1.0",
         "shebang-command": "^2.0.0",
@@ -3643,7 +3617,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
       "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-      "dev": true,
       "license": "MIT",
       "bin": {
         "cssesc": "bin/cssesc"
@@ -3830,14 +3803,12 @@
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
       "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
-      "dev": true,
       "license": "Apache-2.0"
     },
     "node_modules/dlv": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
       "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/dom-helpers": {
@@ -3854,7 +3825,6 @@
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
       "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
@@ -3896,7 +3866,6 @@
       "version": "9.2.2",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
       "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/esbuild": {
@@ -4175,7 +4144,6 @@
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
       "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
@@ -4192,7 +4160,6 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
       "license": "ISC",
       "dependencies": {
         "is-glob": "^4.0.1"
@@ -4219,7 +4186,6 @@
       "version": "1.17.1",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
       "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
-      "dev": true,
       "license": "ISC",
       "dependencies": {
         "reusify": "^1.0.4"
@@ -4242,7 +4208,6 @@
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
       "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "to-regex-range": "^5.0.1"
@@ -4293,7 +4258,6 @@
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz",
       "integrity": "sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==",
-      "dev": true,
       "license": "ISC",
       "dependencies": {
         "cross-spawn": "^7.0.0",
@@ -4351,7 +4315,6 @@
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
       "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
       "optional": true,
@@ -4366,7 +4329,6 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
       "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-      "dev": true,
       "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -4385,7 +4347,6 @@
       "version": "10.4.5",
       "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
       "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
-      "dev": true,
       "license": "ISC",
       "dependencies": {
         "foreground-child": "^3.1.0",
@@ -4406,7 +4367,6 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
       "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "dev": true,
       "license": "ISC",
       "dependencies": {
         "is-glob": "^4.0.3"
@@ -4419,7 +4379,6 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
       "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "balanced-match": "^1.0.0"
@@ -4429,7 +4388,6 @@
       "version": "9.0.5",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
       "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-      "dev": true,
       "license": "ISC",
       "dependencies": {
         "brace-expansion": "^2.0.1"
@@ -4475,7 +4433,6 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
       "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "function-bind": "^1.1.2"
@@ -4544,7 +4501,6 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
       "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "binary-extensions": "^2.0.0"
@@ -4557,7 +4513,6 @@
       "version": "2.15.1",
       "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.15.1.tgz",
       "integrity": "sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "hasown": "^2.0.2"
@@ -4573,7 +4528,6 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -4583,7 +4537,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
       "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8"
@@ -4593,7 +4546,6 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "is-extglob": "^2.1.1"
@@ -4606,7 +4558,6 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.12.0"
@@ -4616,14 +4567,12 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-      "dev": true,
       "license": "ISC"
     },
     "node_modules/jackspeak": {
       "version": "3.4.3",
       "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
       "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
-      "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
         "@isaacs/cliui": "^8.0.2"
@@ -4639,7 +4588,6 @@
       "version": "1.21.6",
       "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.6.tgz",
       "integrity": "sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==",
-      "dev": true,
       "license": "MIT",
       "bin": {
         "jiti": "bin/jiti.js"
@@ -4713,7 +4661,6 @@
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
       "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=14"
@@ -4726,7 +4673,6 @@
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
       "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/locate-path": {
@@ -5236,7 +5182,6 @@
       "version": "10.4.3",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
       "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
-      "dev": true,
       "license": "ISC"
     },
     "node_modules/lucide-react": {
@@ -5261,7 +5206,6 @@
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
       "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 8"
@@ -5271,7 +5215,6 @@
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
       "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "braces": "^3.0.3",
@@ -5298,7 +5241,6 @@
       "version": "7.1.2",
       "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
       "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
-      "dev": true,
       "license": "ISC",
       "engines": {
         "node": ">=16 || 14 >=14.17"
@@ -5330,7 +5272,6 @@
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
       "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "any-promise": "^1.0.0",
@@ -5342,7 +5283,6 @@
       "version": "3.3.11",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
       "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
-      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -5385,7 +5325,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -5414,7 +5353,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
       "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 6"
@@ -5474,7 +5412,6 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
       "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
-      "dev": true,
       "license": "BlueOak-1.0.0"
     },
     "node_modules/parent-module": {
@@ -5504,7 +5441,6 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
       "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8"
@@ -5514,14 +5450,12 @@
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
       "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/path-scurry": {
       "version": "1.11.1",
       "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
       "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
-      "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
         "lru-cache": "^10.2.0",
@@ -5538,14 +5472,12 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
       "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
-      "dev": true,
       "license": "ISC"
     },
     "node_modules/picomatch": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8.6"
@@ -5558,7 +5490,6 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
       "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -5568,7 +5499,6 @@
       "version": "4.0.6",
       "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
       "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 6"
@@ -5578,7 +5508,6 @@
       "version": "8.5.6",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
       "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
-      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -5607,7 +5536,6 @@
       "version": "15.1.0",
       "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
       "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "postcss-value-parser": "^4.0.0",
@@ -5625,7 +5553,6 @@
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
       "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "camelcase-css": "^2.0.1"
@@ -5645,7 +5572,6 @@
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
       "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
-      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -5681,7 +5607,6 @@
       "version": "6.2.0",
       "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
       "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
-      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -5707,7 +5632,6 @@
       "version": "6.1.2",
       "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
       "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "cssesc": "^3.0.0",
@@ -5721,7 +5645,6 @@
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
       "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/prelude-ls": {
@@ -5765,7 +5688,6 @@
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
       "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -5989,7 +5911,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
       "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "pify": "^2.3.0"
@@ -5999,7 +5920,6 @@
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
       "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "picomatch": "^2.2.1"
@@ -6044,7 +5964,6 @@
       "version": "1.22.8",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
       "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "is-core-module": "^2.13.0",
@@ -6072,7 +5991,6 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
       "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "iojs": ">=1.0.0",
@@ -6119,7 +6037,6 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
       "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -6165,7 +6082,6 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
       "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "shebang-regex": "^3.0.0"
@@ -6178,7 +6094,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
       "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8"
@@ -6188,7 +6103,6 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
       "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
-      "dev": true,
       "license": "ISC",
       "engines": {
         "node": ">=14"
@@ -6211,7 +6125,6 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
       "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
-      "dev": true,
       "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
@@ -6221,7 +6134,6 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
       "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "eastasianwidth": "^0.2.0",
@@ -6240,7 +6152,6 @@
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "emoji-regex": "^8.0.0",
@@ -6255,7 +6166,6 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8"
@@ -6265,14 +6175,12 @@
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/string-width-cjs/node_modules/strip-ansi": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ansi-regex": "^5.0.1"
@@ -6285,7 +6193,6 @@
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
       "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ansi-regex": "^6.0.1"
@@ -6302,7 +6209,6 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ansi-regex": "^5.0.1"
@@ -6315,7 +6221,6 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8"
@@ -6338,7 +6243,6 @@
       "version": "3.35.0",
       "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
       "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.2",
@@ -6374,7 +6278,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
       "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
@@ -6397,7 +6300,6 @@
       "version": "3.4.17",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.17.tgz",
       "integrity": "sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@alloc/quick-lru": "^5.2.0",
@@ -6444,7 +6346,6 @@
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
       "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "any-promise": "^1.0.0"
@@ -6454,7 +6355,6 @@
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
       "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "thenify": ">= 3.1.0 < 4"
@@ -6473,7 +6373,6 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "is-number": "^7.0.0"
@@ -6499,7 +6398,6 @@
       "version": "0.1.13",
       "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
       "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
-      "dev": true,
       "license": "Apache-2.0"
     },
     "node_modules/tslib": {
@@ -6663,7 +6561,6 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/vaul": {
@@ -6702,9 +6599,9 @@
       }
     },
     "node_modules/vite": {
-      "version": "5.4.19",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.19.tgz",
-      "integrity": "sha512-qO3aKv3HoQC8QKiNSTuUM1l9o/XX3+c+VTgLHbJWHZGeTPVAg2XwazI9UWzoxjIJCGCV2zU60uqMzjeLZuULqA==",
+      "version": "5.4.20",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.20.tgz",
+      "integrity": "sha512-j3lYzGC3P+B5Yfy/pfKNgVEg4+UtcIJcVRt2cDjIOmhLourAqPqf8P7acgxeiSgUB7E3p2P8/3gNIgDLpwzs4g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6765,7 +6662,6 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
       "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "dev": true,
       "license": "ISC",
       "dependencies": {
         "isexe": "^2.0.0"
@@ -6791,7 +6687,6 @@
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
       "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ansi-styles": "^6.1.0",
@@ -6810,7 +6705,6 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
       "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ansi-styles": "^4.0.0",
@@ -6828,7 +6722,6 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8"
@@ -6838,14 +6731,12 @@
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/wrap-ansi-cjs/node_modules/string-width": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "emoji-regex": "^8.0.0",
@@ -6860,7 +6751,6 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ansi-regex": "^5.0.1"
@@ -6873,7 +6763,6 @@
       "version": "6.2.1",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
       "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12"
@@ -6886,7 +6775,6 @@
       "version": "2.6.0",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.6.0.tgz",
       "integrity": "sha512-a6ae//JvKDEra2kdi1qzCyrJW/WZCgFi8ydDV+eXExl95t+5R+ijnqHJbz9tmMh8FUjx3iv2fCQ4dclAQlO2UQ==",
-      "dev": true,
       "license": "ISC",
       "bin": {
         "yaml": "bin.mjs"
diff --git a/package.json b/web/package.json
similarity index 98%
rename from package.json
rename to web/package.json
index db8ca42..4ed1089 100644
--- a/package.json
+++ b/web/package.json
@@ -66,7 +66,7 @@
     "@eslint/js": "^9.32.0",
     "@tailwindcss/typography": "^0.5.16",
     "@types/node": "^22.16.5",
-    "@types/react": "^18.3.23",
+    "@types/react": "^18.3.24",
     "@types/react-dom": "^18.3.7",
     "@vitejs/plugin-react-swc": "^3.11.0",
     "autoprefixer": "^10.4.21",
@@ -79,6 +79,6 @@
     "tailwindcss": "^3.4.17",
     "typescript": "^5.8.3",
     "typescript-eslint": "^8.38.0",
-    "vite": "^5.4.19"
+    "vite": "^5.4.20"
   }
 }
diff --git a/postcss.config.js b/web/postcss.config.js
similarity index 100%
rename from postcss.config.js
rename to web/postcss.config.js
diff --git a/web/public/Your paragraph text.mp4 b/web/public/Your paragraph text.mp4
new file mode 100644
index 0000000..31580ba
Binary files /dev/null and b/web/public/Your paragraph text.mp4 differ
diff --git a/public/favicon.ico b/web/public/favicon.ico
similarity index 100%
rename from public/favicon.ico
rename to web/public/favicon.ico
diff --git a/public/placeholder.svg b/web/public/placeholder.svg
similarity index 100%
rename from public/placeholder.svg
rename to web/public/placeholder.svg
diff --git a/public/robots.txt b/web/public/robots.txt
similarity index 100%
rename from public/robots.txt
rename to web/public/robots.txt
diff --git a/web/src/App.css b/web/src/App.css
new file mode 100644
index 0000000..8cfdc67
--- /dev/null
+++ b/web/src/App.css
@@ -0,0 +1,99 @@
+#root {
+  width: 100vw;
+  min-height: 100vh;
+  margin: 0;
+  padding: 0;
+  text-align: initial;
+}
+
+html, body {
+  width: 100vw;
+  min-height: 100vh;
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  overflow-x: hidden;
+}
+
+section, footer, header, nav, main, div {
+  box-sizing: border-box;
+}
+
+img, video {
+  max-width: 100%;
+  height: auto;
+  display: block;
+}
+
+@media (max-width: 640px) {
+  .max-w-6xl, .max-w-4xl, .max-w-3xl, .max-w-2xl {
+    max-width: 100vw !important;
+    padding-left: 0.5rem !important;
+    padding-right: 0.5rem !important;
+  }
+  .px-4, .sm\:px-6, .lg\:px-8 {
+    padding-left: 0.5rem !important;
+    padding-right: 0.5rem !important;
+  }
+  .text-5xl, .md\:text-7xl {
+    font-size: 2rem !important;
+  }
+  .text-4xl, .md\:text-5xl {
+    font-size: 1.5rem !important;
+  }
+  .text-3xl, .md\:text-3xl {
+    font-size: 1.25rem !important;
+  }
+  .text-2xl, .md\:text-2xl {
+    font-size: 1.1rem !important;
+  }
+  .text-xl, .md\:text-xl {
+    font-size: 1rem !important;
+  }
+  .mb-12, .mb-6 {
+    margin-bottom: 1rem !important;
+  }
+  .h-16 {
+    height: 3.5rem !important;
+  }
+  .flex-row {
+    flex-direction: column !important;
+    gap: 0.5rem !important;
+  }
+}
+
+.logo {
+  height: 6em;
+  padding: 1.5em;
+  will-change: filter;
+  transition: filter 300ms;
+}
+.logo:hover {
+  filter: drop-shadow(0 0 2em #646cffaa);
+}
+.logo.react:hover {
+  filter: drop-shadow(0 0 2em #61dafbaa);
+}
+
+@keyframes logo-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  a:nth-of-type(2) .logo {
+    animation: logo-spin infinite 20s linear;
+  }
+}
+
+.card {
+  padding: 2em;
+}
+
+.read-the-docs {
+  color: #888;
+}
diff --git a/src/App.tsx b/web/src/App.tsx
similarity index 89%
rename from src/App.tsx
rename to web/src/App.tsx
index 18daf2e..ef6e7ca 100644
--- a/src/App.tsx
+++ b/web/src/App.tsx
@@ -5,6 +5,7 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { BrowserRouter, Routes, Route } from "react-router-dom";
 import Index from "./pages/Index";
 import NotFound from "./pages/NotFound";
+import Dashboard from "./pages/Dashboard";
 
 const queryClient = new QueryClient();
 
@@ -16,6 +17,7 @@ const App = () => (
       <BrowserRouter>
         <Routes>
           <Route path="/" element={<Index />} />
+          <Route path="/dashboard" element={<Dashboard />} />
           {/* ADD ALL CUSTOM ROUTES ABOVE THE CATCH-ALL "*" ROUTE */}
           <Route path="*" element={<NotFound />} />
         </Routes>
diff --git a/web/src/assets/Deploy.svg b/web/src/assets/Deploy.svg
new file mode 100644
index 0000000..a5dd4a5
--- /dev/null
+++ b/web/src/assets/Deploy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" zoomAndPan="magnify" viewBox="0 0 375 374.999991" height="500" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><g/><clipPath id="eb91fce92d"><path d="M 159 103.316406 L 287 103.316406 L 287 141 L 159 141 Z M 159 103.316406 " clip-rule="nonzero"/></clipPath><clipPath id="5752510e6d"><path d="M 51.140625 155 L 206 155 L 206 182 L 51.140625 182 Z M 51.140625 155 " clip-rule="nonzero"/></clipPath><clipPath id="0f2744688a"><path d="M 88 167 L 216 167 L 216 204.566406 L 88 204.566406 Z M 88 167 " clip-rule="nonzero"/></clipPath></defs><path fill="#63b1ce" d="M 157.613281 139.179688 C 158.699219 139.179688 159.582031 140.058594 159.582031 141.148438 C 159.582031 142.234375 158.699219 143.117188 157.613281 143.117188 C 156.523438 143.117188 155.644531 142.234375 155.644531 141.148438 C 155.644531 140.058594 156.523438 139.179688 157.613281 139.179688 Z M 287.804688 176.699219 C 288.890625 176.699219 289.773438 177.582031 289.773438 178.667969 C 289.773438 179.757812 288.890625 180.636719 287.804688 180.636719 C 286.714844 180.636719 285.835938 179.757812 285.835938 178.667969 C 285.835938 177.582031 286.714844 176.699219 287.804688 176.699219 Z M 171.261719 196.246094 C 170.175781 196.246094 169.292969 195.363281 169.292969 194.273438 C 169.292969 193.1875 170.175781 192.304688 171.261719 192.304688 C 172.351562 192.304688 173.230469 193.1875 173.230469 194.273438 C 173.230469 195.363281 172.351562 196.246094 171.261719 196.246094 Z M 157.613281 144.234375 C 159.035156 144.234375 160.230469 143.273438 160.589844 141.964844 L 207.476562 141.964844 L 243.363281 177.851562 L 232.171875 177.851562 L 216.5625 193.460938 L 174.238281 193.460938 C 173.878906 192.152344 172.683594 191.1875 171.261719 191.1875 C 169.558594 191.1875 168.175781 192.570312 168.175781 194.273438 C 168.175781 195.980469 169.558594 197.363281 171.261719 197.363281 C 172.628906 197.363281 173.785156 196.472656 174.191406 195.242188 L 217.300781 195.242188 L 232.910156 179.636719 L 284.875 179.636719 C 285.277344 180.863281 286.4375 181.753906 287.804688 181.753906 C 289.507812 181.753906 290.890625 180.371094 290.890625 178.667969 C 290.890625 176.960938 289.507812 175.582031 287.804688 175.582031 C 286.382812 175.582031 285.1875 176.542969 284.828125 177.851562 L 245.886719 177.851562 L 208.214844 140.179688 L 160.542969 140.179688 C 160.136719 138.949219 158.980469 138.0625 157.613281 138.0625 C 155.910156 138.0625 154.527344 139.445312 154.527344 141.148438 C 154.527344 142.851562 155.910156 144.234375 157.613281 144.234375 " fill-opacity="1" fill-rule="nonzero"/><path fill="#63b1ce" d="M 232.128906 130.875 L 180.753906 130.875 C 180.082031 128.5 177.902344 126.757812 175.3125 126.757812 C 172.191406 126.757812 169.660156 129.289062 169.660156 132.410156 C 169.660156 135.53125 172.191406 138.0625 175.3125 138.0625 C 177.71875 138.0625 179.769531 136.558594 180.585938 134.441406 L 230.652344 134.441406 L 245.425781 149.21875 L 312.824219 149.21875 C 313.640625 151.332031 315.691406 152.835938 318.097656 152.835938 C 321.21875 152.835938 323.75 150.304688 323.75 147.183594 C 323.75 144.0625 321.21875 141.53125 318.097656 141.53125 C 315.507812 141.53125 313.328125 143.273438 312.660156 145.648438 L 246.90625 145.648438 L 232.128906 130.875 " fill-opacity="1" fill-rule="nonzero"/><g clip-path="url(#eb91fce92d)"><path fill="#63b1ce" d="M 162.183594 104.433594 C 163.269531 104.433594 164.152344 105.316406 164.152344 106.40625 C 164.152344 107.492188 163.269531 108.375 162.183594 108.375 C 161.09375 108.375 160.214844 107.492188 160.214844 106.40625 C 160.214844 105.316406 161.09375 104.433594 162.183594 104.433594 Z M 283.808594 135.511719 C 284.894531 135.511719 285.777344 136.394531 285.777344 137.480469 C 285.777344 138.570312 284.894531 139.449219 283.808594 139.449219 C 282.71875 139.449219 281.835938 138.570312 281.835938 137.480469 C 281.835938 136.394531 282.71875 135.511719 283.808594 135.511719 Z M 191.429688 124.003906 C 190.339844 124.003906 189.460938 123.121094 189.460938 122.035156 C 189.460938 120.945312 190.339844 120.0625 191.429688 120.0625 C 192.515625 120.0625 193.398438 120.945312 193.398438 122.035156 C 193.398438 123.121094 192.515625 124.003906 191.429688 124.003906 Z M 162.183594 109.492188 C 163.605469 109.492188 164.800781 108.53125 165.160156 107.222656 L 207.484375 107.222656 L 221.328125 121.066406 L 194.359375 121.066406 C 193.953125 119.835938 192.796875 118.945312 191.429688 118.945312 C 189.726562 118.945312 188.34375 120.328125 188.34375 122.035156 C 188.34375 123.738281 189.726562 125.117188 191.429688 125.117188 C 192.851562 125.117188 194.046875 124.15625 194.40625 122.847656 L 236.730469 122.847656 L 252.335938 138.457031 L 280.878906 138.457031 C 281.289062 139.683594 282.445312 140.566406 283.808594 140.566406 C 285.511719 140.566406 286.894531 139.183594 286.894531 137.480469 C 286.894531 135.777344 285.511719 134.394531 283.808594 134.394531 C 282.382812 134.394531 281.183594 135.359375 280.828125 136.671875 L 253.078125 136.671875 L 237.46875 121.066406 L 236.738281 121.066406 L 236.738281 121.046875 L 223.832031 121.046875 L 208.222656 105.4375 L 165.113281 105.4375 C 164.707031 104.207031 163.550781 103.320312 162.183594 103.320312 C 160.476562 103.320312 159.097656 104.699219 159.097656 106.40625 C 159.097656 108.109375 160.476562 109.492188 162.183594 109.492188 " fill-opacity="1" fill-rule="nonzero"/></g><path fill="#63b1ce" d="M 267.183594 162.773438 L 245.390625 162.773438 L 232.160156 149.542969 L 218.839844 149.542969 L 220.625 151.328125 L 231.421875 151.328125 L 244.652344 164.558594 L 267.210938 164.558594 C 267.609375 165.800781 268.777344 166.703125 270.152344 166.703125 C 271.855469 166.703125 273.238281 165.320312 273.238281 163.617188 C 273.238281 161.914062 271.855469 160.53125 270.152344 160.53125 C 268.742188 160.53125 267.550781 161.480469 267.183594 162.773438 " fill-opacity="1" fill-rule="nonzero"/><path fill="#63b1ce" d="M 215.578125 151.328125 L 213.792969 149.542969 L 176.984375 149.542969 C 176.617188 148.25 175.429688 147.300781 174.015625 147.300781 C 172.3125 147.300781 170.929688 148.683594 170.929688 150.386719 C 170.929688 152.089844 172.3125 153.472656 174.015625 153.472656 C 175.394531 153.472656 176.558594 152.570312 176.957031 151.328125 L 215.578125 151.328125 " fill-opacity="1" fill-rule="nonzero"/><path fill="#63b1ce" d="M 217.375 168.882812 C 216.285156 168.882812 215.40625 168 215.40625 166.910156 C 215.40625 165.824219 216.285156 164.941406 217.375 164.941406 C 218.464844 164.941406 219.34375 165.824219 219.34375 166.910156 C 219.34375 168 218.464844 168.882812 217.375 168.882812 Z M 87.183594 131.363281 C 86.097656 131.363281 85.214844 130.480469 85.214844 129.390625 C 85.214844 128.304688 86.097656 127.421875 87.183594 127.421875 C 88.273438 127.421875 89.15625 128.304688 89.15625 129.390625 C 89.15625 130.480469 88.273438 131.363281 87.183594 131.363281 Z M 203.726562 111.8125 C 204.8125 111.8125 205.695312 112.695312 205.695312 113.785156 C 205.695312 114.871094 204.8125 115.753906 203.726562 115.753906 C 202.636719 115.753906 201.757812 114.871094 201.757812 113.785156 C 201.757812 112.695312 202.636719 111.8125 203.726562 111.8125 Z M 217.375 163.828125 C 215.953125 163.828125 214.757812 164.785156 214.398438 166.097656 L 167.511719 166.097656 L 131.625 130.207031 L 142.816406 130.207031 L 158.425781 114.601562 L 200.75 114.601562 C 201.109375 115.90625 202.304688 116.871094 203.726562 116.871094 C 205.429688 116.871094 206.8125 115.488281 206.8125 113.785156 C 206.8125 112.078125 205.429688 110.699219 203.726562 110.699219 C 202.359375 110.699219 201.203125 111.585938 200.796875 112.816406 L 157.6875 112.816406 L 142.078125 128.421875 L 90.117188 128.421875 C 89.710938 127.195312 88.550781 126.304688 87.183594 126.304688 C 85.480469 126.304688 84.097656 127.6875 84.097656 129.390625 C 84.097656 131.097656 85.480469 132.476562 87.183594 132.476562 C 88.605469 132.476562 89.804688 131.515625 90.160156 130.207031 L 129.101562 130.207031 L 166.773438 167.878906 L 214.445312 167.878906 C 214.851562 169.109375 216.007812 169.996094 217.375 169.996094 C 219.078125 169.996094 220.460938 168.617188 220.460938 166.910156 C 220.460938 165.207031 219.078125 163.828125 217.375 163.828125 " fill-opacity="1" fill-rule="nonzero"/><g clip-path="url(#5752510e6d)"><path fill="#63b1ce" d="M 142.859375 177.183594 L 194.238281 177.183594 C 194.90625 179.558594 197.085938 181.300781 199.675781 181.300781 C 202.796875 181.300781 205.328125 178.769531 205.328125 175.648438 C 205.328125 172.527344 202.796875 169.996094 199.675781 169.996094 C 197.269531 169.996094 195.21875 171.5 194.402344 173.617188 L 144.335938 173.617188 L 129.5625 158.839844 L 62.164062 158.839844 C 61.347656 156.726562 59.296875 155.222656 56.890625 155.222656 C 53.769531 155.222656 51.238281 157.753906 51.238281 160.875 C 51.238281 163.996094 53.769531 166.527344 56.890625 166.527344 C 59.480469 166.527344 61.660156 164.785156 62.328125 162.410156 L 128.085938 162.410156 L 142.859375 177.183594 " fill-opacity="1" fill-rule="nonzero"/></g><g clip-path="url(#0f2744688a)"><path fill="#63b1ce" d="M 212.804688 203.625 C 211.71875 203.625 210.835938 202.742188 210.835938 201.652344 C 210.835938 200.566406 211.71875 199.683594 212.804688 199.683594 C 213.894531 199.683594 214.777344 200.566406 214.777344 201.652344 C 214.777344 202.742188 213.894531 203.625 212.804688 203.625 Z M 91.183594 172.546875 C 90.09375 172.546875 89.210938 171.664062 89.210938 170.578125 C 89.210938 169.492188 90.09375 168.609375 91.183594 168.609375 C 92.269531 168.609375 93.152344 169.492188 93.152344 170.578125 C 93.152344 171.664062 92.269531 172.546875 91.183594 172.546875 Z M 183.558594 184.054688 C 184.648438 184.054688 185.527344 184.9375 185.527344 186.027344 C 185.527344 187.113281 184.648438 187.996094 183.558594 187.996094 C 182.472656 187.996094 181.589844 187.113281 181.589844 186.027344 C 181.589844 184.9375 182.472656 184.054688 183.558594 184.054688 Z M 212.804688 198.566406 C 211.386719 198.566406 210.1875 199.527344 209.828125 200.835938 L 167.507812 200.835938 L 153.664062 186.996094 L 180.628906 186.996094 C 181.035156 188.222656 182.191406 189.113281 183.558594 189.113281 C 185.265625 189.113281 186.644531 187.730469 186.644531 186.027344 C 186.644531 184.320312 185.265625 182.941406 183.558594 182.941406 C 182.136719 182.941406 180.941406 183.902344 180.582031 185.210938 L 138.257812 185.210938 L 122.652344 169.601562 L 94.109375 169.601562 C 93.703125 168.375 92.546875 167.492188 91.183594 167.492188 C 89.476562 167.492188 88.097656 168.875 88.097656 170.578125 C 88.097656 172.28125 89.476562 173.664062 91.183594 173.664062 C 92.605469 173.664062 93.804688 172.699219 94.160156 171.386719 L 121.910156 171.386719 L 137.519531 186.996094 L 138.25 186.996094 L 138.253906 187.011719 L 151.160156 187.011719 L 166.765625 202.621094 L 209.875 202.621094 C 210.28125 203.851562 211.441406 204.738281 212.804688 204.738281 C 214.511719 204.738281 215.890625 203.359375 215.890625 201.652344 C 215.890625 199.949219 214.511719 198.566406 212.804688 198.566406 " fill-opacity="1" fill-rule="nonzero"/></g><path fill="#63b1ce" d="M 107.804688 145.285156 L 129.597656 145.285156 L 142.828125 158.515625 L 156.148438 158.515625 L 154.367188 156.734375 L 143.566406 156.734375 L 130.335938 143.5 L 107.777344 143.5 C 107.378906 142.257812 106.210938 141.355469 104.835938 141.355469 C 103.132812 141.355469 101.75 142.738281 101.75 144.441406 C 101.75 146.144531 103.132812 147.527344 104.835938 147.527344 C 106.246094 147.527344 107.4375 146.578125 107.804688 145.285156 " fill-opacity="1" fill-rule="nonzero"/><path fill="#63b1ce" d="M 159.410156 156.734375 L 161.195312 158.515625 L 198.003906 158.515625 C 198.371094 159.808594 199.5625 160.757812 200.972656 160.757812 C 202.675781 160.757812 204.058594 159.375 204.058594 157.671875 C 204.058594 155.96875 202.675781 154.585938 200.972656 154.585938 C 199.597656 154.585938 198.429688 155.488281 198.03125 156.734375 L 159.410156 156.734375 " fill-opacity="1" fill-rule="nonzero"/><g fill="#004aad" fill-opacity="1"><g transform="translate(112.267775, 236.3447)"><g><path d="M 12.75 -6.65625 C 12.75 -4.59375 12.253906 -2.96875 11.265625 -1.78125 C 10.285156 -0.59375 8.765625 0 6.703125 0 L 1.421875 0 L 1.421875 -13.515625 L 6.734375 -13.515625 C 10.742188 -13.515625 12.75 -11.226562 12.75 -6.65625 Z M 9.9375 -6.75 C 9.9375 -7.851562 9.804688 -8.734375 9.546875 -9.390625 C 9.296875 -10.046875 8.90625 -10.515625 8.375 -10.796875 C 7.851562 -11.085938 7.160156 -11.234375 6.296875 -11.234375 L 4.140625 -11.234375 L 4.140625 -2.28125 L 6.328125 -2.28125 C 7.234375 -2.28125 7.945312 -2.421875 8.46875 -2.703125 C 8.988281 -2.984375 9.363281 -3.445312 9.59375 -4.09375 C 9.820312 -4.738281 9.9375 -5.625 9.9375 -6.75 Z M 9.9375 -6.75 "/></g></g></g><g fill="#004aad" fill-opacity="1"><g transform="translate(140.951382, 236.3447)"><g><path d="M 4.140625 -11.234375 L 4.140625 -8.140625 L 9.828125 -8.140625 L 9.828125 -5.859375 L 4.140625 -5.859375 L 4.140625 -2.28125 L 10.65625 -2.28125 L 10.65625 0 L 1.421875 0 L 1.421875 -13.515625 L 10.328125 -13.515625 L 10.328125 -11.234375 Z M 4.140625 -11.234375 "/></g></g></g><g fill="#004aad" fill-opacity="1"><g transform="translate(167.624171, 236.3447)"><g><path d="M 11.25 -9.359375 C 11.25 -7.898438 10.832031 -6.820312 10 -6.125 C 9.175781 -5.4375 7.910156 -5.09375 6.203125 -5.09375 L 4.140625 -5.09375 L 4.140625 0 L 1.421875 0 L 1.421875 -13.515625 L 6.203125 -13.515625 C 7.941406 -13.515625 9.21875 -13.164062 10.03125 -12.46875 C 10.84375 -11.769531 11.25 -10.734375 11.25 -9.359375 Z M 8.421875 -9.3125 C 8.421875 -9.925781 8.234375 -10.398438 7.859375 -10.734375 C 7.492188 -11.066406 6.925781 -11.234375 6.15625 -11.234375 L 4.140625 -11.234375 L 4.140625 -7.375 L 6.15625 -7.375 C 6.96875 -7.375 7.546875 -7.535156 7.890625 -7.859375 C 8.242188 -8.191406 8.421875 -8.675781 8.421875 -9.3125 Z M 8.421875 -9.3125 "/></g></g></g><g fill="#004aad" fill-opacity="1"><g transform="translate(194.610574, 236.3447)"><g><path d="M 10.1875 -2.28125 L 10.1875 0 L 1.421875 0 L 1.421875 -13.515625 L 4.140625 -13.515625 L 4.140625 -2.28125 Z M 10.1875 -2.28125 "/></g></g></g><g fill="#004aad" fill-opacity="1"><g transform="translate(220.407088, 236.3447)"><g><path d="M 0.8125 -6.6875 C 0.8125 -8.113281 1.078125 -9.359375 1.609375 -10.421875 C 2.148438 -11.484375 2.921875 -12.300781 3.921875 -12.875 C 4.921875 -13.457031 6.082031 -13.75 7.40625 -13.75 C 8.738281 -13.75 9.898438 -13.457031 10.890625 -12.875 C 11.890625 -12.300781 12.660156 -11.484375 13.203125 -10.421875 C 13.742188 -9.367188 14.015625 -8.144531 14.015625 -6.75 C 14.015625 -5.375 13.75 -4.160156 13.21875 -3.109375 C 12.6875 -2.054688 11.925781 -1.234375 10.9375 -0.640625 C 9.945312 -0.0546875 8.78125 0.234375 7.4375 0.234375 C 6.101562 0.234375 4.929688 -0.0546875 3.921875 -0.640625 C 2.921875 -1.222656 2.148438 -2.035156 1.609375 -3.078125 C 1.078125 -4.128906 0.8125 -5.332031 0.8125 -6.6875 Z M 7.40625 -11.40625 C 6.632812 -11.40625 5.960938 -11.207031 5.390625 -10.8125 C 4.816406 -10.414062 4.378906 -9.863281 4.078125 -9.15625 C 3.785156 -8.457031 3.640625 -7.660156 3.640625 -6.765625 C 3.640625 -5.859375 3.785156 -5.050781 4.078125 -4.34375 C 4.367188 -3.644531 4.800781 -3.097656 5.375 -2.703125 C 5.945312 -2.304688 6.628906 -2.109375 7.421875 -2.109375 C 8.203125 -2.109375 8.875 -2.304688 9.4375 -2.703125 C 10.007812 -3.097656 10.445312 -3.648438 10.75 -4.359375 C 11.050781 -5.066406 11.203125 -5.878906 11.203125 -6.796875 C 11.203125 -7.679688 11.050781 -8.472656 10.75 -9.171875 C 10.445312 -9.867188 10.007812 -10.414062 9.4375 -10.8125 C 8.875 -11.207031 8.195312 -11.40625 7.40625 -11.40625 Z M 7.40625 -11.40625 "/></g></g></g><g fill="#004aad" fill-opacity="1"><g transform="translate(250.354375, 236.3447)"><g><path d="M 6.203125 -7.953125 L 6.25 -7.953125 C 6.488281 -8.484375 6.816406 -9.125 7.234375 -9.875 L 9.265625 -13.515625 L 12.40625 -13.515625 L 7.53125 -5.65625 L 7.53125 0 L 4.8125 0 L 4.8125 -5.6875 L -0.046875 -13.515625 L 3.140625 -13.515625 L 5.21875 -9.875 C 5.613281 -9.175781 5.941406 -8.535156 6.203125 -7.953125 Z M 6.203125 -7.953125 "/></g></g></g><g fill="#000000" fill-opacity="1"><g transform="translate(148.391201, 259.29719)"><g><path d="M 5.6875 -9.140625 C 5.09375 -9.140625 4.582031 -8.976562 4.15625 -8.65625 C 3.738281 -8.34375 3.425781 -7.910156 3.21875 -7.359375 C 3.007812 -6.804688 2.90625 -6.171875 2.90625 -5.453125 C 2.90625 -4.691406 3.007812 -4.023438 3.21875 -3.453125 C 3.4375 -2.890625 3.753906 -2.453125 4.171875 -2.140625 C 4.585938 -1.835938 5.082031 -1.6875 5.65625 -1.6875 C 6.0625 -1.6875 6.4375 -1.773438 6.78125 -1.953125 C 7.125 -2.128906 7.414062 -2.382812 7.65625 -2.71875 C 7.90625 -3.050781 8.085938 -3.441406 8.203125 -3.890625 L 10.359375 -3.375 C 10.191406 -2.65625 9.898438 -2.03125 9.484375 -1.5 C 9.066406 -0.96875 8.535156 -0.550781 7.890625 -0.25 C 7.253906 0.0390625 6.53125 0.1875 5.71875 0.1875 C 4.65625 0.1875 3.742188 -0.0351562 2.984375 -0.484375 C 2.222656 -0.941406 1.644531 -1.597656 1.25 -2.453125 C 0.851562 -3.304688 0.65625 -4.320312 0.65625 -5.5 C 0.65625 -6.625 0.859375 -7.601562 1.265625 -8.4375 C 1.679688 -9.269531 2.269531 -9.90625 3.03125 -10.34375 C 3.789062 -10.789062 4.6875 -11.015625 5.71875 -11.015625 C 6.894531 -11.015625 7.863281 -10.742188 8.625 -10.203125 C 9.394531 -9.671875 9.929688 -8.878906 10.234375 -7.828125 L 8.078125 -7.3125 C 7.722656 -8.53125 6.925781 -9.140625 5.6875 -9.140625 Z M 5.6875 -9.140625 "/></g></g></g><g fill="#000000" fill-opacity="1"><g transform="translate(166.918143, 259.29719)"><g><path d="M 7.59375 -6.65625 L 7.59375 -10.828125 L 9.765625 -10.828125 L 9.765625 0 L 7.59375 0 L 7.59375 -4.828125 L 3.3125 -4.828125 L 3.3125 0 L 1.140625 0 L 1.140625 -10.828125 L 3.3125 -10.828125 L 3.3125 -6.65625 Z M 7.59375 -6.65625 "/></g></g></g><g fill="#000000" fill-opacity="1"><g transform="translate(185.386034, 259.29719)"><g><path d="M 8.375 0 L 7.421875 -2.453125 L 3.25 -2.453125 L 2.359375 0 L 0.03125 0 L 4.25 -10.828125 L 6.40625 -10.828125 L 10.75 0 Z M 4.8125 -6.734375 L 3.921875 -4.28125 L 6.734375 -4.28125 L 5.8125 -6.734375 C 5.695312 -7.046875 5.59375 -7.363281 5.5 -7.6875 C 5.414062 -8.019531 5.359375 -8.289062 5.328125 -8.5 L 5.265625 -8.5 C 5.171875 -7.90625 5.019531 -7.316406 4.8125 -6.734375 Z M 4.8125 -6.734375 "/></g></g></g><g fill="#000000" fill-opacity="1"><g transform="translate(203.72844, 259.29719)"><g><path d="M 1.140625 0 L 1.140625 -10.828125 L 3.3125 -10.828125 L 3.3125 0 Z M 1.140625 0 "/></g></g></g><g fill="#000000" fill-opacity="1"><g transform="translate(215.744953, 259.29719)"><g><path d="M 7.6875 -10.828125 L 9.71875 -10.828125 L 9.71875 0 L 7.515625 0 L 3.171875 -7.0625 L 3.171875 0 L 1.140625 0 L 1.140625 -10.828125 L 3.25 -10.828125 L 7.6875 -3.59375 Z M 7.6875 -10.828125 "/></g></g></g></svg>
\ No newline at end of file
diff --git a/web/src/assets/bits.png b/web/src/assets/bits.png
new file mode 100644
index 0000000..7e40fd4
Binary files /dev/null and b/web/src/assets/bits.png differ
diff --git a/web/src/assets/block.png b/web/src/assets/block.png
new file mode 100644
index 0000000..d9ec41c
Binary files /dev/null and b/web/src/assets/block.png differ
diff --git a/src/assets/deployment-pipeline.jpg b/web/src/assets/deployment-pipeline.jpg
similarity index 100%
rename from src/assets/deployment-pipeline.jpg
rename to web/src/assets/deployment-pipeline.jpg
diff --git a/src/components/DeployChainIcon.tsx b/web/src/components/DeployChainIcon.tsx
similarity index 96%
rename from src/components/DeployChainIcon.tsx
rename to web/src/components/DeployChainIcon.tsx
index 42fa2f5..f8d7184 100644
--- a/src/components/DeployChainIcon.tsx
+++ b/web/src/components/DeployChainIcon.tsx
@@ -3,7 +3,7 @@ import { motion } from 'framer-motion';
 const DeployChainIcon = () => {
   return (
     <motion.div
-      className="flex items-center justify-center w-16 h-16 mb-8"
+      className="flex items-left fixed top-0 left-3 right-0 z-50 w-16 h-16 "
       animate={{ rotate: 360 }}
       transition={{ duration: 20, repeat: Infinity, ease: "linear" }}
     >
diff --git a/src/components/DeploymentCard.tsx b/web/src/components/DeploymentCard.tsx
similarity index 100%
rename from src/components/DeploymentCard.tsx
rename to web/src/components/DeploymentCard.tsx
diff --git a/src/components/ui/accordion.tsx b/web/src/components/ui/accordion.tsx
similarity index 100%
rename from src/components/ui/accordion.tsx
rename to web/src/components/ui/accordion.tsx
diff --git a/src/components/ui/alert-dialog.tsx b/web/src/components/ui/alert-dialog.tsx
similarity index 100%
rename from src/components/ui/alert-dialog.tsx
rename to web/src/components/ui/alert-dialog.tsx
diff --git a/src/components/ui/alert.tsx b/web/src/components/ui/alert.tsx
similarity index 100%
rename from src/components/ui/alert.tsx
rename to web/src/components/ui/alert.tsx
diff --git a/src/components/ui/aspect-ratio.tsx b/web/src/components/ui/aspect-ratio.tsx
similarity index 100%
rename from src/components/ui/aspect-ratio.tsx
rename to web/src/components/ui/aspect-ratio.tsx
diff --git a/src/components/ui/avatar.tsx b/web/src/components/ui/avatar.tsx
similarity index 100%
rename from src/components/ui/avatar.tsx
rename to web/src/components/ui/avatar.tsx
diff --git a/src/components/ui/badge.tsx b/web/src/components/ui/badge.tsx
similarity index 100%
rename from src/components/ui/badge.tsx
rename to web/src/components/ui/badge.tsx
diff --git a/src/components/ui/breadcrumb.tsx b/web/src/components/ui/breadcrumb.tsx
similarity index 100%
rename from src/components/ui/breadcrumb.tsx
rename to web/src/components/ui/breadcrumb.tsx
diff --git a/src/components/ui/button.tsx b/web/src/components/ui/button.tsx
similarity index 100%
rename from src/components/ui/button.tsx
rename to web/src/components/ui/button.tsx
diff --git a/src/components/ui/calendar.tsx b/web/src/components/ui/calendar.tsx
similarity index 100%
rename from src/components/ui/calendar.tsx
rename to web/src/components/ui/calendar.tsx
diff --git a/src/components/ui/card.tsx b/web/src/components/ui/card.tsx
similarity index 100%
rename from src/components/ui/card.tsx
rename to web/src/components/ui/card.tsx
diff --git a/src/components/ui/carousel.tsx b/web/src/components/ui/carousel.tsx
similarity index 100%
rename from src/components/ui/carousel.tsx
rename to web/src/components/ui/carousel.tsx
diff --git a/src/components/ui/chart.tsx b/web/src/components/ui/chart.tsx
similarity index 100%
rename from src/components/ui/chart.tsx
rename to web/src/components/ui/chart.tsx
diff --git a/src/components/ui/checkbox.tsx b/web/src/components/ui/checkbox.tsx
similarity index 100%
rename from src/components/ui/checkbox.tsx
rename to web/src/components/ui/checkbox.tsx
diff --git a/src/components/ui/collapsible.tsx b/web/src/components/ui/collapsible.tsx
similarity index 100%
rename from src/components/ui/collapsible.tsx
rename to web/src/components/ui/collapsible.tsx
diff --git a/src/components/ui/command.tsx b/web/src/components/ui/command.tsx
similarity index 100%
rename from src/components/ui/command.tsx
rename to web/src/components/ui/command.tsx
diff --git a/src/components/ui/context-menu.tsx b/web/src/components/ui/context-menu.tsx
similarity index 100%
rename from src/components/ui/context-menu.tsx
rename to web/src/components/ui/context-menu.tsx
diff --git a/src/components/ui/dialog.tsx b/web/src/components/ui/dialog.tsx
similarity index 100%
rename from src/components/ui/dialog.tsx
rename to web/src/components/ui/dialog.tsx
diff --git a/src/components/ui/drawer.tsx b/web/src/components/ui/drawer.tsx
similarity index 100%
rename from src/components/ui/drawer.tsx
rename to web/src/components/ui/drawer.tsx
diff --git a/src/components/ui/dropdown-menu.tsx b/web/src/components/ui/dropdown-menu.tsx
similarity index 100%
rename from src/components/ui/dropdown-menu.tsx
rename to web/src/components/ui/dropdown-menu.tsx
diff --git a/src/components/ui/form.tsx b/web/src/components/ui/form.tsx
similarity index 100%
rename from src/components/ui/form.tsx
rename to web/src/components/ui/form.tsx
diff --git a/src/components/ui/hover-card.tsx b/web/src/components/ui/hover-card.tsx
similarity index 100%
rename from src/components/ui/hover-card.tsx
rename to web/src/components/ui/hover-card.tsx
diff --git a/src/components/ui/input-otp.tsx b/web/src/components/ui/input-otp.tsx
similarity index 100%
rename from src/components/ui/input-otp.tsx
rename to web/src/components/ui/input-otp.tsx
diff --git a/src/components/ui/input.tsx b/web/src/components/ui/input.tsx
similarity index 100%
rename from src/components/ui/input.tsx
rename to web/src/components/ui/input.tsx
diff --git a/src/components/ui/label.tsx b/web/src/components/ui/label.tsx
similarity index 100%
rename from src/components/ui/label.tsx
rename to web/src/components/ui/label.tsx
diff --git a/src/components/ui/menubar.tsx b/web/src/components/ui/menubar.tsx
similarity index 100%
rename from src/components/ui/menubar.tsx
rename to web/src/components/ui/menubar.tsx
diff --git a/src/components/ui/navigation-menu.tsx b/web/src/components/ui/navigation-menu.tsx
similarity index 100%
rename from src/components/ui/navigation-menu.tsx
rename to web/src/components/ui/navigation-menu.tsx
diff --git a/src/components/ui/pagination.tsx b/web/src/components/ui/pagination.tsx
similarity index 100%
rename from src/components/ui/pagination.tsx
rename to web/src/components/ui/pagination.tsx
diff --git a/src/components/ui/popover.tsx b/web/src/components/ui/popover.tsx
similarity index 100%
rename from src/components/ui/popover.tsx
rename to web/src/components/ui/popover.tsx
diff --git a/src/components/ui/progress.tsx b/web/src/components/ui/progress.tsx
similarity index 100%
rename from src/components/ui/progress.tsx
rename to web/src/components/ui/progress.tsx
diff --git a/src/components/ui/radio-group.tsx b/web/src/components/ui/radio-group.tsx
similarity index 100%
rename from src/components/ui/radio-group.tsx
rename to web/src/components/ui/radio-group.tsx
diff --git a/src/components/ui/resizable.tsx b/web/src/components/ui/resizable.tsx
similarity index 100%
rename from src/components/ui/resizable.tsx
rename to web/src/components/ui/resizable.tsx
diff --git a/src/components/ui/scroll-area.tsx b/web/src/components/ui/scroll-area.tsx
similarity index 100%
rename from src/components/ui/scroll-area.tsx
rename to web/src/components/ui/scroll-area.tsx
diff --git a/src/components/ui/select.tsx b/web/src/components/ui/select.tsx
similarity index 100%
rename from src/components/ui/select.tsx
rename to web/src/components/ui/select.tsx
diff --git a/src/components/ui/separator.tsx b/web/src/components/ui/separator.tsx
similarity index 100%
rename from src/components/ui/separator.tsx
rename to web/src/components/ui/separator.tsx
diff --git a/src/components/ui/sheet.tsx b/web/src/components/ui/sheet.tsx
similarity index 100%
rename from src/components/ui/sheet.tsx
rename to web/src/components/ui/sheet.tsx
diff --git a/src/components/ui/sidebar.tsx b/web/src/components/ui/sidebar.tsx
similarity index 100%
rename from src/components/ui/sidebar.tsx
rename to web/src/components/ui/sidebar.tsx
diff --git a/src/components/ui/skeleton.tsx b/web/src/components/ui/skeleton.tsx
similarity index 100%
rename from src/components/ui/skeleton.tsx
rename to web/src/components/ui/skeleton.tsx
diff --git a/src/components/ui/slider.tsx b/web/src/components/ui/slider.tsx
similarity index 100%
rename from src/components/ui/slider.tsx
rename to web/src/components/ui/slider.tsx
diff --git a/src/components/ui/sonner.tsx b/web/src/components/ui/sonner.tsx
similarity index 100%
rename from src/components/ui/sonner.tsx
rename to web/src/components/ui/sonner.tsx
diff --git a/src/components/ui/switch.tsx b/web/src/components/ui/switch.tsx
similarity index 100%
rename from src/components/ui/switch.tsx
rename to web/src/components/ui/switch.tsx
diff --git a/src/components/ui/table.tsx b/web/src/components/ui/table.tsx
similarity index 100%
rename from src/components/ui/table.tsx
rename to web/src/components/ui/table.tsx
diff --git a/src/components/ui/tabs.tsx b/web/src/components/ui/tabs.tsx
similarity index 100%
rename from src/components/ui/tabs.tsx
rename to web/src/components/ui/tabs.tsx
diff --git a/src/components/ui/textarea.tsx b/web/src/components/ui/textarea.tsx
similarity index 100%
rename from src/components/ui/textarea.tsx
rename to web/src/components/ui/textarea.tsx
diff --git a/src/components/ui/toast.tsx b/web/src/components/ui/toast.tsx
similarity index 100%
rename from src/components/ui/toast.tsx
rename to web/src/components/ui/toast.tsx
diff --git a/src/components/ui/toaster.tsx b/web/src/components/ui/toaster.tsx
similarity index 100%
rename from src/components/ui/toaster.tsx
rename to web/src/components/ui/toaster.tsx
diff --git a/src/components/ui/toggle-group.tsx b/web/src/components/ui/toggle-group.tsx
similarity index 100%
rename from src/components/ui/toggle-group.tsx
rename to web/src/components/ui/toggle-group.tsx
diff --git a/src/components/ui/toggle.tsx b/web/src/components/ui/toggle.tsx
similarity index 100%
rename from src/components/ui/toggle.tsx
rename to web/src/components/ui/toggle.tsx
diff --git a/src/components/ui/tooltip.tsx b/web/src/components/ui/tooltip.tsx
similarity index 100%
rename from src/components/ui/tooltip.tsx
rename to web/src/components/ui/tooltip.tsx
diff --git a/src/components/ui/use-toast.ts b/web/src/components/ui/use-toast.ts
similarity index 100%
rename from src/components/ui/use-toast.ts
rename to web/src/components/ui/use-toast.ts
diff --git a/src/hooks/use-mobile.tsx b/web/src/hooks/use-mobile.tsx
similarity index 100%
rename from src/hooks/use-mobile.tsx
rename to web/src/hooks/use-mobile.tsx
diff --git a/src/hooks/use-toast.ts b/web/src/hooks/use-toast.ts
similarity index 100%
rename from src/hooks/use-toast.ts
rename to web/src/hooks/use-toast.ts
diff --git a/src/index.css b/web/src/index.css
similarity index 100%
rename from src/index.css
rename to web/src/index.css
diff --git a/src/lib/utils.ts b/web/src/lib/utils.ts
similarity index 100%
rename from src/lib/utils.ts
rename to web/src/lib/utils.ts
diff --git a/src/main.tsx b/web/src/main.tsx
similarity index 100%
rename from src/main.tsx
rename to web/src/main.tsx
diff --git a/web/src/pages/Dashboard.tsx b/web/src/pages/Dashboard.tsx
new file mode 100644
index 0000000..3d371e2
--- /dev/null
+++ b/web/src/pages/Dashboard.tsx
@@ -0,0 +1,140 @@
+
+import React, { useState, useEffect } from 'react';
+
+const Dashboard: React.FC = () => {
+  const [activeSection, setActiveSection] = useState<'github' | 'health' | 'transaction'>('github');
+
+  return (
+    <div className="flex min-h-screen">
+      {/* Sidebar */}
+      <aside className="w-64 bg-gray-900 text-white flex-shrink-0 flex flex-col p-6">
+        <h2 className="text-2xl font-bold mb-8">Dashboard</h2>
+        <nav className="flex flex-col gap-4 flex-1">
+          <button
+            className={`text-left hover:text-primary transition-colors ${activeSection === 'github' ? 'font-bold text-primary' : ''}`}
+            onClick={() => setActiveSection('github')}
+          >
+            Github
+          </button>
+          <button
+            className={`text-left hover:text-primary transition-colors ${activeSection === 'health' ? 'font-bold text-primary' : ''}`}
+            onClick={() => setActiveSection('health')}
+          >
+            Health
+          </button>
+          <button
+            className={`text-left hover:text-primary transition-colors ${activeSection === 'transaction' ? 'font-bold text-primary' : ''}`}
+            onClick={() => setActiveSection('transaction')}
+          >
+            Transaction
+          </button>
+        </nav>
+        <button
+          className="mt-8 py-2 px-4 bg-red-600 hover:bg-red-700 rounded text-white font-semibold transition-colors"
+          onClick={() => {
+            // TODO: Add logout logic here
+            window.location.href = "/";
+          }}
+        >
+          Logout
+        </button>
+      </aside>
+      {/* Main Area */}
+      <main className="flex-1 bg-background p-8 overflow-y-auto">
+        {activeSection === 'github' && (
+          <>
+            <h1 className="text-3xl font-bold mb-6">Deployments</h1>
+            <div className="overflow-x-auto">
+              <DeploymentsTable />
+            </div>
+          </>
+        )}
+        {activeSection === 'health' && (
+          <>
+            <h1 className="text-3xl font-bold mb-6">Health</h1>
+            <div className="text-muted-foreground">Monitor the health of your deployments and services here.</div>
+          </>
+        )}
+        {activeSection === 'transaction' && (
+          <>
+            <h1 className="text-3xl font-bold mb-6">Transaction</h1>
+            <div className="text-muted-foreground">View and manage your deployment transactions here.</div>
+          </>
+        )}
+      </main>
+    </div>
+  );
+};
+
+
+
+function DeploymentsTable() {
+  const [deployments, setDeployments] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState("");
+
+  useEffect(() => {
+    setLoading(true);
+  fetch("https://8589d4996986.ngrok-free.app/api/deployments")
+      .then((res) => {
+        if (!res.ok) throw new Error("Failed to fetch");
+        return res.json();
+      })
+      .then((data) => {
+        setDeployments(data);
+        setError("");
+      })
+      .catch((err) => {
+        setError(err.message || "Unknown error");
+      })
+      .finally(() => setLoading(false));
+  }, []);
+
+  if (loading) return <div className="p-4">Loading...</div>;
+  if (error) return <div className="p-4 text-red-500">Error: {error}</div>;
+  if (!deployments.length) return <div className="p-4">No deployments found.</div>;
+
+  return (
+    <table className="min-w-full bg-white dark:bg-gray-800 rounded shadow">
+      <thead>
+        <tr>
+          <th className="px-4 py-2 border-b">ID</th>
+          <th className="px-4 py-2 border-b">Project Name</th>
+          <th className="px-4 py-2 border-b">Status</th>
+          <th className="px-4 py-2 border-b">Type</th>
+          <th className="px-4 py-2 border-b">Network</th>
+          <th className="px-4 py-2 border-b">Gas Used</th>
+          <th className="px-4 py-2 border-b">Error Message</th>
+          <th className="px-4 py-2 border-b">Created At</th>
+          <th className="px-4 py-2 border-b">Updated At</th>
+        </tr>
+      </thead>
+      <tbody>
+        {deployments.map((item) => (
+          <tr key={item.id} className="border-b last:border-b-0">
+            <td className="px-4 py-2">{item.id}</td>
+            <td className="px-4 py-2">{item.project_name}</td>
+            <td className="px-4 py-2 capitalize">
+              <span className={
+                item.status === 'pending' ? 'text-yellow-500' :
+                item.status === 'failed' ? 'text-red-500' :
+                'text-green-500'
+              }>
+                {item.status}
+              </span>
+            </td>
+            <td className="px-4 py-2">{item.deployment_type}</td>
+            <td className="px-4 py-2">{item.blockchain_network}</td>
+            <td className="px-4 py-2">{item.gas_used}</td>
+            <td className="px-4 py-2 text-xs max-w-xs truncate" title={item.error_message}>{item.error_message}</td>
+            <td className="px-4 py-2 text-xs">{new Date(item.created_at).toLocaleString()}</td>
+            <td className="px-4 py-2 text-xs">{new Date(item.updated_at).toLocaleString()}</td>
+          </tr>
+        ))}
+      </tbody>
+
+    </table>
+  );
+}
+
+export default Dashboard;
diff --git a/src/pages/Index.tsx b/web/src/pages/Index.tsx
similarity index 100%
rename from src/pages/Index.tsx
rename to web/src/pages/Index.tsx
diff --git a/web/src/pages/Landing.tsx b/web/src/pages/Landing.tsx
new file mode 100644
index 0000000..5a4a190
--- /dev/null
+++ b/web/src/pages/Landing.tsx
@@ -0,0 +1,391 @@
+import { useState, useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { motion } from 'framer-motion';
+import { useToast } from '@/hooks/use-toast';
+import DeployChainIcon from '@/components/DeployChainIcon';
+import DeploymentCard from '@/components/DeploymentCard';
+import block from '@/assets/block.png';
+import Deploy from '@/assets/Deploy.svg';
+
+
+interface Deployment {
+  id: number;
+  project_name: string;
+  status: 'deployed' | 'deploying' | 'failed';
+  url: string;
+  contract_addresses: { [key: string]: string };
+  deployment_type: 'dapp' | 'static';
+}
+
+const Landing = () => {
+  const [deployments, setDeployments] = useState<Deployment[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [deploying, setDeploying] = useState(false);
+  const [repoUrl, setRepoUrl] = useState('');
+  const [branch, setBranch] = useState('main');
+  const { toast } = useToast();
+  const navigate = useNavigate();
+
+  // Mock data for deployments
+  const mockDeployments: Deployment[] = [
+    {
+      id: 1,
+      project_name: "Test dApp",
+      status: "deployed",
+      url: "https://app-1.deploychain.locci.cloud",
+      contract_addresses: {
+        "Greeter": "0x123abc456def789ghi012jkl345mno678pqr901st",
+        "Token": "0x987zyx654wvu321tsr098qpo765nml432kji109hg"
+      },
+      deployment_type: "dapp"
+    },
+    {
+      id: 2,
+      project_name: "Portfolio Site",
+      status: "deployed",
+      url: "https://portfolio.deploychain.locci.cloud",
+      contract_addresses: {},
+      deployment_type: "static"
+    },
+    {
+      id: 3,
+      project_name: "NFT Marketplace",
+      status: "deploying",
+      url: "https://nft-marketplace.deploychain.locci.cloud",
+      contract_addresses: {
+        "NFTMarketplace": "0xabc123def456ghi789jkl012mno345pqr678stu901"
+      },
+      deployment_type: "dapp"
+    }
+  ];
+
+  useEffect(() => {
+    fetchDeployments();
+  }, []);
+
+  const fetchDeployments = async () => {
+    try {
+      const response = await fetch('/api/deployments');
+      if (response.ok) {
+        const data = await response.json();
+        setDeployments(data);
+      } else {
+        // Use mock data if API fails
+        setDeployments(mockDeployments);
+      }
+    } catch (error) {
+      console.error('Failed to fetch deployments:', error);
+      setDeployments(mockDeployments);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleDeploy = async (e: React.FormEvent) => {
+    e.preventDefault();
+    if (!repoUrl.trim()) {
+      toast({
+        title: "Error",
+        description: "Please enter a GitHub repository URL",
+        variant: "destructive"
+      });
+      return;
+    }
+
+    setDeploying(true);
+    try {
+      const projectName = repoUrl.split('/').pop()?.replace('.git', '') || 'Unknown';
+      const response = await fetch('/api/deploy', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+          repo_url: repoUrl,
+          branch: branch,
+          project_name: projectName
+        }),
+      });
+
+      if (response.ok) {
+        toast({
+          title: "Deployment Started!",
+          description: `${projectName} is being deployed. Check the deployments section for updates.`,
+        });
+        setRepoUrl('');
+        setBranch('main');
+        // Refetch deployments after a short delay
+        setTimeout(fetchDeployments, 1000);
+      } else {
+        throw new Error('Deployment failed');
+      }
+    } catch (error) {
+      console.error('Deployment error:', error);
+      toast({
+        title: "Deployment Failed",
+        description: "There was an error starting your deployment. Please try again.",
+        variant: "destructive"
+      });
+    } finally {
+      setDeploying(false);
+    }
+  };
+
+  const smoothScrollTo = (elementId: string) => {
+    const element = document.getElementById(elementId);
+    if (element) {
+      element.scrollIntoView({ behavior: 'smooth' });
+    }
+  };
+
+  return (
+  <div className="min-h-screen bg-background">
+      {/* Navigation */}
+      <motion.nav
+        initial={{ opacity: 0, y: -20 }}
+        animate={{ opacity: 1, y: 0 }}
+        className="fixed top-0 left-0 right-0 z-50 bg-black/40 backdrop-blur-lg border-b border-transparent"
+      >
+        <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="flex justify-between items-center h-16">
+            <div className="flex items-center">
+             <div className="flex-shrink-0">
+   <div className="flex-shrink-0 flex items-center gap-2">
+  <DeployChainIcon className="w-8 h-8 md:w-10 md:h-10" />
+  <span className="text-white text-lg md:text-xl font-bold tracking-wide">DeployChain</span>
+</div>
+  </div> 
+</div>
+            <div className="hidden md:flex space-x-8">
+              <button
+                onClick={() => smoothScrollTo('problem')}
+                className="text-white hover:text-primary transition-colors capitalize"
+              >
+                About
+              </button>
+              <button
+                onClick={() => smoothScrollTo('features')}
+                className="text-white hover:text-primary transition-colors capitalize"
+              >
+                Features
+              </button>
+              <button
+                onClick={() => navigate('/dashboard')}
+                className="ml-2 px-4 py-2 rounded bg-primary text-primary-foreground font-semibold hover:bg-primary/80 transition-colors shadow"
+                style={{ minWidth: '120px' }}
+              >
+                Try It Now
+              </button>
+            </div>
+          </div>
+        </div>
+      </motion.nav>
+
+      {/* Hero Section */}
+      <section id="hero" className="relative min-h-screen flex items-center justify-center bg-hero-gradient text-white pt-16 overflow-hidden">
+        {/* Video Background */}
+        <video
+          autoPlay
+          loop
+          muted
+          playsInline
+          className="absolute inset-0 w-full h-full object-cover z-0 opacity-60 bg-black"
+          style={{ backgroundColor: '#111', backgroundImage: 'none' }}
+        >
+          <source src="/Your%20paragraph%20text.mp4" type="video/mp4" />
+        </video>
+        {/* Overlay to prevent white blink */}
+        <div className="absolute inset-0 w-full h-full z-0 pointer-events-none" style={{ background: 'rgba(10,10,20,0.7)' }} />
+        <div className="relative z-10 w-full max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 text-center flex flex-col items-center">
+          <motion.div
+            initial={{ opacity: 0, y: 30 }}
+            animate={{ opacity: 1, y: 0 }}
+            transition={{ duration: 0.8 }}
+            className="w-full"
+          >
+           
+            <h1 className="flex items-center justify-center gap-3 text-3xl xs:text-4xl sm:text-5xl md:text-7xl font-bold mb-4 sm:mb-6">
+  <img src={Deploy} alt="DeployChain Logo" className="h-34 md:h-26 w-auto inline-block" /> 
+</h1>
+   <p className="text-lg xs:text-xl sm:text-2xl md:text-3xl mb-2 sm:mb-4 font-light">
+              Vercel for Web3: Deploy dApps with One Git Push
+            </p>
+            <p className="text-base xs:text-lg sm:text-xl md:text-2xl mb-6 sm:mb-12 text-blue-100 max-w-3xl mx-auto">
+              Smart contracts + frontend deployed seamlessly to Sepolia testnet.
+            </p>
+            <div className="flex flex-col sm:flex-row gap-4 sm:gap-6 justify-center w-full items-center">
+              <motion.button
+                whileHover={{ scale: 1.05 }}
+                whileTap={{ scale: 0.95 }}
+                onClick={() => navigate('/dashboard')}
+                className="btn-hero w-full sm:w-auto"
+              >
+                Try It Now
+              </motion.button>
+            </div>
+          </motion.div>
+        </div>
+      </section>
+
+      {/* Problem Section */}
+      <section id="problem" className="py-20 bg-background">
+        <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
+          <motion.div
+            initial={{ opacity: 0, y: 30 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            className="text-center mb-16"
+          >
+            <h2 className="text-4xl md:text-5xl font-bold text-foreground mb-6">
+              The Web3 Deployment Problem
+            </h2>
+          </motion.div>
+          <div className="grid md:grid-cols-3 gap-8">
+            {[
+              {
+                title: "Fragmented Workflow",
+                description: "Separate tools for frontend and smart contracts make deployment complex and error-prone."
+              },
+              {
+                title: "Manual Setup",
+                description: "Configuring RPCs, compiling Solidity, and managing deployments takes valuable development time."
+              },
+              {
+                title: "Slow Iteration",
+                description: "Hackathon time lost on deployment setup instead of building innovative features."
+              }
+            ].map((problem, index) => (
+              <motion.div
+                key={problem.title}
+                initial={{ opacity: 0, y: 30 }}
+                whileInView={{ opacity: 1, y: 0 }}
+                viewport={{ once: true }}
+                transition={{ delay: index * 0.2 }}
+                className="card-problem p-6 rounded-xl shadow-md bg-white/80 dark:bg-gray-900/80 text-center flex flex-col items-center"
+              >
+                <h3 className="text-lg sm:text-xl font-semibold text-foreground mb-2 sm:mb-4">{problem.title}</h3>
+                <p className="text-sm sm:text-base text-muted-foreground">{problem.description}</p>
+              </motion.div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* Solution Section */}
+      <section id="solution" className="py-20 bg-muted">
+        <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
+          <motion.div
+            initial={{ opacity: 0, y: 30 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            className="text-center mb-16"
+          >
+            <h2 className="text-4xl md:text-5xl font-bold text-foreground mb-6">
+              DeployChain: One Push, Full dApp
+            </h2>
+            <p className="text-xl text-muted-foreground max-w-3xl mx-auto mb-12">
+              Our intelligent pipeline detects Web3 projects, compiles smart contracts, deploys to Sepolia testnet, 
+              and provides you with a complete dashboard to track your dApp's performance.
+            </p>
+          </motion.div>
+          <motion.div
+            initial={{ opacity: 0, scale: 0.9 }}
+            whileInView={{ opacity: 1, scale: 1 }}
+            viewport={{ once: true }}
+            className="flex justify-center"
+          >
+            <img
+              src={block}
+              alt="DeployChain deployment pipeline flowchart"
+              className="w-full max-w-4xl rounded-xl shadow-web3"
+            />
+          </motion.div>
+        </div>
+      </section>
+
+      {/* Features Section */}
+      <section id="features" className="py-20 bg-background">
+        <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
+          <motion.div
+            initial={{ opacity: 0, y: 30 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            viewport={{ once: true }}
+            className="text-center mb-16"
+          >
+            <h2 className="text-4xl md:text-5xl font-bold text-foreground mb-6">Key Features</h2>
+          </motion.div>
+          <div className="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
+            {[
+              {
+                title: "One-Push Deploy",
+                description: "Complete dApp deployment in under 5 minutes with a single Git push."
+              },
+              {
+                title: "Web3 Detection",
+                description: "Automatically detects Web3 projects via contracts/ folder or hardhat.config.js."
+              },
+              {
+                title: "MultiBaas Powered",
+                description: "Seamless smart contract deployment to Sepolia testnet infrastructure."
+              },
+              {
+                title: "Dashboard Insights",
+                description: "Track deployments with direct Etherscan links and performance metrics."
+              }
+            ].map((feature, index) => (
+              <motion.div
+                key={feature.title}
+                initial={{ opacity: 0, y: 30 }}
+                whileInView={{ opacity: 1, y: 0 }}
+                viewport={{ once: true }}
+                transition={{ delay: index * 0.1 }}
+                className="card-feature p-6 rounded-xl shadow-md bg-white/80 dark:bg-gray-900/80 text-center flex flex-col items-center"
+              >
+                <h3 className="text-lg sm:text-xl font-semibold text-primary mb-2 sm:mb-4">{feature.title}</h3>
+                <p className="text-sm sm:text-base text-accent-foreground">{feature.description}</p>
+              </motion.div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* Footer */}
+      <footer className="py-12 bg-gray-900 text-white">
+        <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="text-center">
+            <p className="text-gray-300 mb-4">
+              © 2025 DeployChain</p>
+            <div className="flex justify-center space-x-6">
+              <a
+                href="https://www.multibaas.com/"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="text-gray-400 hover:text-white underline transition-colors"
+              >
+                MultiBaas
+              </a>
+              <a
+                href="https://scaffoldeth.io/"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="text-gray-400 hover:text-white underline transition-colors"
+              >
+                Scaffold-ETH
+              </a>
+              <a
+                href="https://sepolia.etherscan.io/"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="text-gray-400 hover:text-white underline transition-colors"
+              >
+                Etherscan
+              </a>
+            </div>
+          </div>
+        </div>
+      </footer>
+    </div>
+  );
+};
+
+export default Landing;
\ No newline at end of file
diff --git a/src/pages/NotFound.tsx b/web/src/pages/NotFound.tsx
similarity index 100%
rename from src/pages/NotFound.tsx
rename to web/src/pages/NotFound.tsx
diff --git a/src/vite-env.d.ts b/web/src/vite-env.d.ts
similarity index 100%
rename from src/vite-env.d.ts
rename to web/src/vite-env.d.ts
diff --git a/tailwind.config.ts b/web/tailwind.config.ts
similarity index 100%
rename from tailwind.config.ts
rename to web/tailwind.config.ts
diff --git a/tsconfig.app.json b/web/tsconfig.app.json
similarity index 100%
rename from tsconfig.app.json
rename to web/tsconfig.app.json
diff --git a/tsconfig.json b/web/tsconfig.json
similarity index 100%
rename from tsconfig.json
rename to web/tsconfig.json
diff --git a/tsconfig.node.json b/web/tsconfig.node.json
similarity index 100%
rename from tsconfig.node.json
rename to web/tsconfig.node.json
diff --git a/vite.config.ts b/web/vite.config.ts
similarity index 96%
rename from vite.config.ts
rename to web/vite.config.ts
index da25c6d..7ba85d8 100644
--- a/vite.config.ts
+++ b/web/vite.config.ts
@@ -7,7 +7,7 @@ import { componentTagger } from "lovable-tagger";
 export default defineConfig(({ mode }) => ({
   server: {
     host: "::",
-    port: 8080,
+    port: 5173,
   },
   plugins: [react(), mode === "development" && componentTagger()].filter(Boolean),
   resolve: {