Product Card - Copy this React, Tailwind Component to your project

Import React from "react"; import "./index.css"; const HomeProduct = () => { return ( <div className="homeproduct"> <div className="product"> <h1 className="text">Product Rentals</h1> <div className="product extra"> <div className="extra box"> <img src="/homeslide1.jpg" alt="Dishes" className="extra image" /> <p>Dishes</p> </div> <div className="extra box"> <img src="/homeslide1.jpg" alt="Cutlery" className="extra image" /> <p>Cutlery</p> </div> <div className="extra box"> <img src="homeslide1.jpg" alt="Product 3" className="extra image" /> <p>Chairs</p> </div> </div> </div> <div className="tent"> <h1 className="text">Tent Rentals</h1> <div className="tent extra"> <div className="extra box"> <img src="/homeslide1.jpg" alt="Tent 1" className="extra image" /> <p>Tents & Accessories</p> </div> <div className="extra box"> <img src="/homeslide1.jpg" alt="Tent 2" className="extra image" /> <p>Tent Rental Package</p> </div> <div className="extra box"> <img src="/homeslide1.jpg" alt="Tent 3" className="extra image" /> <p>Tent Flooring</p> </div> </div> </div> </div> ); }; export default HomeProduct; I want this component to be super modern