244 lines
16 KiB
JavaScript

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="#" className="m_icon">
<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>
</>
)
}