added all new chanes

components/content-1.tsx

@@ -11,7 +11,7 @@ export default function ContentSection() {
           <div className="relative mb-6 sm:mb-0">
             <div className="bg-linear-to-b aspect-76/59 relative rounded-2xl from-zinc-300 to-transparent p-px dark:from-zinc-700">
               <Image
-                src="/assets/hero-integration.png.png"
+                src="/assets/Echosystem.png"
                 className="rounded-[15px] object-cover"
                 alt="اکوسیستم یکپارچه فیپ"
                 width={1207}

components/features-12.tsx

@@ -22,19 +22,19 @@ export default function Features() {
 
   const images = {
     "item-1": {
-      image: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=1207&h=929&fit=crop&q=80",
+      image: "/assets/main-pic/4section/Systems Integration.jpg",
       alt: "System integration",
     },
     "item-2": {
-      image: "https://images.unsplash.com/photo-1558494949-ef010cbdcc31?w=1207&h=929&fit=crop&q=80",
+      image: "/assets/main-pic/4section/Powerful Management panels.jpg",
       alt: "Management panels",
     },
     "item-3": {
-      image: "https://images.unsplash.com/photo-1557683316-973673baf926?w=1207&h=929&fit=crop&q=80",
+      image: "/assets/main-pic/4section/Interaction with Social Networks.jpg",
       alt: "Social media integration",
     },
     "item-4": {
-      image: "https://images.unsplash.com/photo-1557682250-33bd709cbe85?w=1207&h=929&fit=crop&q=80",
+      image: "/assets/main-pic/4section/Process Automation.jpg",
       alt: "Process automation",
     },
   };
@@ -113,9 +113,9 @@ export default function Features() {
             </AccordionItem>
           </Accordion>
 
-          <div className="bg-background relative flex overflow-hidden rounded-3xl border p-2">
+          <div className="bg-background relative flex overflow-hidden rounded-3xl border p-0 m-0">
             <div className="w-15 absolute inset-0 right-0 ml-auto border-l bg-[repeating-linear-gradient(-45deg,var(--color-border),var(--color-border)_1px,transparent_1px,transparent_8px)]"></div>
-            <div className="aspect-76/59 bg-background relative w-[calc(3/4*100%+3rem)] rounded-2xl">
+            <div className="aspect-76/59 bg-background relative w-full rounded-3xl m-0 p-0">
               <AnimatePresence mode="wait">
                 <motion.div
                   key={`${activeItem}-id`}
@@ -123,11 +123,11 @@ export default function Features() {
                   animate={{ opacity: 1, y: 0, scale: 1 }}
                   exit={{ opacity: 0, y: 6, scale: 0.98 }}
                   transition={{ duration: 0.2 }}
-                  className="size-full overflow-hidden rounded-2xl border bg-zinc-900 shadow-md"
+                  className="size-full overflow-hidden rounded-3xl m-0 p-0"
                 >
                   <Image
                     src={images[activeItem].image}
-                    className="size-full object-cover object-left-top dark:mix-blend-lighten"
+                    className="size-full object-cover dark:mix-blend-lighten"
                     alt={images[activeItem].alt}
                     width={1207}
                     height={929}

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() {
     </>
   );
 }
+
+
+
+