Refactor routing in App component to enhance navigation and improve error handling by integrating dynamic routes and updating the NotFound route.

src/pages/index.astro

@@ -0,0 +1,29 @@
+---
+import BaseLayout from '../layouts/BaseLayout.astro';
+import Header from '../components/Header.astro';
+import Hero from '../components/Hero.astro';
+import Services from '../components/Services.astro';
+import Testimonials from '../components/Testimonials.astro';
+import CTA from '../components/CTA.astro';
+import Footer from '../components/Footer.astro';
+import { t } from '../utils/i18n';
+
+const pageTitle = t('meta.title');
+const pageDescription = t('meta.description');
+const pageKeywords = t('meta.keywords');
+---
+
+<BaseLayout 
+  title={pageTitle}
+  description={pageDescription}
+  keywords={pageKeywords}
+>
+  <Header />
+  <main>
+    <Hero />
+    <Services />
+    <Testimonials />
+    <CTA />
+  </main>
+  <Footer />
+</BaseLayout>