diff --git a/package.json b/package.json
index d05b126..d63e516 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "cross-env NODE_OPTIONS='--inspect' next dev",
+    "dev": "next dev",
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
diff --git a/public/images/1.png b/public/images/1.png
new file mode 100644
index 0000000..7764b9d
Binary files /dev/null and b/public/images/1.png differ
diff --git a/public/images/2.png b/public/images/2.png
new file mode 100644
index 0000000..79c6478
Binary files /dev/null and b/public/images/2.png differ
diff --git a/public/images/3.png b/public/images/3.png
new file mode 100644
index 0000000..306eee8
Binary files /dev/null and b/public/images/3.png differ
diff --git a/src/app/[locale]/layout.jsx b/src/app/[locale]/layout.jsx
index 6707357..56edb99 100644
--- a/src/app/[locale]/layout.jsx
+++ b/src/app/[locale]/layout.jsx
@@ -91,7 +91,7 @@ export default async function LocaleLayout({
       <head>
         <meta name="apple-mobile-web-app-title" content="AdHorizonIntl" />
       </head>
-      <body className={`${rubik.variable} ${roboto.variable} `} suppressHydrationWarning>
+      <body className={`${rubik.variable} ${roboto.variable} antialiased `} suppressHydrationWarning>
         <NextIntlClientProvider messages={messages}>
           <Navbar items={navbaritems} />
           {children}
diff --git a/src/app/[locale]/product/[slug]/page.jsx b/src/app/[locale]/product/[slug]/page.jsx
index 44681da..8db6410 100644
--- a/src/app/[locale]/product/[slug]/page.jsx
+++ b/src/app/[locale]/product/[slug]/page.jsx
@@ -1,12 +1,7 @@
-import { Home } from "lucide-react";
-import { ChevronRight } from "lucide-react";
-import { Share2 } from "lucide-react";
-import { Share } from "lucide-react";
-import { ShoppingCart } from "lucide-react";
+import { ChevronRight, Home } from "lucide-react";
 import { getLocale, getMessages } from "next-intl/server";
 import Link from "next/link";
 import { notFound } from "next/navigation";
-import BrandInfo from "src/components/Product/BrandInfo";
 import ProductDescription from "src/components/Product/ProductDescription";
 import ProductGallery from "src/components/Product/ProductGallery";
 import ProductInfo from "src/components/Product/ProductInfo";
@@ -207,7 +202,7 @@ export default async function ProductPage({ params }) {
     const t = await getMessages({ locale });
     console.log(t)
     return (
-        <div className="contain-none md:container mx-auto px-4 py-8">
+        <div className="max-w-screen-xl mx-auto px-4 py-8">
 
 
 
diff --git a/src/components/Carousel/ProductCarousel.jsx b/src/components/Carousel/ProductCarousel.jsx
index a0fba7c..b11fd71 100644
--- a/src/components/Carousel/ProductCarousel.jsx
+++ b/src/components/Carousel/ProductCarousel.jsx
@@ -40,9 +40,12 @@ export default function ProductCarousel({ title, subtitle, products, showMoreLin
                         <p className="text-xl text-center text-gray-600 mb-8">{subtitle}</p>
                     }
                 </div>
-                <Link href={showMoreLink} className="text-sm text-blue-600 underline">
-                    {t("showMoreLink")}
-                </Link>
+                {
+                    showMoreLink &&
+                    <Link href={showMoreLink} className="text-sm text-blue-600 underline">
+                        {t("showMoreLink")}
+                    </Link>
+                }
             </div>
 
             <div className="relative h-fit">
diff --git a/src/components/NavBar/index.jsx b/src/components/NavBar/index.jsx
index a4e593d..85fcfb5 100644
--- a/src/components/NavBar/index.jsx
+++ b/src/components/NavBar/index.jsx
@@ -76,10 +76,10 @@ const Navbar = ({ items }) => {
       </div> */}
 
       <div
-        className={` max-[1023px]:hidden  lg:block tr03  ${!isScrolled && " lg:px-5 xl:px-20  "} `}
+        className={` max-w-screen-xl hidden lg:block tr03 mx-auto px-4 lg:px-0`}
       >
-        <div className="mx-auto w-full flex justify-center ">
-          <Image src={`/images/logo-${locale}.png?v=1`} width={125} height={125} className="lg:w-auto" />
+        <div className="mx-auto w-full flex justify-center p-2">
+          <Image src={`/images/1.png`} width={125} height={125} className="lg:w-auto" />
         </div>
         {isScrolled && (
           <div className="w-full h-[76px]">
@@ -87,7 +87,7 @@ const Navbar = ({ items }) => {
           </div>
         )}
         <nav
-        className={`${locale === "en" ? "rtl  pl-1" : "ltr  pr-1"} flex justify-between w-full  items-center  ${isScrolled ? " bg-gray-100 fixed top-0 z-50 rounded-b-3xl py-2 px-2 " : " rounded-2xl"
+        className={`${locale === "en" ? "rtl  pl-1" : "ltr  pr-1"} flex justify-between w-full  items-center  ${isScrolled ? "bg-gray-100 fixed top-0 z-50 rounded-b-3xl py-2 px-2 left-1/2 -translate-x-1/2 " : " rounded-2xl"
             }
        bg-gray-100  }`}
         >
@@ -97,7 +97,7 @@ const Navbar = ({ items }) => {
             (
               <div className="relative rounded-lg  flex flex-col items-center rounded-tl-2xl justify-center my-auto">
                 <Image
-                  src={logo}
+                  src={"/images/1.png"}
                   width={75} height={75}
                   alt="llc "
                   className="mx-auto object-contain"
@@ -193,7 +193,7 @@ const Navbar = ({ items }) => {
           </div>
           <div className=" ">
             <Image
-              src={logo}
+              src={"/images/1.png"}
               width={200}
               height={200}
               alt="llc"
@@ -263,7 +263,7 @@ const Navbar = ({ items }) => {
                   {/* <Link href="/"> */}
                   <div className="text-center mt-[15px]  w-[150px] mx-auto ">
                     <Image
-                      src={logo}
+                      src={"/images/1.png"}
                       width={500}
                       height={500}
                       alt="llc"
diff --git a/src/components/Product/ProductGallery.jsx b/src/components/Product/ProductGallery.jsx
index 6c8dbba..8f3c87e 100644
--- a/src/components/Product/ProductGallery.jsx
+++ b/src/components/Product/ProductGallery.jsx
@@ -28,14 +28,14 @@ export default function ProductGallery({ images }) {
 
   return (
     <div className="max-w-[500px] lg:min-w-[500px]">
-      <div className="aspect-w-1 aspect-h-1 w-full rounded-lg overflow-hidden">
+      <div className="aspect-w-1 aspect-h-1 w-full overflow-hidden border-r pr-4">
         <Image
          
           src={selectedImage.url || "/placeholder.svg"}
           alt={selectedImage.alternativeText ?? ""}
           width={500}
           height={500}
-          className="object-contain cursor-pointer aspect-square border"
+          className="object-contain cursor-pointer aspect-square"
           onClick={() => openLightbox(images.findIndex((img) => img.documentId === selectedImage.documentId))}
         />
       </div>
diff --git a/src/components/Product/ProductRelated.jsx b/src/components/Product/ProductRelated.jsx
index 41c29e0..b51fed7 100644
--- a/src/components/Product/ProductRelated.jsx
+++ b/src/components/Product/ProductRelated.jsx
@@ -79,7 +79,7 @@ const ProductRelated = ({ category, brand }) => {
 
       {
         products && products.length > 0 && (
-          <ProductCarousel products={products} title={t("productRelated")} showMoreLink={`/products/${brand.slug}`} />
+          <ProductCarousel products={products} title={t("productRelated")} showMoreLink={`/products/${brand?.slug ?? category?.slug}`} />
         )
       }
     </div>
diff --git a/src/view/Landing/components/Footer.jsx b/src/view/Landing/components/Footer.jsx
index 463548b..4920d9c 100644
--- a/src/view/Landing/components/Footer.jsx
+++ b/src/view/Landing/components/Footer.jsx
@@ -57,11 +57,13 @@ const Footer = () => {
       <div className="flex  justify-center  pb-20 ">
         <div>
           <div className="w-full mb-5">
-            <Image src={logo} className="w-[90px] mx-auto" />
+            <Image src={"/images/1.png"} width={90} height={90} className="w-[90px] mx-auto" />
+          
           </div>
+          <Image src={"/images/3.png"} width={300} height={50} className="mx-auto" />
+          <br />
           <p className="mb-0 text-sm text-gray-200  w-full text-center opacity-30 " dir="ltr">
             © 2025. All rights reserved. <br />
-          Advanced Horizon Services LLC
           </p>
           {/* <div className="flex justify-center w-full my-5 ">
             <Link href={`/products`}>
diff --git a/src/view/Landing/components/Products.jsx b/src/view/Landing/components/Products.jsx
index cac0f0a..b8a44a4 100644
--- a/src/view/Landing/components/Products.jsx
+++ b/src/view/Landing/components/Products.jsx
@@ -65,7 +65,7 @@ const Products = async () => {
 
   const t = await getMessages()
   return (
-    <div className="my-20 max-w-screen-xl mx-auto px-4 lg:px-0 ">
+    <div className="my-20 max-w-screen-xl mx-auto px-4">
 
 
       <div>
