Meta- X Event Homepage - Copy this Html, Tailwind Component to your project

Create a beautiful homepage for a school "Meta X" event website. The design should feature a color palette of blue, black, dark purple, and white. Navbar: Include the name "Meta X" prominently. Incorporate a logo featuring an "X" that complements the overall design. Add links for "Contact," "Register," and "About." Ensure the navbar is visually appealing and easy to navigate. Hero Section: Create a stunning hero section immediately below the navbar. Incorporate engaging visuals or animations that reflect the theme of the event. Use captivating text that welcomes visitors to the Meta X event. Scrolling Animation: Implement smooth scrolling animations for an elegant user experience. Ensure the transitions between sections are fluid and enhance the overall design. Ensure the layout is responsive and looks great on both desktop and mobile devices. The overall design should convey excitement and professionalism for the Meta X event.