necesito una perpestiva 3d para mi orbita "use client" import { motion } from "framer-motion" import Button from "../ButtonCTA/Button" import { FaJs, FaHtml5, FaReact, FaPython } from 'react-icons/fa' import { SiTypescript } from 'react-icons/si' const WavyBorder = ({ position }: { position: string }) => ( <div className={`absolute left-0 right-0 ${position === 'top' ? 'top-[-30px] sm:top-[-50px]' : 'bottom-[-30px] sm:bottom-[-50px]'} w-full leading-none ${position === 'top' ? 'rotate-180' : ''}`}> <svg className="relative block w-full h-[30px] sm:h-[50px]" viewBox="0 0 1200 120" preserveAspectRatio="none"> <path d="M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z" className={`${position === 'top' ? 'fill-terciary-lighter/15' : 'fill-terciary-lighter/5'}`}></path> </svg> </div> ); const OrbitSystem = () => ( <div className | A shadcn/ui and v0 generation - v0