background animation and navbar logo animation

app/[locale]/home/page.tsx

@@ -1,3 +1,4 @@
+import BackAnimatsiya from "@/components/backAnimatsiya/backAnimatsiya";
 import {
   AboutUs,
   Banner,
@@ -19,6 +20,7 @@ export default function Home() {
       <Blog />
       <Video />
       <OurService />
+      {/* <BackAnimatsiya/> */}
       {/* <Testimonial /> */}
     </main>
   );

app/globals.css

@@ -134,3 +134,5 @@
 body {
   background: #1e1d1c;
 }
+
+

app/layout.tsx

@@ -6,6 +6,7 @@ import "./globals.css";
 import { Footer, Navbar } from "@/components/layout";
 import { NextIntlClientProvider } from "next-intl";
 import { getMessages } from "next-intl/server";
+import BackAnimatsiya from "@/components/backAnimatsiya/backAnimatsiya";
 
 const geistSans = Geist({
   variable: "--font-geist-sans",
@@ -56,6 +57,7 @@ export default async function RootLayout({
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
       >
         <NextIntlClientProvider messages={messages} locale={locale}>
+          <BackAnimatsiya />
           <Navbar />
           {children}
           <Footer />