Add Beams component and demo with associated code examples

src/constants/code/Backgrounds/beamsCode.ts

@@ -0,0 +1,37 @@
+import code from '@content/Backgrounds/Beams/Beams.vue?raw'
+import type { CodeObject } from '../../../types/code'
+
+export const beams: CodeObject = {
+  cli: `npx jsrepo add https://vue-bits.dev/ui/Backgrounds/Beams`,
+  installation: `npm install three`,
+  usage: `<template>
+  <div class="beams-container">
+    <Beams
+      :beam-width="2"
+      :beam-height="15"
+      :beam-number="12"
+      :light-color="'#ffffff'"
+      :speed="2"
+      :noise-intensity="1.75"
+      :scale="0.2"
+      :rotation="0"
+      class="w-full h-full"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import Beams from "./Beams.vue";
+</script>
+
+<style scoped>
+  .beams-container {
+    width: 100%;
+    height: 500px;
+    position: relative;
+    overflow: hidden;
+    background: #000;
+  }
+</style>`,
+  code
+}