JUSN/Webklar
1
0
Fork 0
Code Issues Pull Requests 3 Actions Packages Projects Releases Wiki Activity

big upgrade

Browse Source
This commit is contained in:
KNSO
2026-05-10 12:19:58 +02:00
parent 5bd2019fc6
commit f7dd547f8d
38 changed files with 2363 additions and 329 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
src/components/Contact.tsx
View File

@@ -1,50 +1,62 @@
import { Link } from "react-router-dom";
import { Button } from "@/components/ui/button";
import { ArrowRight, Mail, Phone } from "lucide-react";
import BorderGlow from "@/components/BorderGlow";
const Contact = () => {
return (
<section id="contact" className="py-24 md:py-32 bg-background relative">
<div className="container mx-auto px-6">
<div className="max-w-4xl">
{/* Section Header */}
<div className="mb-12">
<div className="label-tag mb-4">Kontakt</div>
<h2 className="text-4xl md:text-5xl lg:text-6xl font-display font-medium text-foreground tracking-tight uppercase mb-6">
Bereit für Ihr<br />
nächstes Projekt?
</h2>
<p className="text-muted-foreground text-lg max-w-xl">
Lassen Sie uns gemeinsam Ihre digitale Vision verwirklichen.
Buchen Sie jetzt ein kostenloses Erstgespräch.
</p>
</div>
<div className="max-w-6xl mx-auto">
<BorderGlow
edgeSensitivity={30}
glowColor="40 80 80"
backgroundColor="#120F17"
borderRadius={28}
glowRadius={40}
glowIntensity={1}
coneSpread={25}
animated
colors={['#c084fc', '#f472b6', '#38bdf8']}
>
<div className="p-8 md:p-12 lg:p-16">
<div className="mb-12">
<div className="label-tag mb-4">Kontakt</div>
<h2 className="text-4xl md:text-5xl lg:text-6xl font-display font-medium text-foreground tracking-tight uppercase mb-6">
Bereit für Ihr<br />
nächstes Projekt?
</h2>
<p className="text-muted-foreground text-lg max-w-xl">
Lassen Sie uns gemeinsam Ihre digitale Vision verwirklichen.
Buchen Sie jetzt ein kostenloses Erstgespräch.
</p>
</div>
{/* CTA */}
<div className="flex flex-col sm:flex-row gap-4 mb-16">
<Link to="/kontakt">
<Button
size="lg"
className="btn-minimal rounded-full px-8 py-6 text-base font-medium group"
>
Termin buchen
<ArrowRight className="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform" />
</Button>
</Link>
</div>
<div className="flex flex-col sm:flex-row gap-4 mb-16">
<Link to="/kontakt">
<Button
size="lg"
className="btn-minimal rounded-full px-8 py-6 text-base font-medium group"
>
Termin buchen
<ArrowRight className="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform" />
</Button>
</Link>
</div>
{/* Contact Info */}
<div className="divider mb-12" />
<div className="flex flex-col sm:flex-row gap-8 text-muted-foreground">
<a href="mailto:support@webklar.com" className="flex items-center gap-3 hover:text-foreground transition-colors group">
<Mail className="w-5 h-5" />
<span>support@webklar.com</span>
</a>
<a href="tel:+491704969375" className="flex items-center gap-3 hover:text-foreground transition-colors group">
<Phone className="w-5 h-5" />
<span>0170 4969375</span>
</a>
</div>
<div className="divider mb-12" />
<div className="flex flex-col sm:flex-row gap-8 text-muted-foreground">
<a href="mailto:support@webklar.com" className="flex items-center gap-3 hover:text-foreground transition-colors group">
<Mail className="w-5 h-5" />
<span>support@webklar.com</span>
</a>
<a href="tel:+491704969375" className="flex items-center gap-3 hover:text-foreground transition-colors group">
<Phone className="w-5 h-5" />
<span>0170 4969375</span>
</a>
</div>
</div>
</BorderGlow>
</div>
</div>
</section>