1  export default function Footer() {
 2      return (
 3          <div className="bg-[#101727FF] text-white md:px-20 lg:px-30 md:py-20 p-15 pb-10">
 4              <div id="footer-content" className="flex flex-col md:flex-row gap-8 md:gap-10 lg:gap-15 pb-10">
 5                  <div>
 6                      <h2>DigiTools</h2>
 7                      <p>Premium digital tools for creators, professionals, and businesses. Work smarter with our suite of powerful tools.</p>
 8                  </div>
 9                  <div>
10                      <h3>Product</h3>
11                      <ul>
12                          <li>Features</li>
13                          <li>Pricing</li>
14                          <li>Templates</li>
15                          <li>Integrations</li>
16                      </ul>
17                  </div>
18                  <div>
19                      <h3>Company</h3>
20                      <ul>
21                          <li>About</li>
22                          <li>Blog</li>
23                          <li>Careers</li>
24                          <li>Press</li>
25                      </ul>
26                  </div>
27                  <div>
28                      <h3>Resources</h3>
29                      <ul>
30                          <li>Documentation</li>
31                          <li>Help Center</li>
32                          <li>Community</li>
33                          <li>Contact</li>
34                      </ul>
35                  </div>
36                  <div>
37                      <h3>Social Links</h3>
38                      <div className="flex gap-3 mt-2">
39                          <div className="social">
40                              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640">{/*<!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->*/}<path d="M320 72C183 72 72 183 72 320C72 457 183 568 320 568C457 568 568 457 568 320C568 183 457 72 320 72zM435 240.7C431.3 279.9 415.1 375.1 406.9 419C403.4 437.6 396.6 443.8 390 444.4C375.6 445.7 364.7 434.9 350.7 425.7C328.9 411.4 316.5 402.5 295.4 388.5C270.9 372.4 286.8 363.5 300.7 349C304.4 345.2 367.8 287.5 369 282.3C369.2 281.6 369.3 279.2 367.8 277.9C366.3 276.6 364.2 277.1 362.7 277.4C360.5 277.9 325.6 300.9 258.1 346.5C248.2 353.3 239.2 356.6 231.2 356.4C222.3 356.2 205.3 351.4 192.6 347.3C177.1 342.3 164.7 339.6 165.8 331C166.4 326.5 172.5 322 184.2 317.3C256.5 285.8 304.7 265 328.8 255C397.7 226.4 412 221.4 421.3 221.2C423.4 221.2 427.9 221.7 430.9 224.1C432.9 225.8 434.1 228.2 434.4 230.8C434.9 234 435 237.3 434.8 240.6z"/></svg>
41                          </div>
42                          <div className="social">
43                              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640">{/*<!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->*/}<path d="M512 96L127.9 96C110.3 96 96 110.5 96 128.3L96 511.7C96 529.5 110.3 544 127.9 544L512 544C529.6 544 544 529.5 544 511.7L544 128.3C544 110.5 529.6 96 512 96zM231.4 480L165 480L165 266.2L231.5 266.2L231.5 480L231.4 480zM198.2 160C219.5 160 236.7 177.2 236.7 198.5C236.7 219.8 219.5 237 198.2 237C176.9 237 159.7 219.8 159.7 198.5C159.7 177.2 176.9 160 198.2 160zM480.3 480L413.9 480L413.9 376C413.9 351.2 413.4 319.3 379.4 319.3C344.8 319.3 339.5 346.3 339.5 374.2L339.5 480L273.1 480L273.1 266.2L336.8 266.2L336.8 295.4L337.7 295.4C346.6 278.6 368.3 260.9 400.6 260.9C467.8 260.9 480.3 305.2 480.3 362.8L480.3 480z"/></svg>
44                          </div>
45                          <div className="social">
46                              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640">{/*<!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->*/}<path d="M439.8 358.7C436.5 358.3 433.1 357.9 429.8 357.4C433.2 357.8 436.5 358.3 439.8 358.7zM320 291.1C293.9 240.4 222.9 145.9 156.9 99.3C93.6 54.6 69.5 62.3 53.6 69.5C35.3 77.8 32 105.9 32 122.4C32 138.9 41.1 258 47 277.9C66.5 343.6 136.1 365.8 200.2 358.6C203.5 358.1 206.8 357.7 210.2 357.2C206.9 357.7 203.6 358.2 200.2 358.6C106.3 372.6 22.9 406.8 132.3 528.5C252.6 653.1 297.1 501.8 320 425.1C342.9 501.8 369.2 647.6 505.6 528.5C608 425.1 533.7 372.5 439.8 358.6C436.5 358.2 433.1 357.8 429.8 357.3C433.2 357.7 436.5 358.2 439.8 358.6C503.9 365.7 573.4 343.5 593 277.9C598.9 258 608 139 608 122.4C608 105.8 604.7 77.7 586.4 69.5C570.6 62.4 546.4 54.6 483.2 99.3C417.1 145.9 346.1 240.4 320 291.1z"/></svg>
47                          </div>
48                      </div>
49                  </div>
50              </div>
51              <div>
52                  <hr className="mb-5 text-gray-500" />
53                  <div className="flex flex-col md:flex-row text-sm gap-5 items-center justify-between">
54                      <p>© 2026 Digitools. All rights reserved.</p>
55                      <ul className="flex gap-5">
56                          <li>Privacy Policy</li>
57                          <li>Terms of Service</li>
58                          <li>Cookies</li>
59                      </ul>
60                  </div>
61              </div>
62          </div>
63      );
64  };