diff --git a/components/content-1.tsx b/components/content-1.tsx
index f46e479..2f5b7ad 100644
--- a/components/content-1.tsx
+++ b/components/content-1.tsx
@@ -11,16 +11,16 @@ 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="/payments.png"
-                className="hidden rounded-[15px] dark:block"
-                alt="payments illustration dark"
+                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="/payments-light.png"
-                className="rounded-[15px] shadow dark:hidden"
-                alt="payments illustration light"
+                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"
                 width={1207}
                 height={929}
               />
@@ -52,13 +52,7 @@ export default function ContentSection() {
 
                 <div className="mt-6 space-y-3">
                   <cite className="block font-medium">جان دو، مدیرعامل</cite>
-                  <img
-                    className="h-5 w-fit dark:invert"
-                    src="https://html.tailus.io/blocks/customers/nvidia.svg"
-                    alt="Nvidia Logo"
-                    height="20"
-                    width="auto"
-                  />
+                  <div className="h-12 w-20 rounded-lg bg-gradient-to-br from-[#216583] to-[#00818A] opacity-80"></div>
                 </div>
               </blockquote>
             </div>
diff --git a/components/features-12.tsx b/components/features-12.tsx
index 3e6dc81..422ea11 100644
--- a/components/features-12.tsx
+++ b/components/features-12.tsx
@@ -22,19 +22,19 @@ export default function Features() {
 
   const images = {
     "item-1": {
-      image: "/charts.png",
+      image: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=1207&h=929&fit=crop&q=80",
       alt: "Database visualization",
     },
     "item-2": {
-      image: "/music.png",
+      image: "https://images.unsplash.com/photo-1558494949-ef010cbdcc31?w=1207&h=929&fit=crop&q=80",
       alt: "Security authentication",
     },
     "item-3": {
-      image: "/mail2.png",
+      image: "https://images.unsplash.com/photo-1557683316-973673baf926?w=1207&h=929&fit=crop&q=80",
       alt: "Identity management",
     },
     "item-4": {
-      image: "/payments.png",
+      image: "https://images.unsplash.com/photo-1557682250-33bd709cbe85?w=1207&h=929&fit=crop&q=80",
       alt: "Analytics dashboard",
     },
   };
diff --git a/components/header.tsx b/components/header.tsx
index 10eca36..20a3c31 100644
--- a/components/header.tsx
+++ b/components/header.tsx
@@ -77,14 +77,6 @@ export const HeroHeader = () => {
                                 </ul>
                             </div>
                             <div className="flex w-full flex-col space-y-3 sm:flex-row sm:gap-3 sm:space-y-0 md:w-fit">
-                                <Button
-                                    asChild
-                                    size="sm"
-                                    className={cn(isScrolled && 'lg:hidden')}>
-                                    <Link href="/login">
-                                        <span>ورود / ثبت‌نام</span>
-                                    </Link>
-                                </Button>
                                 <Button
                                     asChild
                                     size="sm"
diff --git a/components/hero-section.tsx b/components/hero-section.tsx
index b8f2dd5..61be363 100644
--- a/components/hero-section.tsx
+++ b/components/hero-section.tsx
@@ -174,18 +174,18 @@ export default function HeroSection() {
               <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">
                   <Image
-                    className="bg-background aspect-15/8 relative hidden rounded-2xl dark:block"
-                    src="/mail2.png"
-                    alt="app screen"
-                    width="2700"
-                    height="1440"
+                    className="bg-background aspect-15/8 relative hidden rounded-2xl dark:block object-cover"
+                    src="https://images.unsplash.com/photo-1557683316-973673baf926?w=2700&h=1440&fit=crop&q=80"
+                    alt="Modern abstract technology"
+                    width={2700}
+                    height={1440}
                   />
                   <Image
-                    className="z-2 border-border/25 aspect-15/8 relative rounded-2xl border dark:hidden"
-                    src="/mail2-light.png"
-                    alt="app screen"
-                    width="2700"
-                    height="1440"
+                    className="z-2 border-border/25 aspect-15/8 relative rounded-2xl border dark:hidden object-cover"
+                    src="https://images.unsplash.com/photo-1557682250-33bd709cbe85?w=2700&h=1440&fit=crop&q=80"
+                    alt="Modern abstract design"
+                    width={2700}
+                    height={1440}
                   />
                 </div>
               </div>
@@ -206,78 +206,28 @@ export default function HeroSection() {
             </div>
             <div className="group-hover:blur-xs mx-auto mt-12 grid max-w-2xl 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">
               <div className="flex">
-                <img
-                  className="mx-auto h-5 w-fit dark:invert"
-                  src="https://html.tailus.io/blocks/customers/nvidia.svg"
-                  alt="Nvidia Logo"
-                  height="20"
-                  width="auto"
-                />
-              </div>
-
-              <div className="flex">
-                <img
-                  className="mx-auto h-4 w-fit dark:invert"
-                  src="https://html.tailus.io/blocks/customers/column.svg"
-                  alt="Column Logo"
-                  height="16"
-                  width="auto"
-                />
+                <div className="mx-auto h-12 w-20 rounded-lg bg-gradient-to-br from-[#216583] to-[#00818A] opacity-80"></div>
               </div>
               <div className="flex">
-                <img
-                  className="mx-auto h-4 w-fit dark:invert"
-                  src="https://html.tailus.io/blocks/customers/github.svg"
-                  alt="GitHub Logo"
-                  height="16"
-                  width="auto"
-                />
+                <div className="mx-auto h-10 w-16 rounded-lg bg-gradient-to-br from-[#293462] to-[#216583] opacity-80"></div>
               </div>
               <div className="flex">
-                <img
-                  className="mx-auto h-5 w-fit dark:invert"
-                  src="https://html.tailus.io/blocks/customers/nike.svg"
-                  alt="Nike Logo"
-                  height="20"
-                  width="auto"
-                />
+                <div className="mx-auto h-10 w-16 rounded-lg bg-gradient-to-br from-[#00818A] to-[#216583] opacity-80"></div>
               </div>
               <div className="flex">
-                <img
-                  className="mx-auto h-5 w-fit dark:invert"
-                  src="https://html.tailus.io/blocks/customers/lemonsqueezy.svg"
-                  alt="Lemon Squeezy Logo"
-                  height="20"
-                  width="auto"
-                />
+                <div className="mx-auto h-12 w-20 rounded-lg bg-gradient-to-br from-[#F7BE16] to-[#00818A] opacity-80"></div>
               </div>
               <div className="flex">
-                <img
-                  className="mx-auto h-4 w-fit dark:invert"
-                  src="https://html.tailus.io/blocks/customers/laravel.svg"
-                  alt="Laravel Logo"
-                  height="16"
-                  width="auto"
-                />
+                <div className="mx-auto h-12 w-20 rounded-lg bg-gradient-to-br from-[#216583] to-[#293462] opacity-80"></div>
               </div>
               <div className="flex">
-                <img
-                  className="mx-auto h-7 w-fit dark:invert"
-                  src="https://html.tailus.io/blocks/customers/lilly.svg"
-                  alt="Lilly Logo"
-                  height="28"
-                  width="auto"
-                />
+                <div className="mx-auto h-10 w-16 rounded-lg bg-gradient-to-br from-[#00818A] to-[#F7BE16] opacity-80"></div>
               </div>
-
               <div className="flex">
-                <img
-                  className="mx-auto h-6 w-fit dark:invert"
-                  src="https://html.tailus.io/blocks/customers/openai.svg"
-                  alt="OpenAI Logo"
-                  height="24"
-                  width="auto"
-                />
+                <div className="mx-auto h-14 w-24 rounded-lg bg-gradient-to-br from-[#293462] to-[#216583] opacity-80"></div>
+              </div>
+              <div className="flex">
+                <div className="mx-auto h-12 w-20 rounded-lg bg-gradient-to-br from-[#216583] to-[#00818A] opacity-80"></div>
               </div>
             </div>
           </div>
diff --git a/components/pricing.tsx b/components/pricing.tsx
index 469a12e..bad2b25 100644
--- a/components/pricing.tsx
+++ b/components/pricing.tsx
@@ -78,34 +78,10 @@ export default function Pricing() {
                   تیم ما آماده است تا بر اساس نیازهای خاص شما، بهترین پکیج را طراحی کند.
                 </p>
                 <div className="mt-12 flex flex-wrap items-center justify-between gap-6">
-                  <img
-                    className="h-5 w-fit dark:invert"
-                    src="https://html.tailus.io/blocks/customers/nvidia.svg"
-                    alt="Nvidia Logo"
-                    height="20"
-                    width="auto"
-                  />
-                  <img
-                    className="h-4 w-fit dark:invert"
-                    src="https://html.tailus.io/blocks/customers/column.svg"
-                    alt="Column Logo"
-                    height="16"
-                    width="auto"
-                  />
-                  <img
-                    className="h-4 w-fit dark:invert"
-                    src="https://html.tailus.io/blocks/customers/github.svg"
-                    alt="GitHub Logo"
-                    height="16"
-                    width="auto"
-                  />
-                  <img
-                    className="h-5 w-fit dark:invert"
-                    src="https://html.tailus.io/blocks/customers/nike.svg"
-                    alt="Nike Logo"
-                    height="20"
-                    width="auto"
-                  />
+                  <div className="h-12 w-20 rounded-lg bg-gradient-to-br from-[#216583] to-[#00818A] opacity-80"></div>
+                  <div className="h-10 w-16 rounded-lg bg-gradient-to-br from-[#293462] to-[#216583] opacity-80"></div>
+                  <div className="h-10 w-16 rounded-lg bg-gradient-to-br from-[#00818A] to-[#216583] opacity-80"></div>
+                  <div className="h-12 w-20 rounded-lg bg-gradient-to-br from-[#F7BE16] to-[#00818A] opacity-80"></div>
                 </div>
               </div>
             </div>
diff --git a/next.config.ts b/next.config.ts
index ef7cd89..f435e52 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -7,6 +7,10 @@ const nextConfig: NextConfig = {
         protocol: "https",
         hostname: "ik.imagekit.io",
       },
+      {
+        protocol: "https",
+        hostname: "images.unsplash.com",
+      },
     ],
   },
 };