diff --git a/components/HeaderTopbar/HeaderTopbar.js b/components/HeaderTopbar/HeaderTopbar.js index 7a5020d..6682272 100644 --- a/components/HeaderTopbar/HeaderTopbar.js +++ b/components/HeaderTopbar/HeaderTopbar.js @@ -1,45 +1,62 @@ +'use client' + import React from 'react' import Link from 'next/link' import Logo from '/public/images/logo.png' import Image from 'next/image' +import { useTranslation } from 'next-i18next' const HeaderTopbar = () => { - return ( -
-
-
-
- -
-
-
-
-
- -
-
- Call Us: -

+1 (305) 330-7413

-
-
-
-
- -
-
- E-mail Now: -

info@janahanlaw.com

-
-
-
- Contact Us -
-
-
+ const { t } = useTranslation('common') + + + return ( +
+
+
+ {/* Logo */} +
+ + logo + +
+ + {/* Contact Info */} +
+
+
+
+
+
+ {t('callUs')} +

+1 (305) 330-7413

+
+
+
+
+ +
+
+ {t('emailNow')} +

info@janahanlaw.com

+
+
+
+ + {/* Contact Button */} +
+
+ + {t('contactUs')} + +
+
- ) +
+
+ ) } -export default HeaderTopbar; \ No newline at end of file +export default HeaderTopbar diff --git a/components/Navbar/Navbar.js b/components/Navbar/Navbar.js index ded552f..b66eff5 100644 --- a/components/Navbar/Navbar.js +++ b/components/Navbar/Navbar.js @@ -18,4 +18,4 @@ export default function Navbar2(props) {
); -} \ No newline at end of file +} diff --git a/components/header2/Header2.js b/components/header2/Header2.js index 2b9cd98..5dea9f8 100644 --- a/components/header2/Header2.js +++ b/components/header2/Header2.js @@ -1,20 +1,32 @@ +'use client' + import React, { useState } from 'react' import Link from 'next/link' import HeaderTopbar from '../HeaderTopbar/HeaderTopbar' import MobileMenu from '../MobileMenu/MobileMenu' import Logo from '/public/images/logo.png' import Image from 'next/image' +import { useRouter } from 'next/router' +import { useTranslation } from 'next-i18next' +import { changeLanguage } from '../../utils/commonFunction.utils' const Header2 = (props) => { - const [menuActive, setMenuState] = useState(false); + const [menuActive, setMenuState] = useState(false) + const { t } = useTranslation('menu') + const router = useRouter() const SubmitHandler = (e) => { e.preventDefault() } const ClickHandler = () => { - window.scrollTo(10, 0); + window.scrollTo(10, 0) } + const handleLanguageChange = (e) => { + const selectedLocale = e.target.value; + changeLanguage(router, selectedLocale); + }; + return (