import Link from "next/link"

export default function Footer2({ }) {
    return (
        <>
            <footer className="footer style_one style_two">
                <div className="patter_top">
                    <img src="/assets/images/shape/wave-pattern-2.png" className="img-fluid" alt="img" />
                </div>
                {/*-============spacing==========-*/}
                <div className="pd_top_100" />
                {/*-============spacing==========-*/}
                <section className="md_content position-relative z_99">
                    <div className="auto-container">
                        <div className="row">
                            <div className="col-lg-4 col-md-6 col-sm-6 col-xs-12 pd_right_70">
                                <div className="footer_widgets_box pd_bottom_30">


                                    <div className="fwidget_title">
                                        <h2 className="title color_white">   Move your stuff in a ZIP </h2>

                                    </div>
                                    <div className="logo_box">
                                        <Link href="/" className="logo navbar-brand">
                                            <img src="/assets/images/1.png" alt="Vankine" className="logo_default" />
                                        </Link>
                                    </div>
                                    {/*-============spacing==========-*/}
                                    <div className="pd_bottom_25" />
                                    {/*-============spacing==========-*/}
                                    <div className="fwidget_title">
                                        <h2 className="title color_white"> Follow Us </h2>
                                        {/*-============spacing==========-*/}
                                        <div className="pd_bottom_25" />
                                        {/*-============spacing==========-*/}
                                    </div>
                                    <div className="social-icons">
                                        <ul>
                                            {/* <li>
                                                <Link href="#" className="m_icon">
                                                    <i className="fab fa-facebook" />
                                                </Link>
                                            </li>
                                            <li>
                                                <Link href="#" className="m_icon">
                                                    <i className="fab fa-twitter" />
                                                </Link>
                                            </li>
                                            <li>
                                                <Link href="#" className="m_icon">
                                                    <i className="fab fa-skype" />
                                                </Link>
                                            </li> */}
                                            <li>
                                                <Link
                                                    href="https://www.instagram.com/zipvan.ca?igsh=aTRvdXhhOHk4cXM0"
                                                    className="m_icon"
                                                    target="_blank"
                                                    rel="noopener noreferrer"
                                                >
                                                    <i className="fab fa-instagram" />
                                                </Link>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div className="col-lg-5 col-md-6 col-sm-6 col-xs-12">
                                <div className="row">
                                    <div className="col-lg-6">
                                        <div className="footer_widgets_box pd_bottom_30">
                                            <div className="fwidget_title">
                                                <h2 className="title color_white"> Areas we serve </h2>
                                                {/*-============spacing==========-*/}
                                                <div className="pd_bottom_25" />
                                                {/*-============spacing==========-*/}
                                            </div>
                                            <div className="position-relative">
                                                <ul className="list_box list">
                                                    <li>
                                                        <div className="d-flex align-items-center color_white">
                                                            <div className="icon trans">
                                                                <i className="fi-rr-arrow-small-right color_white" />
                                                            </div>
                                                            {/* <Link className="links color_white" href="#"> */}
                                                            Greater Toronto Area
                                                            {/* </Link> */}
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div className="d-flex align-items-center color_white">
                                                            <div className="icon trans">
                                                                <i className="fi-rr-arrow-small-right color_white" />
                                                            </div>
                                                            {/* <Link className="links color_white" href="#"> */}
                                                            Greater Hamilton Area
                                                            {/* </Link> */}
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div className="d-flex align-items-center color_white">
                                                            <div className="icon trans">
                                                                <i className="fi-rr-arrow-small-right color_white" />
                                                            </div>
                                                            {/* <Link className="links color_white" href="#"> */}
                                                            Kitchener-Waterloo-
                                                            Cambridge Area
                                                            {/* </Link> */}
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div className="col-lg-6">
                                        <div className="footer_widgets_box pd_bottom_30">
                                            <div className="fwidget_title">
                                                <h2 className="title color_white"> Other Pages </h2>
                                                {/*-============spacing==========-*/}
                                                <div className="pd_bottom_25" />
                                                {/*-============spacing==========-*/}
                                            </div>
                                            <div className="position-relative">
                                                <ul className="list_box list">
                                                    <li>
                                                        <div className="d-flex align-items-center">
                                                            <div className="icon trans">
                                                                <i className="fi-rr-arrow-small-right color_white" />
                                                            </div>
                                                            <Link className="links color_white" href="/about-us">
                                                                About Us
                                                            </Link>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div className="d-flex align-items-center">
                                                            <div className="icon trans">
                                                                <i className="fi-rr-arrow-small-right color_white" />
                                                            </div>
                                                            <Link className="links color_white" href="/faqs">
                                                                FAQ
                                                            </Link>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div className="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                                <div className="footer_widgets_box pd_bottom_30">
                                    <div className="fwidget_title">
                                        <h2 className="title color_white"> Newsletter </h2>
                                        {/*-============spacing==========-*/}
                                        <div className="pd_bottom_25" />
                                        {/*-============spacing==========-*/}
                                    </div>
                                    <div className="bottom_content">
                                        <div className="color_white position_p_relative">
                                            Drop your email to learn about our
                                            new services and promotions
                                        </div>
                                        {/*-============spacing==========-*/}
                                        <div className="pd_bottom_25" />
                                        {/*-============spacing==========-*/}
                                        <div className="newsteller_simple button_style_one">
                                            <div className="input_group">
                                                <form method="post">
                                                    <div className="mc4wp-form-fields">
                                                        <input type="email" name="EMAIL" placeholder="Your email address" required />
                                                        <input type="submit" value="Sign up" />
                                                    </div>
                                                </form>
                                            </div>
                                            {/*-============spacing==========-*/}
                                            <div className="pd_bottom_25" />
                                            {/*-============spacing==========-*/}
                                        </div>
                                        <div className="d-flex align-items-center contact_header_one">
                                            {/* <div className="icon_s">
                                                <i className=" fi-rr-headphones" /></div> */}
                                            <div className="content">
                                                <h6 className="tite color_white">Need Help?</h6>
                                                <div className="title_20">
                                                    <Link href="mailto:info@zipvan.ca" className="color_white mb-2">info@zipvan.ca</Link>
                                                    <Link href="tel:(647) 360-2075" className="color_white">(647) 360-2075</Link>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    {/*-============spacing==========-*/}
                    <div className="pd_bottom_50" />
                    {/*-============spacing==========-*/}
                </section>
                <section className="mottom_content  position-relative z_99">
                    <div className="auto-container">
                        <div className="row align-items-center">
                            <div className="col-lg-7 col-md-6 col-sm-12">
                                <div className="position-relative">
                                    <ul className="list_box linline">
                                        <li>
                                            <div className="d-flex align-items-center">
                                                <div className="icon trans me-2">
                                                    <img src="/assets/images/shield.svg" className="img-fluid" alt="img" />
                                                </div>
                                                <span className="links color_white mb-0">
                                                    Copyright 2025 © ZipVan. Powered by{" "}
                                                    <Link href="https://metatroncubesolutions.com/" target="_blank" className="bold">
                                                        MetatronCube
                                                    </Link>. All Rights Reserved.
                                                </span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div className="col-lg-5 col-md-6 col-sm-12 text-md-end">
                                <div className="position-relative">
                                    <ul className="list_box color_one linline">
                                        <li>
                                            <div className="d-flex align-items-center color_white">
                                                <div className="icon trans">
                                                    <i className=" fi-rr-clock" />
                                                </div>
                                                Working Hours : 24/7 365 Days a Year
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <div className="patter_bottom">
                    <img src="/assets/images/shape/wave-pattern-1.png" className="img-fluid" alt="img" />
                </div>
            </footer>

        </>
    )
}