mmintel/klz-cables.com
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
Marc Mintel
2026-01-17 02:15:11 +01:00
parent c8f61257c9
commit 7c5b91749b
56 changed files with 818 additions and 731 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
app/[locale]/contact/page.tsx
View File

@@ -2,16 +2,16 @@ import { useTranslations } from 'next-intl';
import { Section, Container, Button } from '@/components/ui';
export default function ContactPage() {
const t = useTranslations('Navigation'); // Reusing navigation translations for now
const t = useTranslations('Contact');
return (
<div className="flex flex-col min-h-screen">
<Section className="bg-neutral">
<Container>
<div className="max-w-3xl mx-auto text-center mb-12">
<h1 className="text-4xl font-bold mb-4">Get in Touch</h1>
<h1 className="text-4xl font-bold mb-4">{t('title')}</h1>
<p className="text-xl text-text-secondary">
Have questions about our products or need a custom solution? We're here to help.
{t('subtitle')}
</p>
</div>
@@ -19,17 +19,15 @@ export default function ContactPage() {
{/* Contact Info */}
<div className="space-y-8">
<div>
<h3 className="text-xl font-bold mb-4">Contact Information</h3>
<h3 className="text-xl font-bold mb-4">{t('info.title')}</h3>
<div className="space-y-4 text-text-secondary">
<p className="flex items-start">
<svg className="w-6 h-6 text-primary mr-3 mt-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
</svg>
<span>
Raiffeisenstraße 22<br />
73630 Remshalden<br />
Germany
<span className="whitespace-pre-line">
{t('info.address')}
</span>
</p>
<p className="flex items-center">
@@ -48,15 +46,15 @@ export default function ContactPage() {
</div>
<div>
<h3 className="text-xl font-bold mb-4">Business Hours</h3>
<h3 className="text-xl font-bold mb-4">{t('hours.title')}</h3>
<ul className="space-y-2 text-text-secondary">
<li className="flex justify-between">
<span>Monday - Friday</span>
<span>8:00 AM - 5:00 PM</span>
<span>{t('hours.weekdays')}</span>
<span>{t('hours.weekdaysTime')}</span>
</li>
<li className="flex justify-between">
<span>Saturday - Sunday</span>
<span>Closed</span>
<span>{t('hours.weekend')}</span>
<span>{t('hours.closed')}</span>
</li>
</ul>
</div>
@@ -64,21 +62,21 @@ export default function ContactPage() {
{/* Contact Form Placeholder */}
<div className="bg-white p-8 rounded-lg shadow-sm border border-neutral-dark">
<h3 className="text-xl font-bold mb-6">Send us a message</h3>
<h3 className="text-xl font-bold mb-6">{t('form.title')}</h3>
<form className="space-y-4">
<div>
<label htmlFor="name" className="block text-sm font-medium text-text-primary mb-1">Name</label>
<label htmlFor="name" className="block text-sm font-medium text-text-primary mb-1">{t('form.name')}</label>
<input type="text" id="name" className="w-full px-4 py-2 border border-neutral-dark rounded-md focus:ring-primary focus:border-primary" />
</div>
<div>
<label htmlFor="email" className="block text-sm font-medium text-text-primary mb-1">Email</label>
<label htmlFor="email" className="block text-sm font-medium text-text-primary mb-1">{t('form.email')}</label>
<input type="email" id="email" className="w-full px-4 py-2 border border-neutral-dark rounded-md focus:ring-primary focus:border-primary" />
</div>
<div>
<label htmlFor="message" className="block text-sm font-medium text-text-primary mb-1">Message</label>
<label htmlFor="message" className="block text-sm font-medium text-text-primary mb-1">{t('form.message')}</label>
<textarea id="message" rows={4} className="w-full px-4 py-2 border border-neutral-dark rounded-md focus:ring-primary focus:border-primary"></textarea>
</div>
<Button type="submit" className="w-full">Send Message</Button>
<Button type="submit" className="w-full">{t('form.submit')}</Button>
</form>
</div>
</div>