Responsive landing page using Tailwind CSS, fr motion and grid, flex.

Hi Front-End Mentor Community🙋‍♂️ I'm Bishal and this is my solution for this challenge.🧑‍🎓

🎮Features

1. Secured a flawless 100% Lighthouse score across performance, accessibility, best practices, and SEO benchmarks, showcasing our commitment to excellence.📊
2. Developed with Next.js for optimized performance and enhanced user experience.🚀
3. Utilized Framer Motion for seamless animations and delightful interactions.💫
4. Codebase is well maintained and formatted using Prettier.💻
5. Integrated ESLint for code quality assurance and maintainability.🛠️
6. Implemented autoprefixer for seamless CSS compatibility across different browsers, ensuring a consistent user experience.🌐
7. Responsive layout with mobile first approach.📲
8. Incorporated Framer Motion transitions(entrance slow animation) for fluid animations and engaging user interactions.🌠

🛠️Built With

1. HTML5📃
2. TailwindCSS 🎨
3. React.js👾
4. Next.js 14.1.0🔺
5. TypeScript🤖
6. TSX📜
7. Framer-motion🎭

This project enhance my skills in grid properties. What I did is, I took pen and paper and make grid on it and this approach helps me a lot and easily make this layout responsive with grid. Initially it took me too much time, before writing grids in paper. @Grace guide me to do it like this and it helps me a lot to complete this challenge. Thanks Grace. And 1 advice who want to gain skills and want to be confident in grid properties and responsiveness then this challenge is for you

At Last don't forget to give feedback, your feedback is crucial for our improvement! Help us make this project even better by sharing your thoughts. Thank you!💓