Banner.jsx
1 import PlayIcon from "../assets/Play.png"; 2 import BannerImage from "../assets/banner.png"; 3 4 export default function Banner() { 5 return ( 6 <div className="flex flex-col-reverse sm:flex-row p-8 gap-10 items-center md:p-15 md:gap-25"> 7 <div className="text-center sm:text-left space-y-5"> 8 <h1 className="md:text-6xl font-bold"> 9 Supercharge Your Digital Workflow 10 </h1> 11 <p> 12 Access premium AI tools, design assets, templates, and productivity software—all in one place. Start creating faster today. 13 </p> 14 <div className="banner-btn flex justify-center sm:justify-normal gap-2"> 15 <button className="btn btn-md brand-color">Explore Products</button> 16 <button className="btn btn-md border-purple-500 border-2"> 17 <img alt="" src={PlayIcon} /> 18 Watch Demo 19 </button> 20 </div> 21 </div> 22 <img className="w-full sm:w-[35vw]" alt="" src={BannerImage} /> 23 </div> 24 ); 25 }