Home - Copy this React, Tailwind Component to your project

Import Link from "next/link"; import { buttonVariants } from "@/components/ui/button"; import { PageRoutes } from "@/lib/pageroutes"; export default function Home() { return ( <div className="min h [86.5vh] flex flex col justify center items center text center px 2 py 8"> <h1 className="text 4xl font bold mb 4 sm:text 7xl"> Rubik Programming </h1> <p className="max w [600px] text foreground mb 8 sm:text base"> Unlock the world of coding with Rubik—a platform designed to make learning programming languages intuitive, engaging, and accessible for everyone </p> <div className="flex items center gap 5"> <Link href={`/docs${PageRoutes[0].href}`} className={buttonVariants({ className: "px 6", size: "lg" })} > Get Started </Link> <Link href="#" className={buttonVariants({ className: "px 6", size: "lg" ,variant:'outline'})} > About us </Link> </div> </div> ); } ====> make nice advanced animation in the background