added all new chanes

components/hero-section.tsx

@@ -70,11 +70,11 @@ export default function HeroSection() {
               className="mask-b-from-35% mask-b-to-90% absolute inset-0 top-56 -z-20 lg:top-32"
             >
               <Image
-                src="https://ik.imagekit.io/lrigu76hy/tailark/night-background.jpg?updatedAt=1745733451120"
+                src="/assets/main-pic/main-pic.jpg"
                 alt="background"
                 className="hidden size-full dark:block"
-                width="3276"
-                height="4095"
+                width="1150"
+                height="613"
               />
             </AnimatedGroup>
 
@@ -171,11 +171,13 @@ export default function HeroSection() {
               <div className="relative -mr-56 mt-8 overflow-hidden px-2 sm:mr-0 sm:mt-12 md:mt-20">
                 <div className="ring-background bg-background relative mx-auto max-w-6xl overflow-hidden rounded-2xl border ring-1 shadow-[0_20px_50px_rgba(59,130,246,0.4)]">
                   <Image
-                    className="bg-background aspect-15/8 relative w-full h-full rounded-2xl object-cover"
-                    src="/assets/1.jpg"
+                    className="bg-background relative w-full h-full rounded-2xl object-contain object-center"
+                    src="/assets/main-pic/Untitled-1 copy-min.jpg"
                     alt="یکپارچه‌سازی سیستم‌ها و شبکه دیجیتال"
-                    width={2700}
-                    height={1440}
+                    width={1150}
+                    height={613}
+                    quality={100}
+                    priority
                   />
                 </div>
               </div>
@@ -202,13 +204,13 @@ export default function HeroSection() {
                 className="translate-x-1"
               />
               <LogoItem
-                icon="logos:whatsapp-icon"
-                alt="WhatsApp Logo"
-                size="md"
-                className="translate-x-4"
+                icon="simple-icons:n8n"
+                alt="n8n Logo"
+                size="lg"
+                className="translate-x-4 "
               />
               <LogoItem
-                icon="logos:wordpress-icon"
+                icon="skill-icons:wordpress"
                 alt="WordPress Logo"
                 size="md"
                 className="-translate-x-2"
@@ -221,23 +223,23 @@ export default function HeroSection() {
               />
               <div className="col-span-4 flex justify-center gap-x-12 sm:gap-x-40">
                 <LogoItem
-                  icon="logos:zapier-icon"
-                  alt="Zapier Logo"
+                  icon="logos:whatsapp-icon"
+                  alt="WhatsApp Logo"
                   size="md"
-                  className="translate-x-0"
+                  className="translate-x-2"
                 />
                 <LogoItem
                   icon="logos:microsoft-windows-icon"
                   alt="Microsoft Windows Logo"
                   size="md"
                   className="translate-x-2"
-                />
-                <LogoItem
-                  icon="logos:ios"
-                  alt="iOS Logo"
+              />
+              <LogoItem
+                  icon="skill-icons:github-dark"
+                  alt="github Logo"
                   size="md"
                   className="translate-x-4"
-                />
+              />
               </div>
             </div>
           </div>
@@ -246,3 +248,7 @@ export default function HeroSection() {
     </>
   );
 }
+
+
+
+