diff --git a/app/Http/Controllers/FrontController.php b/app/Http/Controllers/FrontController.php
index 22382c9..817849b 100644
--- a/app/Http/Controllers/FrontController.php
+++ b/app/Http/Controllers/FrontController.php
@@ -55,7 +55,7 @@ public function contact_post(Request $request)
             "phone"=>"required|numeric",
             "message"=>"required|min:3|max:10000",
         ]);
-        if(\MainHelper::recaptcha($request->recaptcha)<0.8)abort(401);
+        //if(\MainHelper::recaptcha($request->recaptcha)<0.8)abort(401);
         Contact::create([
             'user_id'=>auth()->check()?auth()->id():NULL,
             'name'=>$request->name,
@@ -65,7 +65,6 @@ public function contact_post(Request $request)
         ]);
 
         toastr()->success('تم استلام رسالتك بنجاح وسنتواصل معك في أقرب وقت');
-        //\Session::flash('message', __("Your Message Has Been Send Successfully And We Will Contact You Soon !"));
         return redirect()->back();
     }
     public function category(Request $request,Category $category){
diff --git a/public/images/components/component_contact.png b/public/images/components/component_contact.png
new file mode 100644
index 0000000..07dda63
Binary files /dev/null and b/public/images/components/component_contact.png differ
diff --git a/resources/views/admin/builders/index.blade.php b/resources/views/admin/builders/index.blade.php
index ebd5314..0538cc4 100644
--- a/resources/views/admin/builders/index.blade.php
+++ b/resources/views/admin/builders/index.blade.php
@@ -1,4 +1,4 @@
-@extends('layouts.app',['page_title'=>"بانئ الصفحات ". $page->title])
+@extends('layouts.app',['page_title'=>"تصميم ". $page->title])
 @section('content')
 <style type="text/css">
 .main-nav,
@@ -28,10 +28,8 @@
 
 .highlight-block{ 
     /*border:2px dashed #d8d8d8!important;*/
-    border-radius:10px!important;
     background:#ffefd9!important;
-    opacity:0.9;
-    overflow:hidden!important;
+    opacity:0.9; 
 }
 
 
@@ -235,6 +233,21 @@
                                         </div>
                                     </div>
                                 </div>
+
+                                <div class="col-12 p-0 component mb-2" v-on:click="template_generator('component_contact')" data-id="contact_form" style="cursor: pointer;">
+                                    <div class="p-1" style="background:#f1f1f1;border-radius:10px">
+                                        <img src="/images/components/component_contact.png" style="width:100%;border-radius: 10px;" class="p-1">
+                                        <div class="col-12 font-2 px-2 d-flex">
+                                            <div class="col px-0">
+                                                نموذج تواصل معنا
+                                            </div>
+                                            <div class="col-auto px-0">
+                                                <i class="far fa-chevron-left"></i>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+
                             </div>
                         </div>
 
@@ -252,7 +265,7 @@
                                 </div>
                             </div>
 
-                            <div class="col-12 p-3 row" id="builder-editor" style="height:calc(100dvh - 150px);overflow: auto;">
+                            <div class="col-12 p-3 " id="builder-editor" style="height:calc(100dvh - 150px);overflow: auto;">
                                 <div class="col-12 p-0">
                                     <nav style="background:#d9e2ef!important;border-radius: 5px;">
                                         <div class="nav nav-tabs" id="nav-tab" role="tablist">
@@ -703,7 +716,7 @@
                                                     <h4 :class="element.fields.design_text_alignment" class='display-5 mb-3 ' style="color:inherit;">@{{element.fields.content_title}}</h4>
                                                     <p :class="element.fields.design_text_alignment" class=' mb-6  font-1 font-lg-2' style="margin:5px 0px 8px!important;opacity: 0.9">@{{element.fields.content_sub_title}}</p>
                                                     <p :class="element.fields.design_text_alignment" class=' mb-6  font-1 font-lg-2' style="white-space: pre-line;opacity: 0.9">@{{element.fields.content_description}}</p>
-                                                    <div class="col-12 p-0 d-flex btns-group" :class="element.fields.design_text_alignment">
+                                                    <div class="col-12 px-3 d-flex btns-group" :class="element.fields.design_text_alignment">
                                                         <div v-for="button in element.fields['buttons']">
                                                             <a class="btn mx-1 font-1 font-lg-2 py-1 px-4 py-lg-2 px-lg-5" :class="button.fields.class" :target="button.fields.url_open_type" style="border-radius: 3px;">
                                                                 @{{button.fields.title}}
@@ -720,7 +733,7 @@
                                                     <h4 :class="element.fields.design_text_alignment" class='display-5 mb-3 ' style="color:inherit;">@{{element.fields.content_title}}</h4>
                                                     <p :class="element.fields.design_text_alignment" class=' mb-6  font-1 font-lg-2' style="margin:5px 0px 8px!important;opacity: 0.9">@{{element.fields.content_sub_title}}</p>
                                                     <p :class="element.fields.design_text_alignment" class=' mb-6  font-1 font-lg-2' style="white-space: pre-line;opacity: 0.9">@{{element.fields.content_description}}</p>
-                                                    <div class="col-12 p-0 d-flex btns-group" :class="element.fields.design_text_alignment">
+                                                    <div class="col-12 px-3 d-flex btns-group" :class="element.fields.design_text_alignment">
                                                         <div v-for="button in element.fields['buttons']">
                                                             <a class="btn mx-1 font-1 font-lg-2 py-1 px-4 py-lg-2 px-lg-5" :class="button.fields.class" :target="button.fields.url_open_type" style="border-radius: 3px;">
                                                                 @{{button.fields.title}}
@@ -737,7 +750,7 @@
                                                     <h4 :class="element.fields.design_text_alignment" class='display-5 mb-3 ' style="color:inherit;">@{{element.fields.content_title}}</h4>
                                                     <p :class="element.fields.design_text_alignment" class=' mb-6  font-1 font-lg-2' style="margin:5px 0px 8px!important;opacity: 0.9">@{{element.fields.content_sub_title}}</p>
                                                     <p :class="element.fields.design_text_alignment" class=' mb-6  font-1 font-lg-2' style="white-space: pre-line;opacity: 0.9">@{{element.fields.content_description}}</p>
-                                                    <div class="col-12 p-0 d-flex btns-group" :class="element.fields.design_text_alignment">
+                                                    <div class="col-12 px-3 d-flex btns-group" :class="element.fields.design_text_alignment">
                                                         <div v-for="button in element.fields['buttons']">
                                                             <a class="btn mx-1 font-1 font-lg-2 py-1 px-4 py-lg-2 px-lg-5" :class="button.fields.class" :target="button.fields.url_open_type" style="border-radius: 3px;">
                                                                 @{{button.fields.title}}
@@ -759,7 +772,7 @@
                                                             <h3 :class="element.fields.design_text_alignment" class='display-5 mb-3 ' style="color:inherit;">@{{element.fields.content_title}}</h3>
                                                             <p :class="element.fields.design_text_alignment" class=' mb-6  font-1 font-lg-2' style="margin:5px 0px 8px!important;opacity: 0.9">@{{element.fields.content_sub_title}}</p>
                                                             <p :class="element.fields.design_text_alignment" class=' mb-6  font-1 font-lg-2' style="white-space: pre-line;opacity: 0.9">@{{element.fields.content_description}}</p>
-                                                            <div class="col-12 p-0 d-flex btns-group" :class="element.fields.design_text_alignment">
+                                                            <div class="col-12 px-3 d-flex btns-group" :class="element.fields.design_text_alignment">
                                                                 <div v-for="button in element.fields['buttons']">
                                                                     <a class="btn mx-1 font-1 font-lg-2 py-1 px-4 py-lg-2 px-lg-5" :class="button.fields.class" :target="button.fields.url_open_type" style="border-radius: 3px;">
                                                                         @{{button.fields.title}}
@@ -783,7 +796,7 @@
                                                             <h3 :class="element.fields.design_text_alignment" class='display-5 mb-3 ' style="color:inherit;">@{{element.fields.content_title}}</h3>
                                                             <p :class="element.fields.design_text_alignment" class=' mb-6  font-1 font-lg-2' style="margin:5px 0px 8px!important;opacity: 0.9">@{{element.fields.content_sub_title}}</p>
                                                             <p :class="element.fields.design_text_alignment" class=' mb-6  font-1 font-lg-2' style="white-space: pre-line;opacity: 0.9">@{{element.fields.content_description}}</p>
-                                                            <div class="col-12 p-0 d-flex btns-group" :class="element.fields.design_text_alignment">
+                                                            <div class="col-12 px-3 d-flex btns-group" :class="element.fields.design_text_alignment">
                                                                 <div v-for="button in element.fields['buttons']">
                                                                     <a class="btn mx-1 font-1 font-lg-2 py-1 px-4 py-lg-2 px-lg-5" :class="button.fields.class" :target="button.fields.url_open_type" style="border-radius: 3px;">
                                                                         @{{button.fields.title}}
@@ -820,7 +833,7 @@
                                                 <div v-html="element.fields.design_custom_css"></div>
                                                 <div :class="element.fields.design_text_alignment" class=''>
                                                     <h5 :class="element.fields.design_text_alignment" class='display-6 mb-3 ' style="color:inherit;">@{{element.fields.content_title}}</h5>
-                                                    <p :class="element.fields.design_text_alignment" class=' mb-6  font-1 font-lg-2' style="margin:5px 0px 8px!important;opacity: 0.9;white-space:pre-line;">@{{element.fields.content_description}}</p>
+                                                    <p :class="element.fields.design_text_alignment" class=' mb-6  font-1 font-lg-2' style="margin:5px 0px 8px!important;opacity: 0.9;white-space:pre-line;">@{{element.fields.content_sub_title}}</p>
                                                     <div class="col-12 px-0 py-5 d-flex faqs-group row" :class="element.fields.design_text_alignment">
                                                         <div class="col-12 px-2 mb-3 accordion">
                                                             <div v-for="faq,index in element.fields['faqs']" :class="element.fields.design_columns" class="p-1">
@@ -850,6 +863,27 @@
                                                 <div v-html="element.fields.content_html"></div>
                                             </div>
                                         </div>
+
+                                        <div v-if="element.fields.block_type=='component_contact'" class='main-content-of-block py-9 d-flex align-items-center justify-content-center' style="z-index: 2;position: relative;" :style="{ 'min-height' : element.fields.design_min_height + 'dvh' }">
+                                            <div class="container p-2">
+                                                <div v-html="element.fields.design_custom_css"></div>
+                                                <div :class="[element.fields.design_text_alignment,element.fields.design_content_alignment]" class='row'>
+
+
+                                                    <h5 :class="element.fields.design_text_alignment" class='display-6 mb-3 ' style="color:inherit;">@{{element.fields.content_title}}</h5>
+                                                    <p :class="element.fields.design_text_alignment" class=' mb-6  font-1 font-lg-2' style="margin:5px 0px 8px!important;opacity: 0.9;white-space:pre-line;">@{{element.fields.content_sub_title}}</p>
+
+
+
+
+                                                    <div class="col-12 col-lg-8 py-5 px-1 mx-auto">
+                                                        @include("components.contact")
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+
+
                                     </div>
                                 </div>
                             </template>
@@ -957,7 +991,7 @@
 				"design_background_grayscale":0,
 				"design_background_black":0,
 				"design_text_alignment":"text-end justify-content-start",
-				"design_custom_css":"<style>\n.block_"+this.selected_unique_id+" {\n\n}\n</style>\n",
+				"design_custom_css":"<style>\n#block_"+this.selected_unique_id+" {\n\n}\n</style>\n",
 				"design_min_height":50,
 
   			},...options};
@@ -1115,7 +1149,7 @@
 			}else if(type == "component_faqs"){
 				var options = {...options,...{
 					"content_title":"الأسئلة الشائعة",
-					"content_description":"نرد على كافة الأسئلة التي قد تدور في ذهنك",
+					"content_sub_title":"نرد على كافة الأسئلة التي قد تدور في ذهنك",
 					"design_text_alignment":"text-center justify-content-center",
 	  			}};
 	  			var object = { 'id' : this.selected_unique_id, 'fields': [] };
@@ -1167,7 +1201,21 @@
 	  			object.fields = options;
 	  			this.contents[this.selected_page].push(object);
 			  	this.template_editor(unique_id,type);
-			} 
+			}else if(type == "component_contact"){
+                var options = {...options,...{
+                    "content_title":"تواصل معنا",
+                    "content_sub_title":"يمكنك التواصل معنا عبر النموذج التالي",
+                    "content_description":"توفر منصتنا مجتمعًا تعليميًا تفاعليًا يسمح للطلاب والمدرسين بالتفاعل بشكل مستمر خارج حدود الحصص الدراسية. يمكن للطلاب طرح الأسئلة ومشاركة الأفكار وتكوين مجموعات دراسية إلكترونية تساعدهم في التعلم المشترك. يوفر المجتمع أيضًا فرصًا للتواصل مع الخبراء من مختلف المجالات للحصول على إرشادات ونصائح قيّمة. من خلال أدوات المنتديات والمحادثات المخصصة، يظل الطلاب متصلين دائمًا مع زملائهم، مما يعزز الشعور بالانتماء ويحفز على التعاون المستمر",
+                    "design_content_alignment":"flex-row"
+                }};
+                var object = { 'id' : this.selected_unique_id, 'fields': [] };
+                object.fields = options;
+                this.contents[this.selected_page].push(object);
+          
+
+                this.template_editor(unique_id,type);
+            } 
+            
 			console.log(this.contents['home']);
 
 
diff --git a/resources/views/components/contact.blade.php b/resources/views/components/contact.blade.php
new file mode 100644
index 0000000..0f24e14
--- /dev/null
+++ b/resources/views/components/contact.blade.php
@@ -0,0 +1,41 @@
+<div class="col-lg-12">
+   <form class="" method="POST" action="{{route('contact-post')}}" >
+    {{-- <input type="hidden" name="recaptcha" id="recaptcha"> --}}
+    @csrf
+    <div class="messages"></div>
+    <div class="row gx-4">
+      <div class="col-md-6">
+        <div class="form-floating mb-4">
+          <input id="form_name" type="text" name="name" class="form-control" placeholder="محمد" required>
+          <label for="form_name">الاسم بالكامل *</label>
+         
+        </div>
+      </div>
+      <div class="col-md-6">
+        <div class="form-floating mb-4">
+          <input id="form_lastname" type="text" name="phone" class="form-control" placeholder="على" required>
+          <label for="form_lastname">رقم الجوال *</label>
+        </div>
+      </div>
+      <div class="col-md-12">
+        <div class="form-floating mb-4">
+          <input id="form_email" type="email" name="email" class="form-control" placeholder="ahmed@gmail.com" required>
+          <label for="form_email">البريد *</label>
+         
+        </div>
+      </div>
+      <div class="col-12">
+        <div class="form-floating mb-4">
+          <textarea id="form_message" name="message" class="form-control" placeholder="محتوى رسالتك" style="height: 150px" required></textarea>
+          <label for="form_message">رسالتك *</label>
+         
+        </div>
+      </div>
+
+      <div class="col-12">
+        <button class="btn btn-primary btn-send mb-3">ارسل الرسالة</button>
+      </div>
+
+    </div>
+  </form>
+</div>
\ No newline at end of file
diff --git a/resources/views/components/page.blade.php b/resources/views/components/page.blade.php
index c955f2a..b91e836 100644
--- a/resources/views/components/page.blade.php
+++ b/resources/views/components/page.blade.php
@@ -16,7 +16,7 @@
 
                           <p class=' mb-6  font-1 font-lg-2 {{$component['fields']['design_text_alignment']}}' style="margin:5px 0px 8px!important;opacity: 0.9">{{$component['fields']['content_sub_title']}}</p>
                           <p class=' mb-6  font-1 font-lg-2 {{$component['fields']['design_text_alignment']}}' style="white-space: pre-line;opacity: 0.9">{{$component['fields']['content_description']}}</p>
-                          <div class="col-12 p-0 d-flex btns-group {{$component['fields']['design_text_alignment']}}">
+                          <div class="col-12 px-3 d-flex btns-group {{$component['fields']['design_text_alignment']}}">
 
                               @foreach($component['fields']['buttons'] as $button)
                           
@@ -39,7 +39,7 @@
                           <h4 class='display-5 mb-3 {{$component['fields']['design_text_alignment']}}' style="color:inherit;">{{$component['fields']['content_title']}}</h4>
                           <p class=' mb-6  font-1 font-lg-2 {{$component['fields']['design_text_alignment']}}' style="margin:5px 0px 8px!important;opacity: 0.9">{{$component['fields']['content_sub_title']}}</p>
                           <p class=' mb-6  font-1 font-lg-2 {{$component['fields']['design_text_alignment']}}' style="white-space: pre-line;opacity: 0.9">{{$component['fields']['content_description']}}</p>
-                          <div class="col-12 p-0 d-flex btns-group {{$component['fields']['design_text_alignment']}}">
+                          <div class="col-12 px-3 d-flex btns-group {{$component['fields']['design_text_alignment']}}">
                             @foreach($component['fields']['buttons'] as $button)
                            
                                   <a class="btn mx-1 font-1 font-lg-2 py-1 px-4 py-lg-2 px-lg-5 {{$button['fields']['class']}}"  target="{{$button['fields']['url_open_type']}}" style="border-radius: 3px;">
@@ -61,7 +61,7 @@
                           <h4 class='display-5 mb-3 {{$component['fields']['design_text_alignment']}}' style="color:inherit;">{{$component['fields']['content_title']}}</h4>
                           <p class=' mb-6  font-1 font-lg-2 {{$component['fields']['design_text_alignment']}}' style="margin:5px 0px 8px!important;opacity: 0.9">{{$component['fields']['content_sub_title']}}</p>
                           <p class=' mb-6  font-1 font-lg-2 {{$component['fields']['design_text_alignment']}}' style="white-space: pre-line;opacity: 0.9">{{$component['fields']['content_description']}}</p>
-                          <div class="col-12 p-0 d-flex btns-group {{$component['fields']['design_text_alignment']}}">
+                          <div class="col-12 px-3 d-flex btns-group {{$component['fields']['design_text_alignment']}}">
                             @foreach($component['fields']['buttons'] as $button) 
                                   <a class="btn mx-1 font-1 font-lg-2 py-1 px-4 py-lg-2 px-lg-5 {{$button['fields']['class']}}"  target="{{$button['fields']['url_open_type']}}" style="border-radius: 3px;">
                                       {{$button['fields']['title']}}
@@ -85,7 +85,7 @@
                                   <h3 class='display-5 mb-3 {{$component['fields']['design_text_alignment']}}' style="color:inherit;">{{$component['fields']['content_title']}}</h3>
                                   <p class=' mb-6  font-1 font-lg-2 {{$component['fields']['design_text_alignment']}}' style="margin:5px 0px 8px!important;opacity: 0.9">{{$component['fields']['content_sub_title']}}</p>
                                   <p  class=' mb-6  font-1 font-lg-2 {{$component['fields']['design_text_alignment']}}' style="white-space: pre-line;opacity: 0.9">{{$component['fields']['content_description']}}</p>
-                                  <div class="col-12 p-0 d-flex btns-group {{$component['fields']['design_text_alignment']}}" >
+                                  <div class="col-12 px-3 d-flex btns-group {{$component['fields']['design_text_alignment']}}" >
 
 
                                     @foreach($component['fields']['buttons'] as $button) 
@@ -117,7 +117,7 @@
                                   <h3 class='display-5 mb-3 {{$component['fields']['design_text_alignment']}}' style="color:inherit;">{{$component['fields']['content_title']}}</h3>
                                   <p class=' mb-6  font-1 font-lg-2 {{$component['fields']['design_text_alignment']}}' style="margin:5px 0px 8px!important;opacity: 0.9">{{$component['fields']['content_sub_title']}}</p>
                                   <p class=' mb-6  font-1 font-lg-2 {{$component['fields']['design_text_alignment']}}' style="white-space: pre-line;opacity: 0.9">{{$component['fields']['content_description']}}</p>
-                                  <div class="col-12 p-0 d-flex btns-group {{$component['fields']['design_text_alignment']}}" >
+                                  <div class="col-12 px-3 d-flex btns-group {{$component['fields']['design_text_alignment']}}" >
                                       @foreach($component['fields']['buttons'] as $button) 
                                         <a class="btn mx-1 font-1 font-lg-2 py-1 px-4 py-lg-2 px-lg-5 {{$button['fields']['class']}}"  target="{{$button['fields']['url_open_type']}}" style="border-radius: 3px;">
                                             {{$button['fields']['title']}}
@@ -170,7 +170,7 @@
                       <div class="appended-html-css-js">{!!$component['fields']['design_custom_css']!!}</div>
                       <div class='{{$component['fields']['design_text_alignment']}}'>
                           <h5 class='display-6 mb-3 {{$component['fields']['design_text_alignment']}}' style="color:inherit;">{{$component['fields']['content_title']}}</h5>
-                          <p  class=' mb-6  font-1 font-lg-2 {{$component['fields']['design_text_alignment']}} ' style="margin:5px 0px 8px!important;opacity: 0.9;white-space:pre-line;">{{$component['fields']['content_description']}}</p>
+                          <p  class=' mb-6  font-1 font-lg-2 {{$component['fields']['design_text_alignment']}} ' style="margin:5px 0px 8px!important;opacity: 0.9;white-space:pre-line;">{{$component['fields']['content_sub_title']}}</p>
                           <div class="col-12 px-0 py-5 d-flex faqs-group row {{$component['fields']['design_text_alignment']}}">
                               <div class="col-12 px-2 mb-3 accordion">
                                 @foreach($component['fields']['faqs'] as $faq)
@@ -205,6 +205,28 @@
                   </div>
               </div>
               @endif
+
+
+              @if($component['fields']['block_type'] == "component_contact")
+              <div class='main-content-of-block py-9 d-flex align-items-center justify-content-center ' style="z-index: 2;position: relative;min-height:{{$component['fields']['design_min_height']}}dvh">
+
+
+                  <div class="container p-2">
+                      <div class="appended-html-css-js">{!!$component['fields']['design_custom_css']!!}</div>
+                      <div class='{{$component['fields']['design_text_alignment']}}'>
+                          <h5 class='display-6 mb-3 {{$component['fields']['design_text_alignment']}}' style="color:inherit;">{{$component['fields']['content_title']}}</h5>
+                          <p  class=' mb-6  font-1 font-lg-2 {{$component['fields']['design_text_alignment']}} ' style="margin:5px 0px 8px!important;opacity: 0.9;white-space:pre-line;">{{$component['fields']['content_sub_title']}}</p> 
+
+
+                          <div class="col-12 col-lg-8 py-5 px-1 mx-auto">
+                              @include('components.contact')
+                          </div>
+                      </div>
+                  </div>
+              </div>
+              @endif
+
+
           </div>
       </div>
 </div>
\ No newline at end of file