account, myListings and emailUs pages

bizmatch/src/app/pages/subscription/email-us/email-us.component.html

@@ -1,3 +1,65 @@
+<div class="container mx-auto p-4">
+  <div class="bg-white rounded-lg shadow-md p-6">
+    <h2 class="text-2xl font-semibold mb-6">Contact Us</h2>
+    <form #contactForm="ngForm" class="space-y-4">
+      <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+        <div>
+          <label for="name" class="block text-sm font-medium text-gray-700">Your name</label>
+          <input
+            type="text"
+            id="name"
+            name="name"
+            [(ngModel)]="mailinfo.sender.name"
+            class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50"
+            required
+          />
+        </div>
+        <div>
+          <label for="email" class="block text-sm font-medium text-gray-700">Your Email</label>
+          <input
+            type="email"
+            id="email"
+            name="email"
+            [(ngModel)]="mailinfo.sender.email"
+            class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50"
+            required
+          />
+        </div>
+      </div>
+      <div>
+        <label for="phone" class="block text-sm font-medium text-gray-700">Your Phone</label>
+        <input
+          type="tel"
+          id="phone"
+          name="phone"
+          [(ngModel)]="mailinfo.sender.phoneNumber"
+          class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50"
+          required
+        />
+      </div>
+      <div>
+        <label for="message" class="block text-sm font-medium text-gray-700">How can we help you ?</label>
+        <textarea
+          id="message"
+          name="message"
+          rows="4"
+          [(ngModel)]="mailinfo.sender.comments"
+          class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50"
+          required
+        ></textarea>
+      </div>
+      <div>
+        <button
+          type="submit"
+          class="w-full md:w-auto px-6 py-2 border border-transparent text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
+          (click)="mail()"
+        >
+          Submit
+        </button>
+      </div>
+    </form>
+  </div>
+</div>
 <!-- <div class="surface-ground px-4 py-8 md:px-6 lg:px-8 h-full">
   <div class="p-fluid flex flex-column lg:flex-row">
     <menu-account></menu-account>