Merge pull request #12 from PSMRI/feature/contact-us

Modifying contact page

src/content/contact/index.md

@@ -1,4 +1,4 @@
 ---
 title: Contact
-page_title: Get’n touch with Our </br> Pinwheel team
+page_title: Contact us
 ---

src/pages/contact.astro

@@ -2,7 +2,6 @@
 import PageHeader from "@/components/PageHeader.astro";
 import config from "@/config/config.json";
 import Base from "@/layouts/Base.astro";
-import { Image } from "astro:assets";
 import { getEntryBySlug } from "astro:content";
 
 const entry = await getEntryBySlug("contact", "index");
@@ -26,27 +25,10 @@ const page_data = {
 
   <section class="section pt-0">
     <div class="container">
-      <div class="row">
-        <div class="mb-10 text-center md:col-6 md:order-2 md:mb-0 md:pt-9">
-          <div class="contact-img relative inline-flex pb-5 pl-5">
-            <Image
-              src="/images/contact-img.png"
-              height={544}
-              width={500}
-              alt=""
-            />
-            <Image
-              class="absolute bottom-0 left-0 -z-[1] h-14 w-14"
-              src="/images/shape-2.png"
-              alt=""
-              height={56}
-              width={56}
-            />
-          </div>
-        </div>
-        <div class="md:col-6 md:order-1">
+      <div class="row justify-center">
+        <div class="md:col-6 md:order-1 ">
           <form
-            class="lg:max-w-[484px]"
+            class="lg:max-w-[484px] mx-auto"
             action={contact_form_action}
             method="POST"
           >
@@ -68,15 +50,6 @@ const page_data = {
                 placeholder="Your  Email Address"
               />
             </div>
-            <div class="form-group mb-5">
-              <label class="form-label" for="reason">Reason/Purpose</label>
-              <select name="reason" id="reason" class="form-select" required>
-                <option value="">Select reason/purpose</option>
-                <option value="investment plane">Investment Plan</option>
-                <option value="investment plane-2">Investment Plan 2</option>
-                <option value="investment plane-3">Investment Plan 3</option>
-              </select>
-            </div>
             <div class="form-group mb-5">
               <label class="form-label" for="message">Message Here</label>
               <textarea

src/styles/base.scss

@@ -3,7 +3,7 @@ html {
 }
 
 body {
-  @apply bg-body bg-[url('/images/body-bg.svg')] bg-repeat font-primary font-normal leading-relaxed text-text;
+  @apply bg-body bg-repeat font-primary font-normal leading-relaxed text-text;
 }
 
 h1,

src/styles/components.scss

@@ -8,6 +8,7 @@
   @apply mx-auto max-w-[1202px] px-3;
 }
 
+
 // form style
 .form-inputs * {
   @apply mb-5 leading-10;