Refactor App component to implement routing with svelte-spa-router, replacing static components with dynamic routes for improved navigation. Update routes for Home, About, Contact, Careers, Blog, and legal services.

node_modules/.vite/deps/_metadata.json

@@ -0,0 +1,70 @@
+{
+  "hash": "c3569618",
+  "configHash": "2688f66f",
+  "lockfileHash": "df53e7c9",
+  "browserHash": "6f8b7ca9",
+  "optimized": {
+    "svelte/animate": {
+      "src": "../../svelte/src/runtime/animate/index.js",
+      "file": "svelte_animate.js",
+      "fileHash": "5c61e7c6",
+      "needsInterop": false
+    },
+    "svelte/easing": {
+      "src": "../../svelte/src/runtime/easing/index.js",
+      "file": "svelte_easing.js",
+      "fileHash": "7da5e57c",
+      "needsInterop": false
+    },
+    "svelte/internal": {
+      "src": "../../svelte/src/runtime/internal/index.js",
+      "file": "svelte_internal.js",
+      "fileHash": "87d175ff",
+      "needsInterop": false
+    },
+    "svelte/internal/disclose-version": {
+      "src": "../../svelte/src/runtime/internal/disclose-version/index.js",
+      "file": "svelte_internal_disclose-version.js",
+      "fileHash": "48eae5c8",
+      "needsInterop": false
+    },
+    "svelte/motion": {
+      "src": "../../svelte/src/runtime/motion/index.js",
+      "file": "svelte_motion.js",
+      "fileHash": "af32ad23",
+      "needsInterop": false
+    },
+    "svelte/store": {
+      "src": "../../svelte/src/runtime/store/index.js",
+      "file": "svelte_store.js",
+      "fileHash": "4fd1caeb",
+      "needsInterop": false
+    },
+    "svelte/transition": {
+      "src": "../../svelte/src/runtime/transition/index.js",
+      "file": "svelte_transition.js",
+      "fileHash": "3b0147a5",
+      "needsInterop": false
+    },
+    "svelte": {
+      "src": "../../svelte/src/runtime/index.js",
+      "file": "svelte.js",
+      "fileHash": "462061e6",
+      "needsInterop": false
+    }
+  },
+  "chunks": {
+    "chunk-I2CJVP44": {
+      "file": "chunk-I2CJVP44.js"
+    },
+    "chunk-ETWSND26": {
+      "file": "chunk-ETWSND26.js"
+    },
+    "chunk-BLHMZ75E": {
+      "file": "chunk-BLHMZ75E.js"
+    },
+    "chunk-U6FMO7UD": {
+      "file": "chunk-U6FMO7UD.js"
+    }
+  }
+}

src/App.svelte

@@ -1,18 +1,37 @@
 <script lang="ts">
-  import Hero from './components/Hero.svelte';
+  import Router from 'svelte-spa-router';
-  import Services from './components/Services.svelte';
+  import Home from './routes/Home.svelte';
-  import Testimonials from './components/Testimonials.svelte';
+  import About from './routes/about.svelte';
-  import About from './components/About.svelte';
+  import Contact from './routes/contact.svelte';
-  import Contact from './components/Contact.svelte';
+  import Careers from './routes/careers.svelte';
+  import Blog from './routes/blog.svelte';
+  import Privacy from './routes/legal/privacy.svelte';
+  import Terms from './routes/legal/terms.svelte';
+  import Cookies from './routes/legal/cookies.svelte';
+  import Migrations from './routes/services/migrations.svelte';
+  import Email from './routes/services/email.svelte';
+  import Security from './routes/services/security.svelte';
+  import Helpdesk from './routes/services/helpdesk.svelte';
   import Footer from './components/Footer.svelte';
+
+  const routes = {
+    '/': Home,
+    '/about': About,
+    '/contact': Contact,
+    '/careers': Careers,
+    '/blog': Blog,
+    '/legal/privacy': Privacy,
+    '/legal/terms': Terms,
+    '/legal/cookies': Cookies,
+    '/services/migrations': Migrations,
+    '/services/email': Email,
+    '/services/security': Security,
+    '/services/helpdesk': Helpdesk
+  };
 </script>
 
 <main class="min-h-screen bg-white">
-  <Hero />
+  <Router {routes} />
-  <Services />
-  <Testimonials />
-  <About />
-  <Contact />
   <Footer />
 </main>
 

src/routes/Home.svelte

@@ -0,0 +1,9 @@
+<script lang="ts">
+  import Hero from '../components/Hero.svelte';
+  import Services from '../components/Services.svelte';
+  import Testimonials from '../components/Testimonials.svelte';
+</script>
+
+<Hero />
+<Services />
+<Testimonials />