mmintel/mintel.me
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: ultra-aggressive mobile spacing refinement & native fidelity navigation redesign

Browse Source
This commit is contained in:
Marc Mintel
2026-02-15 20:15:04 +01:00
parent 6244425551
commit cb32b9d62f
19 changed files with 722 additions and 376 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
apps/web/app/contact/page.tsx
View File

@@ -29,14 +29,14 @@ export default function ContactPage() {
</>
}
>
<div className="grid grid-cols-1 md:grid-cols-12 gap-12 md:gap-24">
<div className="grid grid-cols-1 lg:grid-cols-12 gap-8 md:gap-12 lg:gap-24">
{/* Form */}
<div className="md:col-span-7">
<div className="lg:col-span-7">
<Reveal>
<Card
variant="glass"
padding="large"
className="relative overflow-hidden"
padding="normal"
className="relative overflow-hidden p-5 md:p-12"
>
<ContactForm />
</Card>
@@ -44,7 +44,7 @@ export default function ContactPage() {
</div>
{/* Sidebar */}
<div className="md:col-span-5 space-y-8">
<div className="lg:col-span-5 space-y-4 md:space-y-8">
<Reveal delay={0.2}>
<Card
variant="glass"
@@ -52,12 +52,14 @@ export default function ContactPage() {
techBorder
className="group"
>
<div className="space-y-4">
<div className="space-y-3 md:space-y-4">
<div className="flex items-center gap-3">
<div className="w-2 h-2 bg-green-500 rounded-full animate-pulse"></div>
<Label className="text-slate-900">Verfügbarkeit</Label>
<Label className="text-slate-900 text-xs md:text-sm">
Verfügbarkeit
</Label>
</div>
<LeadText className="text-lg text-slate-400">
<LeadText className="text-lg md:text-xl text-slate-400">
Aktuell nehme ich Projekte für{" "}
<span className="text-slate-900 font-bold">Q2 2026</span>{" "}
an.
@@ -68,11 +70,13 @@ export default function ContactPage() {
<Reveal delay={0.3}>
<Card variant="glass" padding="normal" className="group">
<div className="space-y-4">
<Label className="text-slate-900">Direkt per E-Mail</Label>
<div className="space-y-3 md:space-y-4">
<Label className="text-slate-900 text-xs md:text-sm">
Direkt per E-Mail
</Label>
<a
href="mailto:marc@mintel.me"
className="block text-xl md:text-2xl font-bold text-slate-900 hover:text-slate-400 transition-colors duration-500 border-b border-slate-100 hover:border-slate-400 pb-1"
className="block text-lg md:text-2xl font-bold text-slate-900 hover:text-slate-400 transition-colors duration-500 border-b border-slate-100 hover:border-slate-400 pb-1"
>
marc@mintel.me
</a>
@@ -81,9 +85,11 @@ export default function ContactPage() {
</Reveal>
<Reveal delay={0.4}>
<div className="p-6 space-y-3 rounded-2xl border border-slate-50 bg-slate-50/30">
<Label className="text-slate-400">Antwortzeit</Label>
<H3 className="text-2xl text-slate-300">
<div className="p-5 md:p-6 space-y-2 md:space-y-3 rounded-2xl border border-slate-50 bg-slate-50/30">
<Label className="text-slate-400 text-xs md:text-sm">
Antwortzeit
</Label>
<H3 className="text-lg md:text-2xl text-slate-300">
<span className="text-slate-900">&lt; 24h</span> an Werktagen.
</H3>
</div>