change contact us, switch places for two section, add button in about…

… us section with pdf, edit icons and text

components/AboutUs.vue

@@ -7,7 +7,10 @@
             <div class="row">
               <div class="col text-end p-4">
                 <h2>من نحن؟</h2>
-                <p>تسعى مؤسسة اسهام إلى تقديم حلول متكاملة لإدارة الأملاك المشتركة في المباني السكنية<br>وتوفير فريق متخصص من خبراء وفنيين لضمان تقديم خدمة احترافية ودعم متواصل<br>لتلبية جميع احتياجات عملائنا وحماية ممتلكاتهم وتقديم خدمات مستدامة</p>
+                <p>تسعى مؤسسة اسهام إلى تقديم حلول متكاملة لإدارة الأملاك المشتركة في المباني السكنية وتوفير فريق متخصص من خبراء وفنيين لضمان تقديم خدمة احترافية ودعم متواصل لتلبية جميع احتياجات عملائنا وحماية ممتلكاتهم وتقديم خدمات مستدامة</p>
+              </div>
+              <div>
+                <a href="/images/EsshamProfile.pdf" class="btn btn-primary col-sm-3  mx-auto mb-5" type="button" target="_blank">ارسل طلبك هنا</a>
               </div>
             </div>
           </div>

components/Contact.vue

@@ -1,55 +1,14 @@
 <template>
     <div class="contact-us-section py-5" id="ContactUs">
-        <form action="https://formsubmit.co/[email protected]" method="post">
-            <input type="hidden" name="_next" value="http://localhost:3000/submit">
+
             <div class="container container-contact py-5">
                 <div>
-                    <h2 class="text-end py-3">إرسل طلبك</h2>
-                </div>
-                <div class="row text-center">
-                    <div class="col-md-6 mb-3">
-                        <div class="form-group">
-                            <input type="text" class="form-control text-end" id="apartment_number" name="apartment_number"
-                                placeholder="رقم الشقة / الوحدة">
-                        </div>
-                    </div>
-                    <div class="col-md-6 mb-3">
-                        <div class="form-group">
-                            <input type="text" class="form-control text-end" id="name" name="name" placeholder="الاسم">
-                        </div>
-                    </div>
-                    <div class="col-md-6 mb-3">
-                        <div class="form-group">
-                            <input type="text" class="form-control text-end" id="email" name="phone_number" placeholder="رقم الهاتف">
-                        </div>
-                    </div>
-                    <div class="col-md-6 mb-3">
-                        <div class="form-group">
-                            <input type="text" class="form-control text-end" id="phone" name="project_name"  placeholder="اسم المشروع">
-                        </div>
-                    </div>
-                    <div class="col-md-12 mb-3">
-                        <div class="form-group">
-                            <select class="form-select text-end" aria-label="Default select example" name="selected_service">
-                                 <option selected>الخدمة</option>
-                                 <option value="support_and_administrative">خدمات الإدارة والدعم</option>
-                                 <option value="addtional_services">خدمات اضافية</option>
-                            </select>
-                        </div>
-                    </div>
-                    <div class="col-md-12">
-                        <div class="form-group">
-                            <textarea class="form-control text-end" name="notes" id="notes" rows="4" placeholder="الملاحظات"></textarea>
-                        </div>
-                    </div>
-                    <div class="col-md-12">
-                        <div class="form-group text-end">
-                            <button type="submit" class="btn btn-secondary py-1 px-4 mt-3">إرسال</button>
-                        </div>
-                    </div>
+                    <h2 class="text-center py-3">للحصول على المزيد من المعلومات</h2>
                 </div>
+                <a href="https://api.whatsapp.com/send?phone=966548064886&text=مرحبا%20،%20معكم%20مؤسسة%20اسهام"
+                  class="btn btn-primary d-grid gap-2 col-sm-3 mx-auto pt-2" type="button">ارسل طلبك هنا</a>
             </div>
-        </form>
+
     </div>
 </template>
 

components/Partners.vue

@@ -5,22 +5,22 @@
       </div>
       <div class="container text-center">
         <div class="row row-cols-2 row-cols-sm-1 row-cols-lg-4 row-cols-md-3 g-4">
-          <div class="col-12 col-sm-6 col-md-3 mb-4">
+          <div class="col-6 col-sm-6 col-md-3 mb-4">
             <div class="card justify-content-center rounded-0 p-3 border-0" style="height: 9rem;">
               <img :src="require('~/static/images/Rawas.png')" alt="Image 1" class="mt-2 img-fluid p-2 partner-logo">
             </div>
           </div>
-          <div class="col-12 col-sm-6 col-md-3 mb-4">
+          <div class="col-6 col-sm-6 col-md-3 mb-4">
             <div class="card justify-content-center rounded-0 p-3 border-0" style="height: 10rem;">
               <img :src="require('~/static/images/PE.png')" alt="Image 2" class="mt-2 img-fluid p-2 partner-logo">
             </div>
           </div>
-          <div class="col-12 col-sm-6 col-md-3 mb-4">
+          <div class="col-6 col-sm-6 col-md-3 mb-4">
             <div class="card justify-content-center rounded-0 p-3 border-0" style="height: 10rem;">
               <img :src="require('~/static/images/EC.png')" alt="Image 3" class="mt-2 img-fluid p-2 partner-logo">
             </div>
           </div>
-          <div class="col-12 col-sm-6 col-md-3 mb-4">
+          <div class="col-6 col-sm-6 col-md-3 mb-4">
             <div class="card justify-content-center rounded-0 p-3 border-0" style="height: 10rem;">
               <img :src="require('~/static/images/Al.png')" alt="Image 4" class="mt-2 img-fluid p-2 partner-logo">
             </div>

components/Services.vue

@@ -8,7 +8,7 @@
                 <div class="card py-4 my-5 border-2 flex-fill rounded-1">
                     <div class="card-body text-center">
                         <img :src="require('~/static/images/icon1.png')" class="icon-img" alt="">
-                        <h3 class="card-title mt-5">خدمات اضافية</h3>
+                        <h3 class="card-title mt-5">خدمات الصيانة</h3>
                         <p class="card-text mt-4 text-end">تتضمن الخدمات الإضافية خدمات النظافة والصيانة صيانة
                             المصاعد،الإنارة،اعمال الدهان، اعمال السباكة والكهرباء صيانة الابواب ، الممرات الداخلية، كاميرات
                             المراقبة.صيانة مظلات السيارات اجهزة السلامة،انظمة دخول المبني</p>
@@ -19,7 +19,7 @@
                 <div class="card py-4 my-5 border-2 flex-fill rounded-1">
                     <div class="card-body text-center">
                         <img :src="require('~/static/images/icon2.png')" class="icon-img" alt="">
-                        <h3 class="card-title mt-5">خدمات الإدارة والدعم</h3>
+                        <h3 class="card-title mt-5">خدمات النظافة</h3>
                         <p class="card-text mt-4 text-end">تأسيس نظام داخلي،إنشاء مجموعة رقمية للمستأجرين والملاك، إنشاء
                             حساب في منصة ملاك، تطبيق لوائح اتحاد الملاك، تأمين وتوريد المياه،تصريف المياه، تأمين مصادر
                             الطاقة، خدمة عملاء على مدار الساعة</p>

pages/index.vue

@@ -3,8 +3,8 @@
     <Slider />
     <AboutUs />
     <Services />
-    <Partners />
     <Contact />
+    <Partners />
   </div>
 </template>
 

static/css/style.css

@@ -135,8 +135,14 @@ body {
 }
 
 .container-contact {
-  max-width: 900px;
+
   margin: 0 auto;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
   padding: 20px;
+}
+
+.btn-primary {
+  color: white;
+  background-color: #213141;
+  --bs-btn-hover-bg: #364859;
 }