"use client";

import React from "react";

const NewsletterSection = () => {
  return (
    <section className="newslettercontainer !pt-0">
      <div className="container-xxl container px-3">
        <div className="-mx-2 flex flex-wrap">
          <div className="xxl:w-1/4 w-full px-2 sm:w-full md:w-1/3 lg:w-1/4 xl:w-1/4">
            <div className="contactinfo text-center">
              <h3>Contact Us</h3>
              <p>
                Email:{" "}
                <a href="mailto:wearhouse@dulhesahab.com">
                  wearhouse@dulhesahab.com
                </a>
              </p>
              <p>
                Phone: <a href="tel:18003099038">1800 309 9038</a>
              </p>
            </div>
          </div>

          <div className="xxl:w-1/2 w-full px-2 sm:w-full md:w-1/2 lg:w-1/2 xl:w-1/2">
            <div className="newsletterbx text-center">
              <h3>Let's Get in Touch!</h3>
              <p>What's inside? Exclusive sales, new arrivals & much more.</p>
              <div className="mb-2 flex">
                <input
                  type="text"
                  className="form-control"
                  name=""
                  placeholder="Email Address"
                />
                <button className="subscribebtn" type="button">
                  Subscribe
                </button>
              </div>
              <p className="m-0">
                New styles, exclusive offers & more! Subscribe now
              </p>
            </div>
          </div>

          <div className="xxl:w-1/4 w-full px-2 sm:w-full md:w-1/3 lg:w-1/4 xl:w-1/4">
            <div className="socialbx text-center">
              <h3>Social Media</h3>
              <div className="socialrow">
                <a href="javascript:void(0);" className="socialbtn">
                  <i className="icon icon-facebook"></i>
                  <span>Facebook</span>
                </a>
                <a href="javascript:void(0);" className="socialbtn">
                  <i className="icon icon-pinterest"></i>
                  <span>Pinterest</span>
                </a>
                <a href="javascript:void(0);" className="socialbtn">
                  <i className="icon icon-x"></i>
                  <span>X (Twitter)</span>
                </a>
                <a href="javascript:void(0);" className="socialbtn">
                  <i className="icon icon-instagram"></i>
                  <span>Instagram</span>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
};

export default NewsletterSection;
