diff --git a/components/content-1.tsx b/components/content-1.tsx
index beeaf3f..1c213cf 100644
--- a/components/content-1.tsx
+++ b/components/content-1.tsx
@@ -11,16 +11,9 @@ 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="https://images.unsplash.com/photo-1557683316-973673baf926?w=1207&h=929&fit=crop&q=80"
-                className="hidden rounded-[15px] dark:block object-cover"
-                alt="Modern abstract technology"
-                width={1207}
-                height={929}
-              />
-              <Image
-                src="https://images.unsplash.com/photo-1557682250-33bd709cbe85?w=1207&h=929&fit=crop&q=80"
-                className="rounded-[15px] shadow dark:hidden object-cover"
-                alt="Modern abstract design"
+                src="/assets/hero-integration.png.png"
+                className="rounded-[15px] object-cover"
+                alt="اکوسیستم یکپارچه فیپ"
                 width={1207}
                 height={929}
               />
diff --git a/components/footer.tsx b/components/footer.tsx
index 49a8514..0828c82 100644
--- a/components/footer.tsx
+++ b/components/footer.tsx
@@ -3,28 +3,12 @@ import Link from "next/link";
 
 const links = [
   {
-    title: "ویژگی‌ها",
-    href: "#",
+    title: "درباره ما",
+    href: "/about",
   },
   {
-    title: "راه‌حل",
-    href: "#",
-  },
-  {
-    title: "مشتریان",
-    href: "#",
-  },
-  {
-    title: "قیمت‌گذاری",
-    href: "/pricing",
-  },
-  {
-    title: "راهنما",
-    href: "#",
-  },
-  {
-    title: "درباره",
-    href: "#",
+    title: "راه حل‌ها",
+    href: "/solutions",
   },
 ];
 
@@ -47,68 +31,14 @@ export default function FooterSection() {
             </Link>
           ))}
         </div>
-        <div className="my-8 flex flex-wrap justify-center gap-6 text-sm">
-          <Link
-            href="#"
-            target="_blank"
-            rel="noopener noreferrer"
-            aria-label="X/Twitter"
-            className="text-muted-foreground hover:text-accent transition-colors duration-150"
+        <div className="my-8 flex flex-wrap justify-center items-center gap-2 text-sm">
+          <span className="text-muted-foreground">تماس با تیم فیپ:</span>
+          <a
+            href="tel:09162949770"
+            className="text-foreground hover:text-accent transition-colors duration-150 font-medium"
           >
-            <svg
-              className="size-6"
-              xmlns="http://www.w3.org/2000/svg"
-              width="1em"
-              height="1em"
-              viewBox="0 0 24 24"
-            >
-              <path
-                fill="currentColor"
-                d="M10.488 14.651L15.25 21h7l-7.858-10.478L20.93 3h-2.65l-5.117 5.886L8.75 3h-7l7.51 10.015L2.32 21h2.65zM16.25 19L5.75 5h2l10.5 14z"
-              ></path>
-            </svg>
-          </Link>
-          <Link
-            href="#"
-            target="_blank"
-            rel="noopener noreferrer"
-            aria-label="LinkedIn"
-            className="text-muted-foreground hover:text-accent transition-colors duration-150"
-          >
-            <svg
-              className="size-6"
-              xmlns="http://www.w3.org/2000/svg"
-              width="1em"
-              height="1em"
-              viewBox="0 0 24 24"
-            >
-              <path
-                fill="currentColor"
-                d="M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93zM6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37z"
-              ></path>
-            </svg>
-          </Link>
-
-          <Link
-            href="#"
-            target="_blank"
-            rel="noopener noreferrer"
-            aria-label="Instagram"
-            className="text-muted-foreground hover:text-accent transition-colors duration-150"
-          >
-            <svg
-              className="size-6"
-              xmlns="http://www.w3.org/2000/svg"
-              width="1em"
-              height="1em"
-              viewBox="0 0 24 24"
-            >
-              <path
-                fill="currentColor"
-                d="M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3"
-              ></path>
-            </svg>
-          </Link>
+            09162949770
+          </a>
         </div>
         <span className="text-muted-foreground block text-center text-sm">
           {" "}
diff --git a/components/header.tsx b/components/header.tsx
index 7203e88..6696287 100644
--- a/components/header.tsx
+++ b/components/header.tsx
@@ -88,8 +88,8 @@ export const HeroHeader = () => {
                                     asChild
                                     size="sm"
                                     className={cn(isScrolled ? 'lg:inline-flex' : 'hidden', 'transition-all duration-300 hover:scale-105')}>
-                                    <Link href="#">
-                                        <span>شروع کنید</span>
+                                    <Link href="tel:09162949770">
+                                        <span>تماس با فیپ</span>
                                     </Link>
                                 </Button>
                             </div>
diff --git a/components/hero-section.tsx b/components/hero-section.tsx
index 5e84bdf..c290eec 100644
--- a/components/hero-section.tsx
+++ b/components/hero-section.tsx
@@ -78,10 +78,6 @@ export default function HeroSection() {
               />
             </AnimatedGroup>
 
-            <div
-              aria-hidden
-              className="absolute inset-0 -z-10 size-full [background:radial-gradient(125%_125%_at_50%_100%,transparent_0%,var(--color-background)_75%)]"
-            />
 
             <div className="mx-auto max-w-7xl px-6">
               <div className="text-center sm:mx-auto lg:mr-auto lg:mt-0">
@@ -172,11 +168,11 @@ export default function HeroSection() {
                 ...transitionVariants,
               }}
             >
-              <div className="mask-b-from-55% relative -mr-56 mt-8 overflow-hidden px-2 sm:mr-0 sm:mt-12 md:mt-20">
-                <div className="inset-shadow-2xs ring-background dark:inset-shadow-white/20 bg-background relative mx-auto max-w-6xl overflow-hidden rounded-2xl border p-4 shadow-lg shadow-zinc-950/15 ring-1">
+              <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 rounded-2xl object-contain"
-                    src="/assets/hero-integration.png.png"
+                    className="bg-background aspect-15/8 relative w-full h-full rounded-2xl object-cover"
+                    src="/assets/1.jpg"
                     alt="یکپارچه‌سازی سیستم‌ها و شبکه دیجیتال"
                     width={2700}
                     height={1440}
@@ -198,7 +194,7 @@ export default function HeroSection() {
                 <ChevronRight className="ml-1 inline-block size-3" />
               </Link>
             </div>
-            <div className="group-hover:blur-xs mx-auto mt-12 grid max-w-4xl grid-cols-5 gap-x-12 gap-y-8 transition-all duration-500 group-hover:opacity-50 sm:gap-x-16 sm:gap-y-14">
+            <div className="group-hover:blur-xs mx-auto mt-12 grid max-w-4xl grid-cols-4 gap-x-12 gap-y-8 transition-all duration-500 group-hover:opacity-50 sm:gap-x-16 sm:gap-y-14">
               <LogoItem
                 icon="logos:telegram"
                 alt="Telegram Logo"
@@ -217,19 +213,13 @@ export default function HeroSection() {
                 size="md"
                 className="-translate-x-2"
               />
-              <LogoItem
-                icon="logos:microsoft-windows-icon"
-                alt="Microsoft Windows Logo"
-                size="md"
-                className="translate-x-2"
-              />
               <LogoItem
                 icon="logos:google-icon"
                 alt="Google Logo"
                 size="md"
                 className="translate-x-5"
               />
-              <div className="col-span-5 flex justify-center gap-12 sm:gap-16">
+              <div className="col-span-4 flex justify-center gap-x-12 sm:gap-x-40">
                 <LogoItem
                   icon="logos:zapier-icon"
                   alt="Zapier Logo"
@@ -237,16 +227,10 @@ export default function HeroSection() {
                   className="translate-x-0"
                 />
                 <LogoItem
-                  icon="logos:android-icon"
-                  alt="Android Logo"
+                  icon="logos:microsoft-windows-icon"
+                  alt="Microsoft Windows Logo"
                   size="md"
-                  className="translate-x-3"
-                />
-                <LogoItem
-                  icon="logos:amp-icon"
-                  alt="AMP Logo"
-                  size="md"
-                  className="-translate-x-1"
+                  className="translate-x-2"
                 />
                 <LogoItem
                   icon="logos:ios"
diff --git a/components/logo.tsx b/components/logo.tsx
index 7491cb4..30487fa 100644
--- a/components/logo.tsx
+++ b/components/logo.tsx
@@ -24,7 +24,15 @@ export const LogoIcon = ({
   className?: string;
   uniColor?: boolean;
 }) => {
-  return <Image src="/assets/flogo-1.png" alt="Logo" width={50} height={50} className={cn("h-auto", className)} />;
+  return (
+    <Image 
+      src="/assets/feeplogo.svg" 
+      alt="Logo" 
+      width={50} 
+      height={50} 
+      className={cn("h-10 w-auto md:h-12 dark:invert", className)} 
+    />
+  );
 };
 
 export const LogoStroke = ({ className }: { className?: string }) => {
diff --git a/public/assets/1.jpg b/public/assets/1.jpg
new file mode 100644
index 0000000..a03b6b5
Binary files /dev/null and b/public/assets/1.jpg differ
diff --git a/public/assets/Feeplogo.svg b/public/assets/Feeplogo.svg
new file mode 100644
index 0000000..cdb068c
--- /dev/null
+++ b/public/assets/Feeplogo.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 150 150">
+  <!-- Generator: Adobe Illustrator 29.0.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 192)  -->
+  <path d="M119.76,40.76c14.06,5.02,20.23,21.27,16.93,34.39-2.4,9.52-11.4,19.28-22.36,20.11-2.99.22-6.4-.92-8.35,1.7-1.4,1.89-.67,5.33-.85,7.57-.82,10.41-10.8,19.56-21.99,14.3-8.84-4.16-8.66-12.16-10.4-19.92-1.91-8.48-5.87-19.14-15.59-22.18-2.61-.82-6.37-1.39-9.27-.79-.5.1-3.17.99-4.02,1.3-9.23,3.29-15.03,14.73-15.7,23.38-.19,2.4-.38,8.5.01,10.69.49,2.72,4.59,3.72,5.78.66,1.04-2.69.2-8.01.44-11.09.64-8.23,6.38-17.59,15.99-18.41,1.73-.15,3.48-.11,5.58-.29.32-.03.89-.02,1.51-.72.21-.24,2.96,1.71,3.39,2.05.12.1,1.23,1.09,1.28,1.15.52.59-.3,1.28-.76,1.67-3.35,2.8-5.51,2.29-9.58,2.65-5.9.54-9.62,4.59-10.82,9.86-1.28,5.64,1.22,14.4-3.22,18.71-5.81,5.63-14.96,1.85-15.79-5.49-1.16-10.3.66-21.78,6.77-30.52,8.81-12.6,26.31-16.97,38.92-6.16,5.68,4.87,9,13.22,10.74,20.12,1.21,4.78,1.23,12.99,5.45,16.2,1.55,1.18,3.89,2.1,5.87,2.11,2.47.02,5.82-1.92,7.17-3.85,4.21-6-.55-13.27,5.69-18.77,4.41-3.89,9.58-1.44,14.5-3.02,19.57-6.27,18.54-36.54-1.41-41.74-1.88-.49-17.19-.55-18.8,0s-4.48,2.35-5.75,3.62c-8.09,8.1-2.66,24-4.4,34.08-.2,1.14-1.68,3.64-2.16,5.06-.76,2.2-1.05,4.41-1.57,6.65-.06.25-.1.78-.49.72l-1.99-8.48c.6-9.62-.76-20,0-29.53.68-8.48,8.18-18.14,17.7-18.92,4.86-.4,17.23-.42,21.56,1.13Z"/>
+  <path d="M23.51,55.93c0-.07,0-.14.01-.21,1.01-8.29,8.79-17.27,18-18.02s19.66.15,29.09.24c2.16.02,4.28.71,5.79,2.14,5.11,4.83,3.72,14.33-3.67,16.98-.16.06-.33.09-.5.11-9.03.75-19.04-.67-27.93.08-3.38.29-2.33,4.31-2.22,6.91.03.66-.44,1.25-1.12,1.47-.47.15-1,.39-1.27.54-.72.38-1.89,1.09-2.7,1.59q-.5.3-1.3.74c1.11-6.07-2.25-15.41,6.43-17.45.14-.03.29-.05.44-.05h27.7c.23,0,.47-.06.68-.14.47-.19.68-.34,1.08-.67,1.21-1,1.64-2.9.96-4.22s-1.88-1.91-3.46-2.03c-6.9-.54-18.8-.44-25.76.02-16.22,1.07-14.22,17.86-14.03,28.9,0,.31-.09.61-.28.87l-2.72,3.77s-.06.09-.09.14h0c-.8,1.41-3.12.89-3.12-.71v-20.98Z"/>
+  <path d="M92.89,58.27c.36-2.47,2.89-5.76,5.64-6.28,2.58-.49,11.71-.35,14.6-.13,7.15.57,12.08,8.33,12.04,14.51-.04,6.93-3.74,12.3-10.84,14.25-.23.06-5.8.52-8.25.79-8.04.87-12.93,9.48-13.47,16.3-.22,2.82,1.21,9.15-4.04,8.16-2.64-.5-2.54-4.13-2.47-6.07.41-10.52,6.14-22,17.75-24.93,2.78-.7,6.34.09,9.25-.56,5.76-1.3,7.26-9.22,3.96-13.27-.2-.24-2.45-2.03-2.73-2.18-1.87-.96-10.11-.89-12.53-.74-2.03.13-2.71.5-2.96,2.49-.22,1.74.32,11.34-.04,11.85-2.22.84-4.06,2.72-6.19,3.43-.14-.1.28-.33.28-.39,0-5-.68-12.58,0-17.24Z"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/integrate.png b/public/assets/integrate.png
new file mode 100644
index 0000000..02d8407
Binary files /dev/null and b/public/assets/integrate.png differ
diff --git a/public/assets/integrationSoftware.png b/public/assets/integrationSoftware.png
new file mode 100644
index 0000000..69d6726
Binary files /dev/null and b/public/assets/integrationSoftware.png differ