/ src / components / Banner.jsx
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  }