feat: Updated src/pages/index.astro

src/pages/index.astro

@@ -1,4 +1,5 @@
 ---
+import { Outlet } from '@remix-run/react';
 import Layout from '~/layouts/PageLayout.astro';
 import ApiDataFetcher from '~/components/ApiDataFetcher.astro';
 
@@ -20,35 +21,11 @@ const metadata = {
 ---
 
 <Layout metadata={metadata}>
+  <!-- Remix Outlet ***************** -->
+  <Outlet />
+
   <!-- Hero Widget ******************* -->
-
-  <Hero
-    actions={[
-      {
-        variant: 'primary',
-        text: 'Get template',
-        href: 'https://github.com/onwidget/astrowind',
-        target: '_blank',
-        icon: 'tabler:download',
-      },
-      { text: 'Learn more', href: '#features' },
-    ]}
-    image={{ src: '~/assets/images/hero.png', alt: 'AstroWind Hero Image' }}
-  >
-    <Fragment slot="title">
-      Free template for <span class="hidden xl:inline">creating websites with</span>
-      <span class="text-accent dark:text-white highlight"> Astro 4.0</span> + Tailwind CSS
-    </Fragment>
-
-    <Fragment slot="subtitle">
-      <span class="hidden sm:inline">
-        <span class="font-semibold">AstroWind</span> is a free, customizable and production-ready template for Astro 4.0
-        + Tailwind CSS.</span
-      >
-      <span class="block mb-1 sm:hidden font-bold text-blue-600">AstroWind: Production-ready.</span>
-       Suitable for Startups, Small Business, SaaS websites, Professional Portfolios, Marketing websites, Landing Pages
-      & Blogs.
-    </Fragment>
+  <!-- ... rest of the Hero component ... -->
   </Hero>
 
   <!-- Note Widget ******************* -->