This commit is contained in:
vidhubk 2025-09-10 19:32:45 +05:30
commit 7684019326
7 changed files with 102 additions and 56 deletions

View File

@ -10,11 +10,27 @@ export default function Contact() {
{/*-============spacing==========-*/} {/*-============spacing==========-*/}
<div className="container"> <div className="container">
<div className="row"> <div className="row">
<div className="col-lg-4 col-md-6 col-sm-12"> <div className="col-lg-12">
<section className="map-section"> <div className="section_title text-center type_five">
<h4 className="sm_title">Areas we serve</h4>
<div className="title_whole">
<h2 className="title">Serving Cities Across Ontario</h2>
</div>
</div>
</div>
</div>
{/*-============spacing==========-*/}
<div className="pd_bottom_40" />
{/*-============spacing==========-*/}
<div className="row">
{/* Greater Toronto Area */}
<div className="col-lg-4 col-md-6 col-sm-12 mb-4">
<section className="map-section text-center">
<div className="map-outer"> <div className="map-outer">
<iframe <iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3151.835434508135!2d144.95565131531697!3d-37.8172099797516!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad642af0f11fd81%3A0xf577a2a97f4953b2!2s55%20Main%20St%2C%20Melbourne%20VIC%2C%20Australia!5e0!3m2!1sen!2sau!4v1678975266976!5m2!1sen!2sau" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d28910.8478211405!2d-79.4756152!3d43.653226!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b34d7c3a8f7a7%3A0x6e7dff2c5e2f7f11!2sToronto%2C%20ON%2C%20Canada!5e0!3m2!1sen!2sca!4v1678975266976!5m2!1sen!2sca"
height={300} height={300}
style={{ border: 0, width: "100%" }} style={{ border: 0, width: "100%" }}
allowFullScreen allowFullScreen
@ -22,14 +38,16 @@ export default function Contact() {
referrerPolicy="no-referrer-when-downgrade" referrerPolicy="no-referrer-when-downgrade"
/> />
</div> </div>
<h5 className="location-name mt-3">Greater Toronto Area</h5>
</section> </section>
</div> </div>
<div className="col-lg-4 col-md-6 col-sm-12"> {/* Greater Hamilton Area */}
<section className="map-section"> <div className="col-lg-4 col-md-6 col-sm-12 mb-4">
<section className="map-section text-center">
<div className="map-outer"> <div className="map-outer">
<iframe <iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3311.835434508135!2d151.20929531531697!3d-33.8688190797516!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6b12ae3c5c30e7d7%3A0xf577a2a97f4953b2!2s120%20Green%20Avenue%2C%20Sydney%20NSW%2C%20Australia!5e0!3m2!1sen!2sau!4v1678975266977!5m2!1sen!2sau" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d28932.7767939088!2d-79.8916582!3d43.2557206!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882c99a40aa9b15f%3A0xa13b3b3b3b3b3b3!2sHamilton%2C%20ON%2C%20Canada!5e0!3m2!1sen!2sca!4v1678975266977!5m2!1sen!2sca"
height={300} height={300}
style={{ border: 0, width: "100%" }} style={{ border: 0, width: "100%" }}
allowFullScreen allowFullScreen
@ -37,14 +55,16 @@ export default function Contact() {
referrerPolicy="no-referrer-when-downgrade" referrerPolicy="no-referrer-when-downgrade"
/> />
</div> </div>
<h5 className="location-name mt-3">Greater Hamilton Area</h5>
</section> </section>
</div> </div>
<div className="col-lg-4 col-md-6 col-sm-12"> {/* Kitchener-Waterloo-Cambridge Area */}
<section className="map-section"> <div className="col-lg-4 col-md-6 col-sm-12 mb-4">
<section className="map-section text-center">
<div className="map-outer"> <div className="map-outer">
<iframe <iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3521.835434508135!2d153.02603411531697!3d-27.4701259797516!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6b93724ef9e3b5e7%3A0xf577a2a97f4953b2!2s75%20Ocean%20View%20Rd%2C%20Brisbane%20QLD%2C%20Australia!5e0!3m2!1sen!2sau!4v1678975266978!5m2!1sen!2sau" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d28940.53596836324!2d-80.4829871!3d43.4516395!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882bf3b3b3b3b3b3%3A0x3b3b3b3b3b3b3b3!2sKitchener%2C%20ON%2C%20Canada!5e0!3m2!1sen!2sca!4v1678975266978!5m2!1sen!2sca"
height={300} height={300}
style={{ border: 0, width: "100%" }} style={{ border: 0, width: "100%" }}
allowFullScreen allowFullScreen
@ -52,14 +72,39 @@ export default function Contact() {
referrerPolicy="no-referrer-when-downgrade" referrerPolicy="no-referrer-when-downgrade"
/> />
</div> </div>
<h5 className="location-name mt-3">Kitchener-Waterloo-Cambridge Area</h5>
</section> </section>
</div> </div>
</div> </div>
</div> </div>
{/*-============spacing==========-*/} {/*-============spacing==========-*/}
<div className="pd_bottom_90" /> <div className="pd_bottom_90" />
{/*-============spacing==========-*/} {/*-============spacing==========-*/}
</section> </section>
<style jsx>{`
.location-name {
font-size: 18px;
font-weight: 600;
color: #222;
}
@media (max-width: 992px) {
.map-section iframe {
height: 250px;
}
}
@media (max-width: 576px) {
.map-section iframe {
height: 220px;
}
.location-name {
font-size: 16px;
}
}
`}</style>
</> </>
); );
} }

View File

@ -30,7 +30,7 @@ export default function AboutUs() {
<div className="content"> <div className="content">
<div className="title_18"> <div className="title_18">
<Link href="#"> <Link href="#">
Life Insurance Local Moves
</Link> </Link>
</div> </div>
</div> </div>
@ -56,7 +56,7 @@ export default function AboutUs() {
<div className="content"> <div className="content">
<div className="title_18"> <div className="title_18">
<Link href="#"> <Link href="#">
Health Insurance Pickups & Delivery
</Link> </Link>
</div> </div>
</div> </div>
@ -78,7 +78,7 @@ export default function AboutUs() {
<div className="fun_facts type_two"> <div className="fun_facts type_two">
<h4> <h4>
<CounterUp count={25} time={1} /> <CounterUp count={3} time={1} />
<small> <small>
+ </small></h4> + </small></h4>
<h6 className="title_no_a_26">Years Of <h6 className="title_no_a_26">Years Of
@ -269,48 +269,49 @@ export default function AboutUs() {
{/*-============spacing==========-*/} {/*-============spacing==========-*/}
<div className="position-relative"> <div className="position-relative">
<ul className="list_box list color_two"> <ul className="list_box list color_two">
<li> <li className="d-flex align-items-start">
<div className="d-flex align-items-center"> <div className="icon trans" style={{ minWidth: "30px", display: "flex", alignItems: "flex-start", marginTop: "4px" }}>
<div className="icon trans"> <i aria-hidden="false" className="fas fa-check-circle" />
<i aria-hidden="false" className="fas fa-check-circle" /></div>
<p>
We drive, you dont. No wrestling with giant vans in city traffic. </p>
</div> </div>
<p className="mb-0">
We drive, you dont. No wrestling with giant vans in city traffic.
</p>
</li> </li>
<li> <li className="d-flex align-items-start">
<div className="d-flex align-items-center"> <div className="icon trans" style={{ minWidth: "30px", display: "flex", alignItems: "flex-start", marginTop: "4px" }}>
<div className="icon trans"> <i aria-hidden="false" className="fas fa-check-circle" />
<i aria-hidden="false" className="fas fa-check-circle" /></div>
<p>
Were insured, always. No surprise $30/day fees like U-Haul.</p>
</div> </div>
<p className="mb-0">
Were insured, always. No surprise $30/day fees like U-Haul.
</p>
</li> </li>
<li> <li className="d-flex align-items-start">
<div className="d-flex align-items-center"> <div className="icon trans" style={{ minWidth: "30px", display: "flex", alignItems: "flex-start", marginTop: "4px" }}>
<div className="icon trans"> <i aria-hidden="false" className="fas fa-check-circle" />
<i aria-hidden="false" className="fas fa-check-circle" /></div>
<p>
We come to you. No lineups at a rental center we show up at your door.</p>
</div> </div>
<p className="mb-0">
We come to you. No lineups at a rental center we show up at your door.
</p>
</li> </li>
<li> <li className="d-flex align-items-start">
<div className="d-flex align-items-center"> <div className="icon trans" style={{ minWidth: "30px", display: "flex", alignItems: "flex-start", marginTop: "4px" }}>
<div className="icon trans"> <i aria-hidden="false" className="fas fa-check-circle" />
<i aria-hidden="false" className="fas fa-check-circle" /></div>
<p>
Transparent pricing. The price you see is the price you pay.</p>
</div> </div>
<p className="mb-0">
Transparent pricing. The price you see is the price you pay.
</p>
</li> </li>
<li> <li className="d-flex align-items-start">
<div className="d-flex align-items-center"> <div className="icon trans" style={{ minWidth: "30px", display: "flex", alignItems: "flex-start", marginTop: "4px" }}>
<div className="icon trans"> <i aria-hidden="false" className="fas fa-check-circle" />
<i aria-hidden="false" className="fas fa-check-circle" /></div>
<p>
Fast & flexible. Same-day or next-day moves available.</p>
</div> </div>
<p className="mb-0">
Fast & flexible. Same-day or next-day moves available.
</p>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@ -330,7 +331,7 @@ export default function AboutUs() {
<div className="row"> <div className="row">
<div className="col-lg-6"> <div className="col-lg-6">
<div className="section_title type_one"> <div className="section_title type_one">
<h4 className="sm_title"> Our mission</h4> <h4 className="sm_title"> Our Mission</h4>
<div className="title_whole"> <div className="title_whole">
<h2 className="title"> Making Moving Simple for Everyone</h2> <h2 className="title"> Making Moving Simple for Everyone</h2>
</div> </div>

View File

@ -273,7 +273,7 @@ export default function BlogDetailsLeftSidebar() {
</div> </div>
<div className="single_content_lower"> <div className="single_content_lower">
<div className="tags_and_cat yes_tags yes_share"> <div className="tags_and_cat yes_tags yes_share">
<div className="d-flex"> {/* <div className="d-flex">
<div className="left_one d-flex"> <div className="left_one d-flex">
<div className="title">Tags</div> <div className="title">Tags</div>
<Link className="tags" href="/blog-details-left-sidebar"># Health</Link> <Link className="tags" href="/blog-details-left-sidebar"># Health</Link>
@ -285,7 +285,7 @@ export default function BlogDetailsLeftSidebar() {
<Link className="cats" href="/blog-details-left-sidebar"> Business Insurance</Link> <Link className="cats" href="/blog-details-left-sidebar"> Business Insurance</Link>
<Link className="cats" href="/blog-details-left-sidebar"> Life Insurance</Link> <Link className="cats" href="/blog-details-left-sidebar"> Life Insurance</Link>
</div> </div>
</div> </div> */}
</div> </div>
<div className="social-icons single-share"> <div className="social-icons single-share">
<h6> Share This :</h6> <h6> Share This :</h6>

View File

@ -112,7 +112,7 @@ export default function BlogDetailsRightSidebar() {
</div> </div>
<div className="single_content_lower"> <div className="single_content_lower">
<div className="tags_and_cat yes_tags yes_share"> <div className="tags_and_cat yes_tags yes_share">
<div className="d-flex"> {/* <div className="d-flex">
<div className="left_one d-flex"> <div className="left_one d-flex">
<div className="title">Tags</div> <div className="title">Tags</div>
<Link className="tags" href="/blog-details-left-sidebar"># Health</Link> <Link className="tags" href="/blog-details-left-sidebar"># Health</Link>
@ -124,7 +124,7 @@ export default function BlogDetailsRightSidebar() {
<Link className="cats" href="/blog-details-left-sidebar"> Business Insurance</Link> <Link className="cats" href="/blog-details-left-sidebar"> Business Insurance</Link>
<Link className="cats" href="/blog-details-left-sidebar"> Life Insurance</Link> <Link className="cats" href="/blog-details-left-sidebar"> Life Insurance</Link>
</div> </div>
</div> </div> */}
</div> </div>
<div className="social-icons single-share"> <div className="social-icons single-share">
<h6> Share This :</h6> <h6> Share This :</h6>

View File

@ -142,7 +142,7 @@ export default function BlogDetails() {
</div> </div>
<div className="single_content_lower"> <div className="single_content_lower">
<div className="tags_and_cat yes_tags yes_share"> <div className="tags_and_cat yes_tags yes_share">
<div className="d-flex"> {/* <div className="d-flex">
<div className="left_one d-flex"> <div className="left_one d-flex">
<div className="title">Tags</div> <div className="title">Tags</div>
<Link className="tags" href="/blog-details-left-sidebar"># Health</Link> <Link className="tags" href="/blog-details-left-sidebar"># Health</Link>
@ -154,7 +154,7 @@ export default function BlogDetails() {
<Link className="cats" href="/blog-details-left-sidebar"> Business Insurance</Link> <Link className="cats" href="/blog-details-left-sidebar"> Business Insurance</Link>
<Link className="cats" href="/blog-details-left-sidebar"> Life Insurance</Link> <Link className="cats" href="/blog-details-left-sidebar"> Life Insurance</Link>
</div> </div>
</div> </div> */}
</div> </div>
<div className="social-icons single-share"> <div className="social-icons single-share">
<h6> Share This :</h6> <h6> Share This :</h6>

View File

@ -162,7 +162,7 @@ const BlogDetails = () => {
</div> </div>
<div className="single_content_lower"> <div className="single_content_lower">
<div className="tags_and_cat yes_tags yes_share"> <div className="tags_and_cat yes_tags yes_share">
<div className="d-flex"> {/* <div className="d-flex">
<div className="left_one d-flex"> <div className="left_one d-flex">
<div className="title">Tags</div> <div className="title">Tags</div>
<Link className="tags" href="/blog-details-left-sidebar"># Health</Link> <Link className="tags" href="/blog-details-left-sidebar"># Health</Link>
@ -174,7 +174,7 @@ const BlogDetails = () => {
<Link className="cats" href="/blog-details-left-sidebar"> Business Insurance</Link> <Link className="cats" href="/blog-details-left-sidebar"> Business Insurance</Link>
<Link className="cats" href="/blog-details-left-sidebar"> Life Insurance</Link> <Link className="cats" href="/blog-details-left-sidebar"> Life Insurance</Link>
</div> </div>
</div> </div> */}
</div> </div>
<div className="social-icons single-share"> <div className="social-icons single-share">
<h6> Share This :</h6> <h6> Share This :</h6>

View File

@ -129,7 +129,7 @@ export default function Contact() {
</div> </div>
<div className="section_title type_one"> <div className="section_title type_one">
<div className="title_whole"> <div className="title_whole">
<h2 className="title"> Upfront pricing</h2> <h2 className="title"> Upfront Pricing</h2>
</div> </div>
<p> The price you see here is the price you pay. No hidden fees, no insurance add-ons.</p> <p> The price you see here is the price you pay. No hidden fees, no insurance add-ons.</p>
</div> </div>
@ -143,7 +143,7 @@ export default function Contact() {
</div> </div>
<div className="section_title type_one"> <div className="section_title type_one">
<div className="title_whole"> <div className="title_whole">
<h2 className="title"> Insurance included</h2> <h2 className="title"> Insurance Included</h2>
</div> </div>
<p> Unlike U-Haul, we dont charge you extra for coverage. Your items are fully protected.</p> <p> Unlike U-Haul, we dont charge you extra for coverage. Your items are fully protected.</p>
</div> </div>
@ -157,7 +157,7 @@ export default function Contact() {
</div> </div>
<div className="section_title type_one"> <div className="section_title type_one">
<div className="title_whole"> <div className="title_whole">
<h2 className="title"> Right-sized vans</h2> <h2 className="title"> Right-Sized Vans</h2>
</div> </div>
<p>Big enough for couches, beds, appliances & furniture. Easy to load, easy to move.</p> <p>Big enough for couches, beds, appliances & furniture. Easy to load, easy to move.</p>
</div> </div>
@ -171,7 +171,7 @@ export default function Contact() {
</div> </div>
<div className="section_title type_one"> <div className="section_title type_one">
<div className="title_whole"> <div className="title_whole">
<h2 className="title"> We drive for you</h2> <h2 className="title"> We Drive For You</h2>
</div> </div>
<p> No wrestling with oversized vans in traffic. Sit back, weve got the wheel.</p> <p> No wrestling with oversized vans in traffic. Sit back, weve got the wheel.</p>
</div> </div>
@ -185,7 +185,7 @@ export default function Contact() {
</div> </div>
<div className="section_title type_one"> <div className="section_title type_one">
<div className="title_whole"> <div className="title_whole">
<h2 className="title"> Quick & simple</h2> <h2 className="title"> Quick & Simple</h2>
</div> </div>
<p> Book in 2 minutes. Move stress-free.</p> <p> Book in 2 minutes. Move stress-free.</p>
</div> </div>