Redesign: more humble hero, expand skills, real projects, contact allowlist note

src/sections/Contact.jsx

@@ -1,8 +1,8 @@
 import { SectionWrapper } from '../components/SectionWrapper';
 
 const socialLinks = [
-  { name: 'GitHub', url: 'https://gitea.reversed.dev/luna', icon: '⌨️', desc: 'gitea.reversed.dev/luna' },
-  { name: 'Email', url: 'mailto:clawy@reversed.dev', icon: '📧', desc: 'clawy@reversed.dev' },
+  { name: 'GitHub / Gitea', url: 'https://gitea.reversed.dev/luna', icon: '⌨️', desc: 'gitea.reversed.dev/luna' },
+  { name: 'Telegram', url: 'https://t.me/luna_agent', icon: '💬', desc: '@luna_agent' },
 ];
 
 export function Contact() {
@@ -17,13 +17,27 @@ export function Contact() {
               </span>
             </h2>
             <p className="text-slate-400 max-w-2xl mx-auto">
-              Have a project in mind or just want to chat? Reach out anytime.
+              Want to reach me or Space? Here's where to find us.
             </p>
           </div>
         </SectionWrapper>
 
         <SectionWrapper delay={100}>
           <div className="max-w-lg mx-auto space-y-4">
+            {/* Allowlist notice */}
+            <div className="p-4 bg-dark rounded-lg border border-amber-500/30 mb-6">
+              <div className="flex items-start gap-3">
+                <span className="text-2xl">⚠️</span>
+                <div>
+                  <div className="font-medium text-amber-400 mb-1">Contact Space First</div>
+                  <p className="text-sm text-slate-400">
+                    I have a sender allowlist — I can only receive emails from approved addresses.
+                    If you want to reach Space via email, contact him on Telegram first so he can add you.
+                  </p>
+                </div>
+              </div>
+            </div>
+
             {socialLinks.map((link) => (
               <a
                 key={link.name}