Background Beams

1"use client";
2import React from "react";
3import { motion } from "motion/react";
4import { cn } from "@/lib/utils";
5 
6export const BackgroundBeams = React.memo(
7  ({ className }: { className?: string }) => {
8    const paths = [
9      "M-380 -189C-380 -189 -312 216 152 343C616 470 684 875 684 875",
10      "M-373 -197C-373 -197 -305 208 159 335C623 462 691 867 691 867",
11      "M-366 -205C-366 -205 -298 200 166 327C630 454 698 859 698 859",
12      "M-359 -213C-359 -213 -291 192 173 319C637 446 705 851 705 851",
13      "M-352 -221C-352 -221 -284 184 180 311C644 438 712 843 712 843",
14      "M-345 -229C-345 -229 -277 176 187 303C651 430 719 835 719 835",
15      "M-338 -237C-338 -237 -270 168 194 295C658 422 726 827 726 827",
16      "M-331 -245C-331 -245 -263 160 201 287C665 414 733 819 733 819",
17      "M-324 -253C-324 -253 -256 152 208 279C672 406 740 811 740 811",
18      "M-317 -261C-317 -261 -249 144 215 271C679 398 747 803 747 803",
19      "M-310 -269C-310 -269 -242 136 222 263C686 390 754 795 754 795",
20      "M-303 -277C-303 -277 -235 128 229 255C693 382 761 787 761 787",
21      "M-296 -285C-296 -285 -228 120 236 247C700 374 768 779 768 779",
22      "M-289 -293C-289 -293 -221 112 243 239C707 366 775 771 775 771",
23      "M-282 -301C-282 -301 -214 104 250 231C714 358 782 763 782 763",
24      "M-275 -309C-275 -309 -207 96 257 223C721 350 789 755 789 755",
25      "M-268 -317C-268 -317 -200 88 264 215C728 342 796 747 796 747",
26      "M-261 -325C-261 -325 -193 80 271 207C735 334 803 739 803 739",
27      "M-254 -333C-254 -333 -186 72 278 199C742 326 810 731 810 731",
28      "M-247 -341C-247 -341 -179 64 285 191C749 318 817 723 817 723",
29      "M-240 -349C-240 -349 -172 56 292 183C756 310 824 715 824 715",
30      "M-233 -357C-233 -357 -165 48 299 175C763 302 831 707 831 707",
31      "M-226 -365C-226 -365 -158 40 306 167C770 294 838 699 838 699",
32      "M-219 -373C-219 -373 -151 32 313 159C777 286 845 691 845 691",
33      "M-212 -381C-212 -381 -144 24 320 151C784 278 852 683 852 683",
34      "M-205 -389C-205 -389 -137 16 327 143C791 270 859 675 859 675",
35      "M-198 -397C-198 -397 -130 8 334 135C798 262 866 667 866 667",
36      "M-191 -405C-191 -405 -123 0 341 127C805 254 873 659 873 659",
37      "M-184 -413C-184 -413 -116 -8 348 119C812 246 880 651 880 651",
38      "M-177 -421C-177 -421 -109 -16 355 111C819 238 887 643 887 643",
39      "M-170 -429C-170 -429 -102 -24 362 103C826 230 894 635 894 635",
40      "M-163 -437C-163 -437 -95 -32 369 95C833 222 901 627 901 627",
41// … truncated