From 538bdce92637641be55aaede365c092bc977d888 Mon Sep 17 00:00:00 2001
From: selvi <selvi@metatroncube.in>
Date: Wed, 10 Sep 2025 19:03:05 +0530
Subject: [PATCH] location title updated

---
 components/sections/Location.js     | 63 ++++++++++++++++++++++++-----
 pages/blog-details-left-sidebar.js  |  4 +-
 pages/blog-details-right-sidebar.js |  4 +-
 pages/blog-details.js               |  4 +-
 pages/blog/[id].js                  |  4 +-
 5 files changed, 62 insertions(+), 17 deletions(-)

diff --git a/components/sections/Location.js b/components/sections/Location.js
index 5c70747..5df0dd5 100644
--- a/components/sections/Location.js
+++ b/components/sections/Location.js
@@ -10,11 +10,27 @@ export default function Contact() {
                 {/*-============spacing==========-*/}
                 <div className="container">
                     <div className="row">
-                        <div className="col-lg-4 col-md-6 col-sm-12">
-                            <section className="map-section">
+                        <div className="col-lg-12">
+                            <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">
                                     <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}
                                         style={{ border: 0, width: "100%" }}
                                         allowFullScreen
@@ -22,14 +38,16 @@ export default function Contact() {
                                         referrerPolicy="no-referrer-when-downgrade"
                                     />
                                 </div>
+                                <h5 className="location-name mt-3">Greater Toronto Area</h5>
                             </section>
                         </div>
 
-                        <div className="col-lg-4 col-md-6 col-sm-12">
-                            <section className="map-section">
+                        {/* Greater Hamilton Area */}
+                        <div className="col-lg-4 col-md-6 col-sm-12 mb-4">
+                            <section className="map-section text-center">
                                 <div className="map-outer">
                                     <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}
                                         style={{ border: 0, width: "100%" }}
                                         allowFullScreen
@@ -37,14 +55,16 @@ export default function Contact() {
                                         referrerPolicy="no-referrer-when-downgrade"
                                     />
                                 </div>
+                                <h5 className="location-name mt-3">Greater Hamilton Area</h5>
                             </section>
                         </div>
 
-                        <div className="col-lg-4 col-md-6 col-sm-12">
-                            <section className="map-section">
+                        {/* Kitchener-Waterloo-Cambridge Area */}
+                        <div className="col-lg-4 col-md-6 col-sm-12 mb-4">
+                            <section className="map-section text-center">
                                 <div className="map-outer">
                                     <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}
                                         style={{ border: 0, width: "100%" }}
                                         allowFullScreen
@@ -52,14 +72,39 @@ export default function Contact() {
                                         referrerPolicy="no-referrer-when-downgrade"
                                     />
                                 </div>
+                                <h5 className="location-name mt-3">Kitchener-Waterloo-Cambridge Area</h5>
                             </section>
                         </div>
                     </div>
                 </div>
+
                 {/*-============spacing==========-*/}
                 <div className="pd_bottom_90" />
                 {/*-============spacing==========-*/}
             </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>
         </>
     );
 }
diff --git a/pages/blog-details-left-sidebar.js b/pages/blog-details-left-sidebar.js
index 030e654..86882dd 100644
--- a/pages/blog-details-left-sidebar.js
+++ b/pages/blog-details-left-sidebar.js
@@ -273,7 +273,7 @@ export default function BlogDetailsLeftSidebar() {
                                         </div>
                                         <div className="single_content_lower">
                                             <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="title">Tags</div>
                                                         <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"> Life Insurance</Link>
                                                     </div>
-                                                </div>
+                                                </div> */}
                                             </div>
                                             <div className="social-icons single-share">
                                                 <h6> Share This :</h6>
diff --git a/pages/blog-details-right-sidebar.js b/pages/blog-details-right-sidebar.js
index cb753aa..9dead49 100644
--- a/pages/blog-details-right-sidebar.js
+++ b/pages/blog-details-right-sidebar.js
@@ -112,7 +112,7 @@ export default function BlogDetailsRightSidebar() {
                                         </div>
                                         <div className="single_content_lower">
                                             <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="title">Tags</div>
                                                         <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"> Life Insurance</Link>
                                                     </div>
-                                                </div>
+                                                </div> */}
                                             </div>
                                             <div className="social-icons single-share">
                                                 <h6> Share This :</h6>
diff --git a/pages/blog-details.js b/pages/blog-details.js
index 61968da..2f22418 100644
--- a/pages/blog-details.js
+++ b/pages/blog-details.js
@@ -142,7 +142,7 @@ export default function BlogDetails() {
                                         </div>
                                         <div className="single_content_lower">
                                             <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="title">Tags</div>
                                                         <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"> Life Insurance</Link>
                                                     </div>
-                                                </div>
+                                                </div> */}
                                             </div>
                                             <div className="social-icons single-share">
                                                 <h6> Share This :</h6>
diff --git a/pages/blog/[id].js b/pages/blog/[id].js
index 379a783..8934d33 100644
--- a/pages/blog/[id].js
+++ b/pages/blog/[id].js
@@ -162,7 +162,7 @@ const BlogDetails = () => {
                                                 </div>
                                                 <div className="single_content_lower">
                                                     <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="title">Tags</div>
                                                                 <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"> Life Insurance</Link>
                                                             </div>
-                                                        </div>
+                                                        </div> */}
                                                     </div>
                                                     <div className="social-icons single-share">
                                                         <h6> Share This :</h6>