diff --git a/src/app/contacts/page.tsx b/src/app/contacts/page.tsx
index 22ee0de..4559ea7 100644
--- a/src/app/contacts/page.tsx
+++ b/src/app/contacts/page.tsx
@@ -2,17 +2,18 @@ import type { Metadata } from 'next';
 import Image from 'next/image';
 import { Card } from '@/components/card';
 import { PageHeader } from '@/components/page-header';
-import { ContactForm } from '@/components/contact-form';
+import { CopyEmailButton } from '@/components/copy-email-button';
+
+const EMAIL = 'vreshch@gmail.com';
 
 export const metadata: Metadata = {
   title: 'Contacts',
   description:
-    'Get in touch with Volodymyr Vreshch by email or via LinkedIn, GitHub, Facebook, and Instagram, or send a message directly through the contact form.',
+    'Get in touch with Volodymyr Vreshch by email or via LinkedIn, GitHub, Facebook, and Instagram.',
   alternates: { canonical: '/contacts' },
   openGraph: {
     title: 'Contacts',
-    description:
-      'Get in touch with Volodymyr Vreshch by email, LinkedIn, GitHub, and social, or send a message through the contact form.',
+    description: 'Get in touch with Volodymyr Vreshch by email, LinkedIn, GitHub, and social.',
     url: '/contacts',
     siteName: 'Volodymyr Vreshch',
   },
@@ -21,7 +22,8 @@ export const metadata: Metadata = {
 const contacts = [
   {
     label: 'Email',
-    value: 'vreshch@gmail.com',
+    value: EMAIL,
+    href: `mailto:${EMAIL}`,
     icon: <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" />,
     iconStroke: true,
   },
@@ -105,8 +107,9 @@ export default function ContactsPage() {
                   {contact.href ? (
                     <a
                       href={contact.href}
-                      target="_blank"
-                      rel="noreferrer"
+                      {...(contact.href.startsWith('http')
+                        ? { target: '_blank', rel: 'noreferrer' }
+                        : {})}
                       className="text-sm font-medium text-accent transition-colors hover:text-accent-hover dark:text-dark-accent dark:hover:text-dark-accent-hover"
                     >
                       {contact.value}
@@ -122,15 +125,27 @@ export default function ContactsPage() {
           </Card>
         </div>
 
-        {/* Contact Form */}
-        <section className="mt-16">
-          <h2 className="mb-6 text-2xl font-medium text-heading dark:text-dark-text">
-            Send a message
-          </h2>
-          <Card>
-            <ContactForm />
-          </Card>
-        </section>
+        <Card className="mt-12">
+          <div className="flex flex-col items-start gap-6 sm:flex-row sm:items-center sm:justify-between">
+            <div>
+              <h2 className="text-lg font-medium text-heading dark:text-dark-text">
+                Let&apos;s talk
+              </h2>
+              <p className="mt-1 text-sm text-muted dark:text-dark-text-secondary">
+                The fastest way to reach me is email.
+              </p>
+            </div>
+            <div className="flex flex-wrap items-center gap-3">
+              <a
+                href={`mailto:${EMAIL}`}
+                className="inline-block rounded-full bg-accent px-8 py-3.5 text-sm font-medium text-white transition-colors hover:bg-accent-hover dark:bg-dark-accent dark:text-dark-bg dark:hover:bg-dark-accent-hover"
+              >
+                Email me
+              </a>
+              <CopyEmailButton email={EMAIL} />
+            </div>
+          </div>
+        </Card>
       </div>
     </div>
   );
diff --git a/src/components/contact-form.tsx b/src/components/contact-form.tsx
deleted file mode 100644
index 9b35103..0000000
--- a/src/components/contact-form.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-'use client';
-
-import { useState } from 'react';
-
-const inputStyles =
-  'w-full rounded-xl border-0 bg-surface px-4 py-3 text-sm text-heading placeholder:text-muted/60 focus:outline-none focus:ring-2 focus:ring-accent/40 dark:bg-dark-surface-alt dark:text-dark-text dark:placeholder:text-dark-text-secondary/40 dark:focus:ring-dark-accent/40';
-
-export function ContactForm() {
-  const [name, setName] = useState('');
-  const [email, setEmail] = useState('');
-  const [message, setMessage] = useState('');
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-
-    const subject = encodeURIComponent(`Message from ${name || 'Website Visitor'}`);
-    const body = encodeURIComponent(`Name: ${name}\nEmail: ${email}\n\n${message}`);
-
-    window.location.href = `mailto:vreshch@gmail.com?subject=${subject}&body=${body}`;
-  };
-
-  return (
-    <form onSubmit={handleSubmit} className="space-y-4">
-      <div className="grid gap-4 sm:grid-cols-2">
-        <div>
-          <label
-            htmlFor="name"
-            className="mb-1.5 block text-xs font-medium uppercase tracking-widest text-muted dark:text-dark-text-secondary"
-          >
-            Name
-          </label>
-          <input
-            id="name"
-            type="text"
-            placeholder="Your name"
-            value={name}
-            onChange={(e) => setName(e.target.value)}
-            required
-            className={inputStyles}
-          />
-        </div>
-        <div>
-          <label
-            htmlFor="email"
-            className="mb-1.5 block text-xs font-medium uppercase tracking-widest text-muted dark:text-dark-text-secondary"
-          >
-            Email
-          </label>
-          <input
-            id="email"
-            type="email"
-            placeholder="you@example.com"
-            value={email}
-            onChange={(e) => setEmail(e.target.value)}
-            required
-            className={inputStyles}
-          />
-        </div>
-      </div>
-      <div>
-        <label
-          htmlFor="message"
-          className="mb-1.5 block text-xs font-medium uppercase tracking-widest text-muted dark:text-dark-text-secondary"
-        >
-          Message
-        </label>
-        <textarea
-          id="message"
-          rows={5}
-          placeholder="What would you like to discuss?"
-          value={message}
-          onChange={(e) => setMessage(e.target.value)}
-          required
-          className={`${inputStyles} resize-none`}
-        />
-      </div>
-      <div className="pt-2">
-        <button
-          type="submit"
-          className="inline-block rounded-full bg-accent px-8 py-3.5 text-sm font-medium text-white transition-colors hover:bg-accent-hover dark:bg-dark-accent dark:text-dark-bg dark:hover:bg-dark-accent-hover"
-        >
-          Send Message
-        </button>
-      </div>
-    </form>
-  );
-}
diff --git a/src/components/copy-email-button.tsx b/src/components/copy-email-button.tsx
new file mode 100644
index 0000000..69c27de
--- /dev/null
+++ b/src/components/copy-email-button.tsx
@@ -0,0 +1,50 @@
+'use client';
+
+import { useState } from 'react';
+
+type CopyEmailButtonProps = {
+  email: string;
+};
+
+export function CopyEmailButton({ email }: CopyEmailButtonProps) {
+  const [copied, setCopied] = useState(false);
+
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(email);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2000);
+    } catch {
+      setCopied(false);
+    }
+  };
+
+  return (
+    <button
+      type="button"
+      onClick={handleCopy}
+      aria-label={`Copy ${email} to clipboard`}
+      className="inline-flex items-center gap-2 rounded-full border border-border px-5 py-3.5 text-sm font-medium text-heading transition-colors hover:bg-surface-alt dark:border-dark-border dark:text-dark-text dark:hover:bg-dark-surface-alt"
+    >
+      <svg
+        viewBox="0 0 24 24"
+        className="h-4 w-4 flex-shrink-0"
+        fill="none"
+        stroke="currentColor"
+        strokeWidth={2}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      >
+        {copied ? (
+          <path d="M20 6 9 17l-5-5" />
+        ) : (
+          <>
+            <rect x="9" y="9" width="13" height="13" rx="2" ry="2" />
+            <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" />
+          </>
+        )}
+      </svg>
+      {copied ? 'Copied' : 'Copy address'}
+    </button>
+  );
+}