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

feat: localize content to German across various components and add profile image

Browse Source
This commit is contained in:
robgit21
2026-05-10 21:18:16 +02:00
parent 430e02c8ce
commit a7e62e84fa
14 changed files with 264 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/features/contact/components/ContactSection.tsx
+25 -25
View File
@@ -38,14 +38,14 @@ export const ContactSection: React.FC = () => {
transition={{ duration: 0.5 }}
className="inline-block px-4 py-2 rounded-full border border-green-500/50 bg-green-500/10 mb-6"
>
<span className="text-green-400 text-sm font-medium">GET IN TOUCH</span>
<span className="text-green-400 text-sm font-medium">Kontakt aufnehmen</span>
</motion.div>
<h2 className="text-4xl sm:text-5xl font-bold text-white mb-4">
Let's Work Together
Lass uns zusammenarbeiten
</h2>
<p className="text-gray-400 text-lg max-w-2xl mx-auto">
Have a project in mind? Let's discuss how we can bring your ideas to life
Hast du ein Projekt? Lass uns besprechen, wie wir deine Idee umsetzen.
</p>
</div>
@@ -63,32 +63,32 @@ export const ContactSection: React.FC = () => {
<label className="block text-white font-medium mb-3">Name</label>
<input
type="text"
placeholder="Your name"
className="w-full px-4 py-3 rounded-lg bg-gray-900 border border-green-500/30 text-white placeholder-gray-500 focus:border-green-500 focus:outline-none transition-colors"
placeholder="Dein Name"
className="w-full px-4 py-3 rounded-lg bg-gray-900 border border-green-500/30 text-white placeholder-gray-500 focus:border-green-500 focus:outline-none"
/>
</motion.div>
<motion.div variants={itemVariants}>
<label className="block text-white font-medium mb-3">Email</label>
<label className="block text-white font-medium mb-3">E-Mail</label>
<input
type="email"
placeholder="your.email@example.com"
className="w-full px-4 py-3 rounded-lg bg-gray-900 border border-green-500/30 text-white placeholder-gray-500 focus:border-green-500 focus:outline-none transition-colors"
placeholder="deine.email@example.com"
className="w-full px-4 py-3 rounded-lg bg-gray-900 border border-green-500/30 text-white placeholder-gray-500 focus:border-green-500 focus:outline-none"
/>
</motion.div>
<motion.div variants={itemVariants}>
<label className="block text-white font-medium mb-3">Message</label>
<label className="block text-white font-medium mb-3">Nachricht</label>
<textarea
placeholder="Tell me about your project"
placeholder="Erzähle mir von deinem Projekt"
rows={5}
className="w-full px-4 py-3 rounded-lg bg-gray-900 border border-green-500/30 text-white placeholder-gray-500 focus:border-green-500 focus:outline-none transition-colors resize-none"
className="w-full px-4 py-3 rounded-lg bg-gray-900 border border-green-500/30 text-white placeholder-gray-500 focus:border-green-500 focus:outline-none resize-none"
/>
</motion.div>
<motion.div variants={itemVariants}>
<Button variant="primary" size="lg" className="w-full">
Send Message
Nachricht senden
</Button>
</motion.div>
</motion.div>
@@ -102,10 +102,10 @@ export const ContactSection: React.FC = () => {
className="space-y-6"
>
<motion.div variants={itemVariants}>
<h3 className="text-2xl font-bold text-white mb-4">Let's Connect</h3>
<h3 className="text-2xl font-bold text-white mb-4">Kontakt</h3>
<p className="text-gray-400">
I'm always open to discussing new projects, creative ideas, or opportunities
to be part of your vision. Feel free to reach out!
Ich freue mich auf neue Projekte, kreative Ideen und spannende Kooperationen.
Schreibe mir gerne eine Nachricht!
</p>
</motion.div>
@@ -117,7 +117,7 @@ export const ContactSection: React.FC = () => {
<Mail className="text-green-500" size={24} />
</div>
<div>
<p className="text-gray-400 text-sm">Email</p>
<p className="text-gray-400 text-sm">E-Mail</p>
<p className="text-white font-medium">robert@bretz.dev</p>
</div>
</div>
@@ -127,8 +127,8 @@ export const ContactSection: React.FC = () => {
<MapPin className="text-green-500" size={24} />
</div>
<div>
<p className="text-gray-400 text-sm">Location</p>
<p className="text-white font-medium">Germany</p>
<p className="text-gray-400 text-sm">Standort</p>
<p className="text-white font-medium">Deutschland</p>
</div>
</div>
</div>
@@ -136,29 +136,29 @@ export const ContactSection: React.FC = () => {
{/* Social Links */}
<motion.div variants={itemVariants}>
<p className="text-white font-medium mb-4">Connect with me</p>
<p className="text-white font-medium mb-4">Folge mir</p>
<div className="flex gap-4">
<motion.a
href="#"
whileHover={{ scale: 1.1 }}
whileHover={{ scale: 1.1, backgroundColor: 'rgba(34,197,94,0.2)' }}
whileTap={{ scale: 0.95 }}
className="p-3 rounded-lg border border-green-500/30 bg-green-500/5 hover:bg-green-500/20 text-green-500 transition-colors"
className="p-3 rounded-lg border border-green-500/30 bg-green-500/5 text-green-500"
>
<FaGithub size={24} />
</motion.a>
<motion.a
href="#"
whileHover={{ scale: 1.1 }}
whileHover={{ scale: 1.1, backgroundColor: 'rgba(34,197,94,0.2)' }}
whileTap={{ scale: 0.95 }}
className="p-3 rounded-lg border border-green-500/30 bg-green-500/5 hover:bg-green-500/20 text-green-500 transition-colors"
className="p-3 rounded-lg border border-green-500/30 bg-green-500/5 text-green-500"
>
<FaLinkedin size={24} />
</motion.a>
<motion.a
href="#"
whileHover={{ scale: 1.1 }}
whileHover={{ scale: 1.1, backgroundColor: 'rgba(34,197,94,0.2)' }}
whileTap={{ scale: 0.95 }}
className="p-3 rounded-lg border border-green-500/30 bg-green-500/5 hover:bg-green-500/20 text-green-500 transition-colors"
className="p-3 rounded-lg border border-green-500/30 bg-green-500/5 text-green-500"
>
<FaTwitter size={24} />
</motion.a>