feat(src)!: add #community card carousel at index.astro

We now display a card carousel generate throught
src/component/widget/CardCarousel.astro and src/data/community.json. It
is intented to migrate this into astrowind components, for this is a
custom made tailwindcss component.

Author: bjgavilanes

src/pages/index.astro

@@ -2,10 +2,14 @@
 import Layout from '~/layouts/PageLayout.astro';
 
 import Hero from '~/components/widgets/Hero.astro';
+import HeroText from '~/components/widgets/HeroText.astro';
 import CallToAction from '~/components/widgets/CallToAction.astro';
 import Features2 from '~/components/widgets/Features2.astro';
 import FAQs from '~/components/widgets/FAQs.astro';
 
+import CardCarousel from '~/components/widgets/CardCarousel.astro';
+import cardsData from '~/data/community.json';
+
 const metadata = {
   title: 'Ecuador in Tech',
 };
@@ -148,6 +152,13 @@ const metadata = {
     ]}
   />
 
+  <!-- Community *********** -->
+
+  <HeroText title="Comunidades" />
+  <div id="community" class="my-8">
+    <CardCarousel cards={cardsData.cards} />
+  </div>
+
   <!-- CallToAction Widget *********** -->
 
   <CallToAction