Merge branch 'team' of https://git.metatroncube.in/MetatroncubeSoftwareSolutions/janahan-law into team

api/campaign.js

@@ -106,7 +106,7 @@ const Campaign = [
         slug: 'employment-work-visa-solutions',
         description: 'We help secure H-1B, L-1, O-1, and other US work visas.',
         category: "Business",
-        sImgS: sImgS2,
+        sImgS: sImgS16,
         cSimg: cSimg2,
         descriptiondetail: `
             <p>Securing employment authorization in the United States is a critical step for skilled professionals, entrepreneurs, and multinational employees who aspire to work and thrive in a dynamic and competitive environment. At Janahan Law, we specialize in guiding clients through the complex US immigration system with tailored strategies for H-1B visas, L-1 intra-company transfers, O-1 visas for extraordinary ability, and other employment-based categories. Our team provides a comprehensive range of services, including eligibility assessment, meticulous documentation preparation, petition filing, and employer coordination, ensuring that every application meets USCIS standards. Beyond application assistance, we help clients navigate visa extensions, status changes, and compliance with labor regulations, creating a smooth, stress-free path to lawful work authorization in the United States. </p>
@@ -501,7 +501,7 @@ const Campaign = [
         id: '16',
         sTitle: "Naturalization Guidance",
         slug: "citizenship-guidance",
-        sImgS: sImgS16,
+        sImgS: sImgS2,
         description: "Expert help with the entire U.S. citizenship process, from forms to all the interviews in U.S.",
         category: "Citizenship Services",
         cSimg: cSimg3,

components/HeaderTopbar/HeaderTopbar.js

@@ -5,7 +5,7 @@ import Image from 'next/image'
 
 const HeaderTopbar = () => {
     return (
-        <div className="topbar">
+        <div className="topbar d-lg-block d-none">
             <div className="container">
                 <div className="row align-items-center">
                     <div className="col-lg-3 col-12 d-lg-block d-none">

components/header2/Header2.js

@@ -22,24 +22,24 @@ const Header2 = (props) => {
                 <nav className="navigation navbar navbar-expand-lg navbar-light">
                     <div className="container">
                         <div className="row align-items-center">
-                            <div className="col-lg-3 col-md-3 col-3 d-lg-none dl-block">
-                                <div className="mobail-menu">
-                                    <MobileMenu />
-                                </div>
-                            </div>
-                            <div className="col-md-6 col-6 d-lg-none dl-block">
+
+                            <div className="col-md-6 col-9 d-lg-none dl-block">
                                 <div className="navbar-header">
                                     <Link onClick={ClickHandler} className="navbar-brand" href="/"><Image src={Logo}
                                         alt="logo" /></Link>
                                 </div>
                             </div>
-                            
+                            <div className="col-lg-3 col-md-3 col-3 d-lg-none dl-block">
+                                <div className="mobail-menu">
+                                    <MobileMenu />
+                                </div>
+                            </div>
                             <div className="col col-lg-7 col-md-1 col-1">
                                 <div id="navbar" className="collapse navbar-collapse navigation-holder">
                                     <button className="menu-close"><i className="ti-close"></i></button>
                                     <ul className="nav navbar-nav mb-2 mb-lg-0">
                                         {/* <li className="menu-item-has-children"> */}
-                                             <li>
+                                        <li>
                                             <Link onClick={ClickHandler} href="/">Home</Link>
                                             {/* <ul className="sub-menu">
                                                 <li><Link onClick={ClickHandler} href="/home">Main Home</Link></li>
@@ -51,7 +51,7 @@ const Header2 = (props) => {
                                         <li><Link onClick={ClickHandler} href="/our-approach">Our Approach</Link></li>
                                         <li><Link onClick={ClickHandler} href="/about">About us</Link>
                                             <ul className="sub-menu">
-                                                 <li><Link onClick={ClickHandler} href="/about/our-mission">Our Mission</Link></li>
+                                                <li><Link onClick={ClickHandler} href="/about/our-mission">Our Mission</Link></li>
                                                 <li><Link onClick={ClickHandler} href="/about/racial-justice">Racial Justice</Link></li>
                                             </ul>
                                         </li>

styles/sass/layout/_header.scss

@@ -1370,7 +1370,7 @@
 @media(max-width: 440px) {
 	.wpo-site-header .navbar-header .navbar-brand {
 		img {
-			max-width: 170px;
+			max-width: 250px;
 		}
 	}
 }