// components/Footer.jsx

import Link from "next/link";

export default function Footer() {
    return (
      <footer className="footer-hero">
  
        {/* BG IMAGE */}
        <img
          src="/assets/footer.png"
          alt=""
          className="footer-bg"
        />
  
  
  
        {/* FOOTER CONTENT */}
        <div className="footer-content">
        <div className="container ">
  
          <div className="footer-grid">
  
            {/* LEFT */}
            <div className="footer-brand" data-aos="fade-up" data-aos-delay="0">

              <img
                src="/assets/logo.png"
                alt=""
                className="footer-logo"
              />

              <p>
                We build digital homes, brand systems,
                and scalable content engines designed
                for clarity and growth. Everything is
                structured to help fast
              </p>

            </div>

            {/* POPULAR */}
            <div className="footer-links" data-aos="fade-up" data-aos-delay="100">

              <h4>POPULAR</h4>

              <Link href="/">Home</Link>
              <Link href="/our-brand">Our Brands</Link>
              <Link href="/about">About Us</Link>

            </div>

            {/* HELP */}
            <div className="footer-links" data-aos="fade-up" data-aos-delay="200">

              <h4>HELP</h4>

              <Link href="/career">Career</Link>
              <Link href="/contact">Contact</Link>

            </div>

            {/* LEGAL */}
            <div className="footer-links" data-aos="fade-up" data-aos-delay="300">

              <h4>LEGAL</h4>

              <Link href="/terms">Terms and Conditions</Link>
              <Link href="/privacy">Privacy Policy</Link>
              <Link href="/faq">FAQ’s</Link>

            </div>
  
          </div>
  
          {/* BOTTOM */}
          <div className="footer-bottom" data-aos="fade-up" data-aos-delay="100">
  
            <p>
              © 2026 Lynkedup Technologies by
              Insignia Consultancy Solutions.
              All rights reserved.
            </p>
  
            <div className="footer-social">
  
            <a href="#">
      <img src="/assets/icons/faceboook.svg" alt="" />
      </a>
      <a href="#">
      <img src="/assets/icons/instgram.svg" alt="" />
      </a>
      <a href="#">
      <img src="/assets/icons/linkedin.svg" alt="" />
      </a>
      <a href="#">
      <img src="/assets/icons/twiiter.svg" alt="" />
      </a>
      <a href="#">
      <img src="/assets/icons/youtube.svg" alt="" />
      </a>
  
            </div>
  
          </div>
  
        </div>
  

        </div>
      </footer>
    );
  }