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

contact

Browse Source
This commit is contained in:
Marc Mintel
2026-01-27 12:36:00 +01:00
parent 334c76935e
commit 8490b691e1
1 changed files with 7 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -97,18 +97,17 @@ export default async function ContactPage({ params }: ContactPageProps) {
image: 'https://klz-cables.com/logo.png', image: 'https://klz-cables.com/logo.png',
'@id': 'https://klz-cables.com', '@id': 'https://klz-cables.com',
url: 'https://klz-cables.com', url: 'https://klz-cables.com',
telephone: '+49 881 92537298',
address: { address: {
'@type': 'PostalAddress', '@type': 'PostalAddress',
streetAddress: 'Trifthofstraße 57', streetAddress: 'Raiffeisenstraße 22',
addressLocality: 'Weilheim i. OB', addressLocality: 'Remshalden',
postalCode: '82362', postalCode: '73630',
addressCountry: 'DE', addressCountry: 'DE',
}, },
geo: { geo: {
'@type': 'GeoCoordinates', '@type': 'GeoCoordinates',
latitude: 47.8407, latitude: 48.8144,
longitude: 11.1421, longitude: 9.4144,
}, },
openingHoursSpecification: [ openingHoursSpecification: [
{ {
@@ -173,17 +172,6 @@ export default async function ContactPage({ params }: ContactPageProps) {
</div> </div>
</div> </div>
<div className="flex items-start gap-4 md:gap-6 group">
<div className="w-10 h-10 md:w-14 md:h-14 rounded-xl md:rounded-2xl bg-saturated/10 flex items-center justify-center text-saturated group-hover:bg-accent group-hover:text-primary-dark transition-all duration-300 shadow-sm flex-shrink-0">
<svg className="w-5 h-5 md:w-7 md:h-7" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
</svg>
</div>
<div>
<h4 className="text-base md:text-xl font-bold text-primary mb-1 md:mb-2">{t('info.phone')}</h4>
<a href="tel:+4988192537298" className="text-sm md:text-lg text-text-secondary hover:text-primary transition-colors font-medium touch-target">+49 881 92537298</a>
</div>
</div>
<div className="flex items-start gap-4 md:gap-6 group"> <div className="flex items-start gap-4 md:gap-6 group">
<div className="w-10 h-10 md:w-14 md:h-14 rounded-xl md:rounded-2xl bg-saturated/10 flex items-center justify-center text-saturated group-hover:bg-accent group-hover:text-primary-dark transition-all duration-300 shadow-sm flex-shrink-0"> <div className="w-10 h-10 md:w-14 md:h-14 rounded-xl md:rounded-2xl bg-saturated/10 flex items-center justify-center text-saturated group-hover:bg-accent group-hover:text-primary-dark transition-all duration-300 shadow-sm flex-shrink-0">
@@ -231,8 +219,8 @@ export default async function ContactPage({ params }: ContactPageProps) {
</div>}> </div>}>
<LeafletMap <LeafletMap
address={t('info.address')} address={t('info.address')}
lat={47.8407} lat={48.8144}
lng={11.1421} lng={9.4144}
/> />
</Suspense> </Suspense>
</section> </section>