SR
satya Rajpoot

Default Component - Copy this React, Tailwind Component to your project

*"Generate a fully responsive animated navbar using React (Vite) + Tailwind CSS v4. The navbar should include the following links: Home, Bikes, Services, Contact, and a "Book a Test Ride" button. Use the Poppins font. Implement an animated underline effect on hover. The button should follow the primary theme color (Hero Red) with a rounded design and shadow effect. The background should be white, and the text should be black. Include smooth hover transitions and a modern mobile menu (hamburger toggle). Use Tailwind’s latest @theme customization approach with CSS variables."*

Prompt
Component Preview

About

DefaultComponent - Create a responsive animated navbar with links, a "Book a Test Ride" button, and smooth transitions, built with React. Start coding now!

Share

Last updated 1 month ago