diff --git a/img/1577 2.png b/img/1577 2.png
deleted file mode 100644
index 71dd1db..0000000
Binary files a/img/1577 2.png and /dev/null differ
diff --git a/img/15772.webp b/img/15772.webp
new file mode 100644
index 0000000..b45cf44
Binary files /dev/null and b/img/15772.webp differ
diff --git a/img/Group 10.png b/img/Group 10.png
deleted file mode 100644
index 6759f9a..0000000
Binary files a/img/Group 10.png and /dev/null differ
diff --git a/img/Group 19.png b/img/Group 19.png
deleted file mode 100644
index 42f2125..0000000
Binary files a/img/Group 19.png and /dev/null differ
diff --git a/img/Group 38 2.png b/img/Group 38 2.png
deleted file mode 100644
index 756d62d..0000000
Binary files a/img/Group 38 2.png and /dev/null differ
diff --git a/img/Group382.webp b/img/Group382.webp
new file mode 100644
index 0000000..f2ae42a
Binary files /dev/null and b/img/Group382.webp differ
diff --git a/img/Group_10.webp b/img/Group_10.webp
new file mode 100644
index 0000000..1d3aea6
Binary files /dev/null and b/img/Group_10.webp differ
diff --git a/img/Group_19.webp b/img/Group_19.webp
new file mode 100644
index 0000000..a08a97a
Binary files /dev/null and b/img/Group_19.webp differ
diff --git a/img/Layer 1.png b/img/Layer 1.png
deleted file mode 100644
index 93b8b6d..0000000
Binary files a/img/Layer 1.png and /dev/null differ
diff --git a/img/Layer_1.webp b/img/Layer_1.webp
new file mode 100644
index 0000000..9635e64
Binary files /dev/null and b/img/Layer_1.webp differ
diff --git a/img/Rectangle 2.png b/img/Rectangle 2.png
deleted file mode 100644
index f4fc8e6..0000000
Binary files a/img/Rectangle 2.png and /dev/null differ
diff --git a/img/Rectangle2.webp b/img/Rectangle2.webp
new file mode 100644
index 0000000..5f99415
Binary files /dev/null and b/img/Rectangle2.webp differ
diff --git a/img/Vector.png b/img/Vector.png
deleted file mode 100644
index 7688da5..0000000
Binary files a/img/Vector.png and /dev/null differ
diff --git a/img/Vector.webp b/img/Vector.webp
new file mode 100644
index 0000000..1cb07fe
Binary files /dev/null and b/img/Vector.webp differ
diff --git a/img/a copy 5.png b/img/a copy 5.png
deleted file mode 100644
index 4421d2a..0000000
Binary files a/img/a copy 5.png and /dev/null differ
diff --git a/img/a_copy_5.webp b/img/a_copy_5.webp
new file mode 100644
index 0000000..e1ed9fe
Binary files /dev/null and b/img/a_copy_5.webp differ
diff --git a/img/logo-final2 2.png b/img/logo-final2 2.png
deleted file mode 100644
index 6ad6c46..0000000
Binary files a/img/logo-final2 2.png and /dev/null differ
diff --git a/img/logo-final2_2.webp b/img/logo-final2_2.webp
new file mode 100644
index 0000000..55e3a44
Binary files /dev/null and b/img/logo-final2_2.webp differ
diff --git a/index.html b/index.html
index d23f99e..ffaf669 100644
--- a/index.html
+++ b/index.html
@@ -11,8 +11,8 @@
     <div class="main-container">
         <div class="back">
             <div class="header">
-                <img class="image0"src="./img/logo-final2 2.png" alt="">
-                <img class="image0" src="./img/1577 2.png" alt="">
+                <img class="image0"src="./img/logo-final2_2.webp" alt="لوگو پیشگامان">
+                <a id="call" class="image0" href="tel:0211577"><img src="./img/15772.webp" alt="شماره 1577"></a>
             </div>
             <div class="season">
                 <p class="text1"> جشنواره اینترنت TD-LTE پیشگامان </p>
@@ -25,19 +25,19 @@
         <main>
             <section class="second">
                 <div class="card">
-                    <img class="image2" src="./img/Group 19.png" alt="">
+                    <img class="image2" src="./img/Group_19.webp" alt="پایداری سرعت آپلود و دانلود">
                     <p class="text2"> پایداری در آپلود و دانلود </p>
                 </div>
                 <div class="card">
-                    <img class="image2" src="./img/Group 10.png" alt="">
+                    <img class="image2" src="./img/Group_10.webp" alt="بدون نیاز به تلفن">
                     <p class="text2"> بدون نیاز به تلفن  </p>
                 </div>
                 <div class="card">
-                    <img class="image2" src="./img/Layer 1.png" alt="">
+                    <img class="image2" src="./img/Layer_1.webp" alt="راه اندازی سریع">
                     <p class="text2"> راه اندازی سریع  </p>
                 </div>
                 <div class="card">
-                    <img class="image2" src="./img/Vector.png" alt="">
+                    <img class="image2" src="./img/Vector.webp" alt="سهولت در جابجایی">
                     <p class="text2">  سهولت در جابجایی </p>
                 </div>
             </section>
@@ -45,35 +45,35 @@
             <section class="third">
                     <div>
                         <div class="card">
-                            <img class="image3" src="./img/a copy 5.png" alt="">
+                            <img class="image3" src="./img/a_copy_5.webp" alt="تیک">
                             <p class="text3"> دارنده پروانه یکپارچه شبکه و خدمات (UNSP) </p>
                         </div>
                         <div class="card">
-                            <img class="image4" src="./img/Group 38 2.png" alt="">
+                            <img class="image4" src="./img/Group382.webp" alt="چرا پیشگامان">
                         </div>
                         <div class="card">
-                            <img class="image3" src="./img/a copy 5.png" alt="">
+                            <img class="image3" src="./img/a_copy_5.webp" alt="تیک">
                            <p class="text3">مجری توسعه جدیدترین زیرساخت های ارتباطی </p>
                        </div>
                     </div> 
                     <div>
                         <div class="card">
-                            <img class="image3" src="./img/a copy 5.png" alt="">
+                            <img class="image3" src="./img/a_copy_5.webp" alt="تیک">
                             <p class="text3">طرح های متنوع ومتناسب با نیاز و مصرف کاربران</p>
                         </div>
                         <div  class="card">
-                            <img class="image3" src="./img/a copy 5.png" alt="">
+                            <img class="image3" src="./img/a_copy_5.webp" alt="تیک">
                             <p class="text3"> بیش از ۱۵۰۰ پاپ سایت و مرکز مخابراتی فعال </p>
                         </div>
                         <div class="card">
-                            <img class="image3" src="./img/a copy 5.png" alt="">
+                            <img class="image3" src="./img/a_copy_5.webp" alt="تیک">
                            <p class="text3">پشتیبانی ۲۴ ساعته در تمامی روزهای هفته</p>
                        </div>
                     </div>      
             </section>
             <section>
                 <div>
-                    <P>  <span id="Fourth">پیشگامان،</span> همراه بدون مرز جهان آنلاین </P>
+                    <P>  <span class="slogan" id="Fourth">پیشگامان،</span> همراه بدون مرز جهان آنلاین </P>
                 </div>
             </section>
             <section class="Fourth" id="targetSection" >
@@ -84,7 +84,7 @@
                             <P class="text4"> سیم کارت  </P>
                             <P class="text4"> ۶ ماهه  </P>
                             <P class="text4"> ۲,۸۵۰,۰۰۰ تومان </P>
-                            <button class="btn"> خرید سرویس </button>
+                            <button class="btn" id="buyButton100"> خرید سرویس </button>
                         </div>
                         <div class="cards">
                             <P class="text4">  سرویس ۵۰۰ گیگ</P>
@@ -92,12 +92,12 @@
                             <P class="text4"> سیم کارت  </P>
                             <P class="text4"> ۶ ماهه  </P>
                             <P class="text4"> ۳,۸۵۰,۰۰۰  تومان </P>
-                            <button class="btn"> خرید سرویس </button>
+                            <button class="btn" id="buyButton500"> خرید سرویس </button>
                         </div>
                     </div>
             </section>
             <section class="fifth">
-                <p class="text">برای خرید سرویس فرم زیر را پر کنید</p>
+                <p class="text" id="targetHeader">برای خرید سرویس فرم زیر را پر کنید</p>
                 <div class="form">
                     <div>
                         <label for="fname">نام</label><br>
diff --git a/style.css b/style.css
index 4647876..870eb06 100644
--- a/style.css
+++ b/style.css
@@ -24,7 +24,7 @@ html {
 
 
 .main-container .back {
-    background-image: url(./img/Rectangle\ 2.png);
+    background-image: url(./img/Rectangle2.webp);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     background-position: center;
@@ -38,6 +38,11 @@ html {
     padding: 3% 3% 3% 3%;
 }
 
+.main-container .back .header a {
+    margin-left: 2%;
+    width: 10%;
+}
+
 
 .main-container .back .season {
     display: flex;