-
Quick Links
+
{t("footer_quick_links")}
-
- About Us
+ {t("footer_about_us")}
-
@@ -96,7 +98,7 @@ const Footer = () => {
href="#features"
className="text-white/90 hover:text-white transition-all duration-200 hover:translate-x-1 inline-block"
>
- Features
+ {t("footer_features")}
-
@@ -104,7 +106,7 @@ const Footer = () => {
href="#howItWorks"
className="text-white/90 hover:text-white transition-all duration-200 hover:translate-x-1 inline-block"
>
- How It Works
+ {t("footer_how_it_works")}
@@ -112,43 +114,42 @@ const Footer = () => {
{/* Contact Info */}
-
Contact
+
{t("footer_contact")}
-
- support@drivethru.com
+ {t("footer_email")}
-
- +91 3628206234
+ {t("footer_phone")}
-
- 123 Cloud Street, Digital City
+ {t("footer_address")}
{/* Newsletter */}
-
Stay Updated
+
{t("footer_newsletter_title")}
- Get exclusive tips, updates on new features, and special offers
- directly in your inbox.
+ {t("footer_newsletter_desc")}
setEmail(e.target.value)}
- placeholder="Enter your email"
+ placeholder={t("footer_newsletter_placeholder")}
className="w-full px-4 py-2 rounded-md bg-white/10 border border-white/20 text-white placeholder:text-white/50 focus:bg-white/20 transition-all duration-200 outline-none focus:ring-2 focus:ring-white/30"
/>
@@ -158,25 +159,25 @@ const Footer = () => {
{/* Bottom Section */}
-
© {new Date().getFullYear()} Skycrate. All rights reserved.
+
© {new Date().getFullYear()} {t("footer_brand")}. {t("footer_rights")}
diff --git a/Frontend/src/components/Sidebar.jsx b/Frontend/src/components/Sidebar.jsx
index 540fe82..50c2b8c 100644
--- a/Frontend/src/components/Sidebar.jsx
+++ b/Frontend/src/components/Sidebar.jsx
@@ -1,15 +1,17 @@
import { useState, useEffect, useRef } from "react";
import { Link, useNavigate } from "react-router-dom";
import { toast } from "react-hot-toast";
+import { useTranslation } from "react-i18next"; // for multilinguality
const Sidebar = () => {
+ const { t } = useTranslation(); // for multilinguality
const navigate = useNavigate(); // Hook for programmatic navigation
const [userMenuOpen, setUserMenuOpen] = useState(false);
const menuRef = useRef();
// Show loading toast and perform logout
const handleLogout = () => {
- const loadingToast = toast.loading("Logging out...");
+ const loadingToast = toast.loading(t("sidebar_logging_out"));
// Simulate a delay (for example, network request)
setTimeout(() => {
@@ -23,7 +25,7 @@ const Sidebar = () => {
// Show success toast after logout
toast.update(loadingToast, {
- render: "Logged out successfully!",
+ render: t("sidebar_logged_out"),
type: "success",
isLoading: false,
autoClose: 2000,
@@ -55,7 +57,7 @@ const Sidebar = () => {
type="button"
className="inline-flex items-center p-2 text-lg text-white rounded-lg sm:hidden hover:bg-[#37A0EA] focus:outline-none"
>
-
Open sidebar
+
{t("sidebar_open_sidebar")}
@@ -84,11 +86,11 @@ const Sidebar = () => {
onClick={() => setUserMenuOpen((o) => !o)}
className="flex text-lg bg-gray-800 rounded-full focus:ring-4 focus:ring-gray-300"
>
-