1  import UserIcon from "../assets/user.png";
 2  import PkgIcon from "../assets/package.png";
 3  import RocketIcon from "../assets/rocket.png";
 4  
 5  export default function Steps() {
 6      return (
 7          <div className="bg-[#f9fafcFF] p-10 md:p-20 text-center">
 8              <div id="steps-heading" className="mb-10">
 9                  <h1>Get Started in 3 Steps</h1>
10                  <p>Start using premium digital tools in minutes, not hours.</p>
11              </div>
12              <div id="step-cards" className="flex flex-col md:flex-row gap-5">
13                  <div className="step-card">
14                      <div className="step">01</div>
15                      <div className="step-title">
16                          <div className="step-icon">
17                              <img alt="" src={UserIcon}/>
18                          </div>
19                          <h3>Create Account</h3>
20                      </div>
21                      <p>Sign up for free in seconds. No credit card required to get started.</p>
22                  </div>
23                  <div className="step-card">
24                      <div className="step">02</div>
25                      <div className="step-title">
26                          <div className="step-icon">
27                              <img alt="" src={PkgIcon}/>
28                          </div>
29                          <h3>Choose Products</h3>
30                      </div>
31                      <p>Browse our catalog and select the tools that fit your needs.</p>
32                  </div>
33                  <div className="step-card">
34                      <div className="step">03</div>
35                      <div className="step-title">
36                          <div className="step-icon">
37                              <img alt="" src={RocketIcon}/>
38                          </div>
39                          <h3>Start Creating</h3>
40                      </div>
41                      <p>Download and start using your premium tools immediately.</p>
42                  </div>
43              </div>
44          </div>
45      );
46  };