Make My Plan Generator - Copy this React, Tailwind Component to your project

## Prompt for AI Tool: **Create a website for a startup called "Make My Plan Generator" with the following aesthetic and features:** **Aesthetic:** * **Neon light effects:** Use vibrant, neon colored accents throughout the website. * **Animations:** Incorporate smooth, eye catching animations to enhance user experience. * **Transparent elements:** Use transparent overlays or backgrounds for a modern, minimalist look. **Structure and Features:** * **Dynamic login page:** * Transparent login container * Animated background with a clip * **Home page:** * Infinite logo in the top left corner * Title: "Make My Plan Generator" * Subtitle: "Design your dream house on your fingertips" * "Generate Plan" button * User input field for land measurement * Specifications required for plan design * "Estimate Cost" button * "Contact Us" section with a transparent container * Social media icons (GitHub, LinkedIn, Telegram, WhatsApp, Gmail) with redirects * Copyright notice: "All rights reserved © 2024" **Additional Requirements:** * **Animations:** Ensure smooth animations throughout the website, including for text elements. * **Responsiveness:** Design the website to be fully responsive and adaptable to different screen sizes. * **User friendliness:** Prioritize intuitive navigation and clear labeling. * **Accessibility:** Ensure the website is accessible to users with disabilities. **Example of a potential animation:** * **Login page background:** A dynamic, neon lit cityscape with animated buildings and vehicles. **Note:** To achieve the desired aesthetic, consider using CSS frameworks like Tailwind CSS or Bootstrap with custom styling. For animations, you can use CSS animations, JavaScript libraries like GSAP or Anime.js, or even explore webGL for more complex effects.