header part update , translation issue fixed

2025-11-18 14:33:38 +05:00
parent 8a2708a03a
commit 30e347ba65
6 changed files with 43 additions and 73 deletions
--- a/app/[lang]/layout.tsx
+++ b/app/[lang]/layout.tsx
@@ -4,6 +4,8 @@ import Navbar from "@/components/nav_foot/navbar";
 import Footer from "@/components/nav_foot/footer";
 import Contact from "@/components/pageParts/contact";
 import UpScrollIcon from "@/components/lib_components/upScroll";
+import { Suspense } from "react";
+import Time from "@/components/lib_components/time";

 export default async function LangLayout({
  children,
@@ -17,7 +19,9 @@ export default async function LangLayout({
  return (
    <html lang={lang} dir="rtl">
      <body>
-        <Header />
+        <Suspense fallback={null}>
+          <Header />
+        </Suspense>
        <Navbar />
        {children}
        <section id="contact">
@@ -25,6 +29,7 @@ export default async function LangLayout({
        </section>
        <Footer />
        <UpScrollIcon />
+        <Time/>
      </body>
    </html>
  );
--- a/app/globals.css
+++ b/app/globals.css
@@ -60,10 +60,23 @@ body {
    box-shadow: 0px 0px 15px 5px var(--secondary);
  }
 }
+
+@keyframes icon_animatsion_tool2 {
+  from{
+    box-shadow:none;
+  }to{
+    box-shadow: 0px 0px 15px 5px var(--primary);
+  }
+}
+
 .icon_animation{
  animation: icon_animatsion_tool 2s infinite alternate-reverse ;
 }

+.icon_animation2{
+  animation: icon_animatsion_tool2 0.9s infinite alternate-reverse ;
+}
+
@media(max-width:640px){
  /* 🟠 Sariq blok trapezoid shakl */
 .clip-trapezoid {