From e22446e7649c1c774a7cdff02a294b05d2db9fe9 Mon Sep 17 00:00:00 2001 From: Alaguraj0361 Date: Mon, 18 Aug 2025 12:25:06 +0530 Subject: [PATCH] language change option updated --- components/HeaderTopbar/HeaderTopbar.js | 85 +- components/Navbar/Navbar.js | 2 +- components/header2/Header2.js | 147 +-- next-i18next.config.js | 10 + next.config.js | 6 +- package-lock.json | 1211 +++++++---------------- package.json | 1 + pages/_app.js | 9 +- pages/index.js | 62 +- public/locales/en/common.json | 5 + public/locales/en/menu.json | 10 + public/locales/es/common.json | 5 + public/locales/es/menu.json | 10 + utils/commonFunction.utils.js | 6 + 14 files changed, 556 insertions(+), 1013 deletions(-) create mode 100644 next-i18next.config.js create mode 100644 public/locales/en/common.json create mode 100644 public/locales/en/menu.json create mode 100644 public/locales/es/common.json create mode 100644 public/locales/es/menu.json create mode 100644 utils/commonFunction.utils.js 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 (