diff --git a/app/[locale]/products/page.tsx b/app/[locale]/products/page.tsx new file mode 100644 index 00000000..354d0d75 --- /dev/null +++ b/app/[locale]/products/page.tsx @@ -0,0 +1,84 @@ +import Link from 'next/link'; +import Image from 'next/image'; +import { useTranslations } from 'next-intl'; +import { Section, Container } from '@/components/ui'; + +export default function ProductsPage() { + const t = useTranslations('Navigation'); + + const categories = [ + { + title: 'Low Voltage Cables', + desc: 'Powering everyday essentials with reliability and safety.', + img: 'https://klz-cables.com/wp-content/uploads/2024/12/low-voltage-scaled.webp', + icon: 'https://klz-cables.com/wp-content/uploads/2024/11/Low-Voltage.svg', + href: '/products/low-voltage-cables' + }, + { + title: 'Medium Voltage Cables', + desc: 'The perfect balance between power and performance for industrial and urban grids.', + img: 'https://klz-cables.com/wp-content/uploads/2024/12/medium-voltage-scaled.webp', + icon: 'https://klz-cables.com/wp-content/uploads/2024/11/Medium-Voltage.svg', + href: '/products/medium-voltage-cables' + }, + { + title: 'High Voltage Cables', + desc: 'Delivering maximum power over long distances—without compromise.', + img: 'https://klz-cables.com/wp-content/uploads/2025/06/na2xsfl2y-rendered.webp', + icon: 'https://klz-cables.com/wp-content/uploads/2024/11/High-Voltage.svg', + href: '/products/high-voltage-cables' + }, + { + title: 'Solar Cables', + desc: 'Connecting the sun’s energy to your sustainable future.', + img: 'https://klz-cables.com/wp-content/uploads/2025/04/3.webp', + icon: 'https://klz-cables.com/wp-content/uploads/2024/11/Solar.svg', + href: '/products/solar-cables' + } + ]; + + return ( +
+
+ +
+

Our Products

+

+ Explore our comprehensive range of high-quality cables designed for every application. +

+
+ +
+ {categories.map((category, idx) => ( + +
+ {category.title} +
+
+
+
+
+ +
+

{category.title}

+
+

+ {category.desc} +

+ + View Products → + +
+ + ))} +
+ +
+
+ ); +} diff --git a/app/[locale]/team/page.tsx b/app/[locale]/team/page.tsx index f13fb843..33939532 100644 --- a/app/[locale]/team/page.tsx +++ b/app/[locale]/team/page.tsx @@ -7,51 +7,129 @@ export default function TeamPage() { const teamMembers = [ { - name: 'Klaus', + name: 'Klaus Mintel', role: 'Founder & CEO', - image: '/media/team/klaus.jpg', // Placeholder path - bio: 'With decades of experience in the cable industry, Klaus leads KLZ with a vision for quality and innovation.' + image: 'https://klz-cables.com/wp-content/uploads/2024/12/DSC07963-Large.webp', + quote: 'Sometimes all it takes is a clear head and a good cable to make the world a little better.', + bio: 'Klaus is the man with the experience, bringing perspective and calm to the table—even when cable chaos threatens to take over. With impressive industry knowledge and a network as solid as our cables, he ensures everything runs smoothly. Klaus isn’t just a problem solver; he’s a strategic thinker who knows how to get to the point with a touch of humor.', + linkedin: 'https://www.linkedin.com/in/klaus-mintel-b80a8b193/' }, { - name: 'Michael', + name: 'Michael Bodemer', role: 'Technical Director', - image: '/media/team/michael.jpg', // Placeholder path - bio: 'Expert in high-voltage systems and technical planning, ensuring every project meets the highest standards.' - }, - // Add more team members as needed + image: 'https://klz-cables.com/wp-content/uploads/2024/12/DSC07768-Large.webp', + quote: 'Challenges exist to be solved, not to debate how complicated they are.', + bio: 'Michael Bodemer is the go-to guy when things get complicated—and let’s face it, that’s often the case with cable networks. With sharp insight and a knack for practical solutions, Michael is one of our key players. He’s not just detail-oriented; he’s a driving force—whether it’s in planning, customer interactions, or securing the best cables for every project.', + linkedin: 'https://www.linkedin.com/in/michael-bodemer-33b493122/' + } ]; return (
-
- -
-

Our Team

-

- Meet the experts behind KLZ Cables. We are a dedicated team of professionals committed to powering your success. -

-
+ {/* Hero Section */} +
+
+ KLZ Team +
+
+ + +

+ The bright sparks behind the power +

+

+ We connect energy, expertise, and innovation to power a greener future. +

+
+
-
+ {/* Team Members Section */} +
+ +
{teamMembers.map((member, idx) => ( -
-
- {/* Placeholder for team image */} -
- {member.name[0]} -
- {/* {member.name} */} +
+
+ {member.name}
-
-

{member.name}

-

{member.role}

-

{member.bio}

+
+

{member.name}

+
+ "{member.quote}" +
+

+ {member.bio} +

+ + Check {member.name.split(' ')[0]}'s LinkedIn + +
))}
+ + {/* Manifesto Section */} +
+ +
+
+

Our manifesto

+
+
+ {[ + { title: 'Competence', desc: 'Decades of experience and Europe-wide know-how combined with commitment and new ideas.' }, + { title: 'Availability', desc: 'Always there for you - no waiting, no delays, just fast and reliable support.' }, + { title: 'Solutions', desc: 'Solutions require a lot of questions. We ask them. You, the manufacturer and ourselves.' }, + { title: 'Logistics', desc: 'Monitoring production, regular exchanges, freight tracking, customs clearance - our everyday life.' }, + { title: 'Open to new things', desc: 'We listen. From the inquiry, through the offer, to delivery. What can be done better needs to be discussed.' }, + { title: 'Reliability', desc: 'We deliver what we promise – every time, without fail.' } + ].map((item, idx) => ( +
+
0{idx + 1}
+

{item.title}

+

{item.desc}

+
+ ))} +
+
+
+
+ + {/* Gallery Section */} +
+ +
+ {[ + 'https://klz-cables.com/wp-content/uploads/2024/12/DSC07539-Large-600x400.webp', + 'https://klz-cables.com/wp-content/uploads/2024/12/DSC07460-Large-600x400.webp', + 'https://klz-cables.com/wp-content/uploads/2024/12/DSC07469-Large-600x400.webp', + 'https://klz-cables.com/wp-content/uploads/2024/12/DSC07433-Large-600x400.webp' + ].map((src, idx) => ( +
+ Team Gallery +
+ ))} +
+
+
); } diff --git a/components/Footer.tsx b/components/Footer.tsx index de168b63..53891ed8 100644 --- a/components/Footer.tsx +++ b/components/Footer.tsx @@ -1,4 +1,5 @@ import Link from 'next/link'; +import Image from 'next/image'; import { useTranslations } from 'next-intl'; export default function Footer() { @@ -10,7 +11,15 @@ export default function Footer() {
-

KLZ Cables

+ + KLZ Cables +

Raiffeisenstraße 22
73630 Remshalden
@@ -34,10 +43,10 @@ export default function Footer() {

{t('products')}

    -
  • {t('lowVoltage')}
  • -
  • {t('mediumVoltage')}
  • -
  • {t('highVoltage')}
  • -
  • {t('solar')}
  • +
  • {t('lowVoltage')}
  • +
  • {t('mediumVoltage')}
  • +
  • {t('highVoltage')}
  • +
  • {t('solar')}
@@ -45,8 +54,16 @@ export default function Footer() {

{t('followUs')}

{/* Social Icons */} - LinkedIn - Instagram + + + + + +
diff --git a/components/Header.tsx b/components/Header.tsx index 96d2f5d6..dceb3758 100644 --- a/components/Header.tsx +++ b/components/Header.tsx @@ -1,15 +1,28 @@ +'use client'; + import Link from 'next/link'; import Image from 'next/image'; -import { useTranslations, useLocale } from 'next-intl'; +import { useTranslations } from 'next-intl'; +import { usePathname } from 'next/navigation'; export default function Header() { const t = useTranslations('Navigation'); - const locale = useLocale(); + const pathname = usePathname(); + + // Extract locale from pathname + const currentLocale = pathname.split('/')[1] || 'en'; + + // Function to get path for a different locale + const getPathForLocale = (newLocale: string) => { + const segments = pathname.split('/'); + segments[1] = newLocale; + return segments.join('/'); + }; const menuItems = [ { label: t('home'), href: '/' }, { label: t('team'), href: '/team' }, - { label: t('products'), href: '/products' }, // This might need a dropdown + { label: t('products'), href: '/products' }, { label: t('blog'), href: '/blog' }, { label: t('contact'), href: '/contact' }, ]; @@ -17,16 +30,22 @@ export default function Header() { return (
- - {/* Use local logo if available, or text for now */} - KLZ Cables + + KLZ Cables