import React from "react";
import { Container, Row, Col } from "react-bootstrap";
import Image from "next/image";
import Link from "next/link";

const Footer = () => {
  return (
    <footer className="footer">
      <Container className="custom_container sec_padd">
        <Row className="gy-4 justify-content-between">
          {/* Left - Logo + Contact Info */}
          <Col lg={3} md={6} className="footer-cotent">
   
              <Image
              src="/image/footer-logo.svg"
              alt="logo"
              width={278}
              height={51}
              className="mb-3"
            />
            <ul className="list-unstyled">
              <li className="d-flex  mb-3 gap-2 align-items-baseline">
                <i className="fa-solid fa-location-dot"></i>
                <span>
                  Raghuvanshi Mill compound, 8A, Senapati<br /> Bapat Marg, Gandhi Nagar, Upper Worli,<br /> Lower Parel, Mumbai, Maharashtra 400013
                </span>
              </li>
              <li className="d-flex align-items-center mb-3 gap-2">
                <i className="fa-solid fa-envelope"></i>
                <a href="mailto:support@akruti.luxe.com">
                  support@akruti.luxe.com
                </a>
              </li>
              <li className="d-flex align-items-center gap-2">
                <i className="fa-solid fa-phone"></i>
                <a href="tel:+919236546126">
                  +91 92365 46126
                </a>
              </li>
            </ul>
          
          </Col>

          <Col lg={5}>
            <Row>
 {/* Quick Links */}
          <Col lg={4} xs={6} className="footer-cotent ps-md-4">
            <h6 className="mb-3">Quick Links</h6>
            <ul className="list-unstyled">
              <li className="mb-2">
                <Link href="/about">
                  About
                </Link>
              </li>
              <li className="mb-2">
                <Link href="/collections/kitchens">
                  Collections
                </Link>
              </li>
              <li className="mb-2">
                <Link href="/brands/valcucine">
                  Brands
                </Link>
              </li>
             
              <li className="mb-2">
                <Link href="/catalogue">
                  Catalogue
                </Link>
              </li>
               <li className="">
                <Link href="/contacts">
                  Contacts
                </Link>
              </li>
            </ul>
          </Col>

          {/* Collections */}
          <Col lg={4} xs={6} className="footer-cotent ps-md-4">
            <h6 className="mb-3">Collections</h6>
            <ul className="list-unstyled">
              <li className="mb-2">
                <Link href="/collections/kitchens">
                  Kitchens
                </Link>
              </li>
              <li className="mb-2">
                <Link href="/collections/wardrobes">
                  Wardrobes
                </Link>
              </li>
                <li className="mb-2">
                <Link href="/collections/doors-and-partitions">
                  Doors and Partitions
                </Link>
              </li>
              <li className="mb-2">
                <Link href="/collections/furniture-accessories">
                  Furniture Accessories
                </Link>
              </li>
               <li className="mb-2">
                <Link href="/collections/wall-panelling-and-shelving-system">
                  Wall Panelling & Shelving System
                </Link>
              </li>
              <li>
                <Link href="/collections/surfaces">
                  Surface
                </Link>
              </li>
            </ul>
          </Col>

          {/* Policies */}
          <Col lg={4} md={6} className="footer-cotent ps-md-4">
            <h6 className="mb-3">Policies</h6>
            <ul className="list-unstyled">
              <li className="mb-2">
                <Link href="/privacy-policy">
                  Privacy Policy
                </Link>
              </li>
              <li className="mb-2">
                <Link href="/terms">
                  Terms and Conditions
                </Link>
              </li>
              <li className="mb-2">
                <Link href="/cookie-policy">
                  Cookie Policy
                </Link>
              </li>
              <li>
                <Link href="/sitemap">
                  Sitemap
                </Link>
              </li>
            </ul>
          </Col>
            </Row>
          </Col>

         
        </Row>
      </Container>

      {/* Bottom bar */}
      <div className="footer-bottom py-3">
        <Container className="custom_container d-flex flex-column flex-md-row justify-content-between align-items-center">
          <span className="copyright">Copyright ©2026 Akruti Luxe. All rights reserved.</span>
          <div className="social-icons d-flex gap-3 mt-3 mt-md-0">
            <Link href="https://linkedin.com" target="_blank">
              <i class="fa-brands fa-linkedin"></i>
            </Link>
            <Link href="https://instagram.com" target="_blank">
            <i class="fa-brands fa-instagram"></i>
            </Link>
            <Link href="https://youtube.com" target="_blank">
             <i class="fa-brands fa-youtube"></i>
            </Link>
            <Link href="https://x.com" target="_blank">
           <i class="fa-brands fa-square-twitter"></i>
            </Link>
            <Link href="https://facebook.com" target="_blank">
              <i class="fa-brands fa-square-facebook"></i>
            </Link>
          </div>
        </Container>
      </div>
    </footer>
  );
};

export default Footer;