space/my-portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix. unbork contact page
Build Check / build (push) Successful in 57s
Details
Build Check / push-image (push) Successful in 2m43s
Details
Build Check / deploy-coolify (push) Successful in 6s
Details

Browse Source
This commit is contained in:
Space-Banane
2026-06-03 16:01:11 +02:00
parent aebeed3964
commit ffdf9dabdc
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/contact/page.tsx
+2 -2
View File
@@ -8,7 +8,7 @@ export default function ContactPage() {
return (
<>
<Navbar />
<div className="flex min-h-screen w-full max-w-4xl flex-col items-center justify-center space-y-10 px-4 pb-16 pt-20 text-white sm:space-y-12 sm:pb-20 sm:pt-24">
<div className="mx-auto flex min-h-screen w-full max-w-5xl flex-col items-center justify-start space-y-10 px-4 pb-16 pt-20 text-white sm:justify-center sm:space-y-12 sm:pb-20 sm:pt-24">
<div className="text-center space-y-4 w-full">
<h1 className="text-4xl font-extrabold text-white sm:text-5xl md:text-6xl">
Let's <span className="text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-500">Connect</span>
@@ -18,7 +18,7 @@ export default function ContactPage() {
</p>
</div>
<div className="w-full max-w-3xl">
<div className="w-full max-w-2xl">
<ContactSection />
</div>
src/sections/Contact.tsx
+5 -5
View File
@@ -2,18 +2,18 @@
export function Contact() {
return (
<section className="mx-auto w-full max-w-[20rem] space-y-4 pb-8 text-center sm:max-w-2xl">
<section className="mx-auto w-full max-w-2xl space-y-4 pb-8 text-center">
<h2 className="text-2xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-green-400 via-blue-500 to-purple-500 sm:text-3xl">
Want to talk?
</h2>
<div className="rounded-3xl border border-blue-500/20 bg-gradient-to-br from-blue-500/10 via-purple-500/10 to-pink-500/10 p-5 backdrop-blur-md sm:p-8">
<p className="mb-6 text-sm text-gray-300 sm:mb-8 sm:text-lg">
<div className="rounded-3xl border border-blue-500/20 bg-gradient-to-br from-blue-500/10 via-purple-500/10 to-pink-500/10 p-6 backdrop-blur-md sm:p-8">
<p className="mb-6 text-base text-gray-300 sm:mb-8 sm:text-lg">
Im almost always down to talk about anything. Tech, life and whatever. Feel free to reach out to me on Discord or via Email, i usually respond pretty quickly.
</p>
<div className="flex flex-col justify-center gap-3 sm:flex-row sm:gap-4">
<a
href="mailto:space@reversed.dev"
className="rounded-full bg-gradient-to-r from-white to-gray-100 px-6 py-3 font-bold text-black transition-all shadow-lg shadow-white/20 hover:from-gray-100 hover:to-white hover:shadow-white/30"
className="w-full rounded-full bg-gradient-to-r from-white to-gray-100 px-6 py-3 font-bold text-black transition-all shadow-lg shadow-white/20 hover:from-gray-100 hover:to-white hover:shadow-white/30 sm:w-auto"
>
Shoot me an Email
</a>
@@ -21,7 +21,7 @@ export function Contact() {
href="https://discord.com/users/456443941169004545"
target="_blank"
rel="noreferrer"
className="rounded-full bg-gradient-to-r from-[#5865F2] to-[#4752C4] px-6 py-3 font-bold text-white transition-all shadow-lg shadow-[#5865F2]/30 hover:from-[#4752C4] hover:to-[#5865F2] hover:shadow-[#5865F2]/50"
className="w-full rounded-full bg-gradient-to-r from-[#5865F2] to-[#4752C4] px-6 py-3 font-bold text-white transition-all shadow-lg shadow-[#5865F2]/30 hover:from-[#4752C4] hover:to-[#5865F2] hover:shadow-[#5865F2]/50 sm:w-auto"
>
Chat on Discord
</a>