Merge pull request #73 from frontendweb3/update-demo

update the contact

Author: officialrajdeepsingh

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="[email protected]" 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>
+    )
+}

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 />