Initial portfolio scaffold: Hono + HTMX + TailwindCSS
This commit is contained in:
30
components/Contact.tsx
Normal file
30
components/Contact.tsx
Normal file
@@ -0,0 +1,30 @@
|
||||
export const Contact = () => (
|
||||
<section id="contact" class="scroll-mt-24">
|
||||
<h2 class="text-3xl font-bold mb-4 text-dracula-purple">Contact</h2>
|
||||
<div class="space-y-4">
|
||||
<div class="bg-dracula-selection p-6 rounded-lg">
|
||||
<h3 class="text-xl font-bold text-dracula-cyan mb-3">Get in Touch</h3>
|
||||
<p class="mb-4">
|
||||
Interested in working together? Reach out via email or connect on social platforms.
|
||||
</p>
|
||||
<div class="space-y-2">
|
||||
<a href="mailto:sudeste@example.com" class="flex items-center text-dracula-green hover:underline">
|
||||
<span class="mr-2">📧</span> sudeste@example.com
|
||||
</a>
|
||||
<a href="https://github.com/Sudeste" target="_blank" class="flex items-center text-dracula-green hover:underline">
|
||||
<span class="mr-2">🐙</span> GitHub
|
||||
</a>
|
||||
<a href="https://linkedin.com/in/sudeste" target="_blank" class="flex items-center text-dracula-green hover:underline">
|
||||
<span class="mr-2">💼</span> LinkedIn
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-dracula-selection p-6 rounded-lg">
|
||||
<h3 class="text-xl font-bold text-dracula-cyan mb-3">Download Resume</h3>
|
||||
<a href="/resume.pdf" class="text-dracula-green hover:underline" download>
|
||||
📄 Download PDF Resume
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
Reference in New Issue
Block a user