legions-developer

// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-nocheck
"use client";

import { cn } from "@/lib/utils";
import { motion } from "framer-motion";
import React, { useEffect, useRef, useState } from "react";

const options = ["Cookie", "Burger", "Pizza"];

legions-developer

<svg
        width="678"
        height="235"
        viewBox="0 0 678 235"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
      >
        <path
          d="M7 79.9542C12.1667 73.1208 24.349 61.7797 29 59.4542C36 55.9541 43.531 54 50 59C59.7034 66.5 56 78.5459 55 83C52.5804 93.7771 37.6667 132.454 29 156.954C27.1667 161.454 26.256 169.366 29.5 174C33 179 38.9759 178.757 41.5 178C46.5 176.5 52.8 169.7 56 164.5L91 109.954L100 96C106 88.9541 110.203 86.9361 115 86.5C120.5 86 126.5 89 129.5 92C134 98 133.222 102.5 132.5 107.454C131.333 115.454 129.1 132.854 129.5 138.454C130 145.454 132.5 162.454 139 169.454C145.5 176.454 155 186.454 175 185.954C191 185.554 201 184.121 204 183.454C211.167 181.954 227.9 176.254 237.5 165.454C247.1 154.654 253.5 133.954 255.5 124.954C256 120.954 256.719 110.977 253.5 103.954C248 91.9541 237.333 89.2874 231 86.4541C224.333 84.7874 209.415 82.4662 202.5 83.4541C188.5 85.4541 181 92.9541 179 97.4541C175.333 104.121 168.3 120.854 169.5 134.454C170.7 148.054 174.667 157