From 8d81a5dc26c9be9a6b0dcba311390eaf7e7ade36 Mon Sep 17 00:00:00 2001
From: Rajdeep Singh <radewala.2@gmail.com>
Date: Thu, 21 Dec 2023 20:14:54 +0530
Subject: [PATCH] update the contact

---
 .../src/components/Contact.tsx                | 21 +++++++++++++++++++
 .../demo-section-blog/src/pages/contact.mdx   |  7 ++++---
 2 files changed, 25 insertions(+), 3 deletions(-)
 create mode 100644 examples/demo-section-blog/src/components/Contact.tsx

diff --git a/examples/demo-section-blog/src/components/Contact.tsx b/examples/demo-section-blog/src/components/Contact.tsx
new file mode 100644
index 0000000..abcaba0
--- /dev/null
+++ b/examples/demo-section-blog/src/components/Contact.tsx
@@ -0,0 +1,21 @@
+export function Contact() {
+    return (
+        <section className="py-8 lg:py-16 mx-auto">
+                <form action="#" className="space-y-8">
+                    <div>
+                        <label htmlFor="email" className="block mb-2 text-sm font-medium">Your email</label>
+                        <input type="email" id="email" className="shadow-sm border border-gray-300  text-sm rounded-lg focus:ring-primary-500 focus:border-primary-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 dark:shadow-sm-light" placeholder="name@example.com" required={true} />
+                    </div>
+                    <div>
+                        <label htmlFor="subject" className="block mb-2 text-sm font-medium">Subject</label>
+                        <input type="text" id="subject" className="block p-3 w-full text-sm  rounded-lg border border-gray-300 shadow-sm focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 dark:shadow-sm-light" placeholder="Let us know how we can help you" required={true} />
+                    </div>
+                    <div className="sm:col-span-2">
+                        <label htmlFor="message" className="block mb-2 text-sm font-medium">Your message</label>
+                        <textarea id="message" rows={6} className="block p-2.5 w-full text-sm  rounded-lg shadow-sm border border-gray-300 focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500" placeholder="Leave a message..."></textarea>
+                    </div>
+                    <button type="submit" className="py-3 px-5 text-sm font-medium text-center rounded-lg sm:w-fit focus:ring-4 focus:outline-none ">Submit.</button>
+                </form>
+        </section>
+    )
+}
\ No newline at end of file
diff --git a/examples/demo-section-blog/src/pages/contact.mdx b/examples/demo-section-blog/src/pages/contact.mdx
index 83e08ee..38de4e6 100644
--- a/examples/demo-section-blog/src/pages/contact.mdx
+++ b/examples/demo-section-blog/src/pages/contact.mdx
@@ -4,8 +4,9 @@ title: Contact us
 description: Lorem ipsum dolor sit amet, consectetur adipisicing elit.
 image: https://cdn.pixabay.com/photo/2016/05/31/10/52/contact-us-1426589_1280.png
 ---
+import { Contact } from "@/components/Contact"
 
-# Contact
-#### Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
+## Contact Us
+Got a technical issue? Want to send feedback about a beta feature? Need details about our Business plan? Let us know.
 
-Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
+<Contact />
\ No newline at end of file