Fixed design and texts

src/components/sections/community/CommunityHero.vue

@@ -0,0 +1,18 @@
+<script setup>
+import DotsMouse from '@/components/ui/canvas/DotsMouse.vue';
+
+
+</script>
+
+<template>
+  <section class="container py-24 md:py-32">
+    <div class="max-w-3xl mx-auto text-center">
+      <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold mb-6 text-balance">Join Our Community</h1>
+      <p class="text-xl text-muted-foreground">
+        Connect with developers, contributors, and users who are building the future of decentralized social media
+      </p>
+    </div>
+
+    <DotsMouse></DotsMouse>
+  </section>
+</template>