-
Notifications
You must be signed in to change notification settings - Fork 4
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #12 from samara6855/patch-1
Updated "Get In Touch" section in Contact.jsx for issue #10
- Loading branch information
Showing
1 changed file
with
60 additions
and
63 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,72 +1,69 @@ | ||
|
|
||
| const Contact = () => { | ||
| return ( | ||
| <div className="p-10 pt-20 bg-primary"> | ||
| <p className='text-3xl font-bold text-center'>Contact Us</p> | ||
| <div className="container mx-auto p-4 mt-10"> | ||
| <div className="grid grid-cols-1 md:grid-cols-2 gap-8"> | ||
| <div className="bg-secondary shadow-md rounded-md p-4"> | ||
| <h2 className="text-xl font-bold mb-2">Get in Touch</h2> | ||
| <p className="text-textcolor mb-4"> | ||
| If you have any questions or feedback, feel free to get in touch with us using the contact form or the | ||
| contact information below. | ||
| </p> | ||
| <ul className="text-textcolor mb-4"> | ||
| <li>Email: [email protected]</li> | ||
| <li>Phone: +1 (123) 456-7890</li> | ||
| <li>Address: 123 Community Street, City, Country</li> | ||
| </ul> | ||
| </div> | ||
| <div> | ||
| <h2 className="text-xl font-bold mb-2">Contact Form</h2> | ||
| <form className="text-black"> | ||
| <div className="mb-4 text-black"> | ||
| <label htmlFor="name" className="block text-textcolor mb-1"> | ||
| Name | ||
| </label> | ||
| <input | ||
| type="text" | ||
| id="name" | ||
| name="name" | ||
| placeholder="Your Name" | ||
| className="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-600" | ||
| /> | ||
| </div> | ||
| <div className="mb-4"> | ||
| <label htmlFor="email" className="block text-textcolor mb-1"> | ||
| </label> | ||
| <input | ||
| type="email" | ||
| id="email" | ||
| name="email" | ||
| placeholder="Your Email" | ||
| className="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-600" | ||
| /> | ||
| </div> | ||
| <div className="mb-4"> | ||
| <label htmlFor="message" className="block text-textcolor mb-1"> | ||
| Message | ||
| </label> | ||
| <textarea | ||
| id="message" | ||
| name="message" | ||
| rows="4" | ||
| placeholder="Your Message" | ||
| className="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-600" | ||
| ></textarea> | ||
| </div> | ||
| <button | ||
| type="submit" | ||
| className="bg-blue-600 text-white px-6 py-2 rounded-lg hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-600" | ||
| > | ||
| Send Message | ||
| </button> | ||
| </form> | ||
| <p className='text-3xl font-bold text-center'>Contact Us</p> | ||
| <div className="container mx-auto p-4 mt-10"> | ||
| <div className="grid grid-cols-1 md:grid-cols-2 gap-8"> | ||
| <div className="bg-secondary shadow-md rounded-md p-4"> | ||
| <h2 className="text-xl font-bold mb-2">Get in Touch</h2> | ||
| <p className="text-textcolor mb-4"> | ||
| If you have any questions or feedback, feel free to get in touch with us using the contact form or the contact information below. | ||
| </p> | ||
| <ul className="text-textcolor mb-4"> | ||
| <li>Email: [email protected]</li> | ||
| <li>Phone: +1 (123) 456-7890</li> | ||
| </ul> | ||
| </div> | ||
| <div> | ||
| <h2 className="text-xl font-bold mb-2">Contact Form</h2> | ||
| <form> | ||
| <div className="mb-4"> | ||
| <label htmlFor="name" className="block mb-1 text-textcolor"> | ||
| Name | ||
| </label> | ||
| <input | ||
| type="text" | ||
| id="name" | ||
| name="name" | ||
| placeholder="Your Name" | ||
| className="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-600" | ||
| /> | ||
| </div> | ||
| <div className="mb-4"> | ||
| <label htmlFor="email" className="block mb-1 text-textcolor"> | ||
| </label> | ||
| <input | ||
| type="email" | ||
| id="email" | ||
| name="email" | ||
| placeholder="Your Email" | ||
| className="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-600" | ||
| /> | ||
| </div> | ||
| <div className="mb-4"> | ||
| <label htmlFor="message" className="block mb-1 text-textcolor"> | ||
| Message | ||
| </label> | ||
| <textarea | ||
| id="message" | ||
| name="message" | ||
| rows="4" | ||
| placeholder="Your Message" | ||
| className="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-600" | ||
| ></textarea> | ||
| </div> | ||
| <button | ||
| type="submit" | ||
| className="bg-blue-600 text-white px-6 py-2 rounded-lg hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-600" | ||
| > | ||
| Send Message | ||
| </button> | ||
| </form> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
|
|
||