This commit is contained in:
2025-01-23 14:08:25 +01:00
parent c8eaef7c36
commit bd657eb7ea
10 changed files with 90 additions and 75 deletions

View File

@@ -27,7 +27,7 @@ export default function Contact() {
};
return (
<section id="contact" className="p-10 bg-gray-100 dark:bg-gray-800">
<section id="contact" className="p-10 ">
<h2 className="text-3xl font-bold text-center text-gray-800 dark:text-white">
Contact Me
</h2>
@@ -42,7 +42,7 @@ export default function Contact() {
type="text"
name="name"
placeholder="Name"
className="w-full p-2 border rounded dark:bg-gray-700 dark:border-gray-600 dark:text-white"
className="w-full p-2 border rounded dark:text-white"
required
value={form.name}
onChange={handleChange}
@@ -51,7 +51,7 @@ export default function Contact() {
type="email"
name="email"
placeholder="Email"
className="w-full p-2 border rounded dark:bg-gray-700 dark:border-gray-600 dark:text-white"
className="w-full p-2 border rounded dark:text-white"
required
value={form.email}
onChange={handleChange}
@@ -59,7 +59,7 @@ export default function Contact() {
<textarea
name="message"
placeholder="Message"
className="w-full p-2 border rounded dark:bg-gray-700 dark:border-gray-600 dark:text-white"
className="w-full p-2 border rounded dark:text-white"
rows={5}
required
value={form.message}
@@ -67,7 +67,7 @@ export default function Contact() {
></textarea>
<button
type="submit"
className="w-full p-2 bg-blue-500 text-white rounded hover:bg-blue-600 dark:bg-blue-700 dark:hover:bg-blue-800 transition"
className="w-full p-2 text-white rounded hover:bg-blue-600 transition"
>
Send
</button>