30d166a8-a03f-4513-b05b-b87e4ca44f38/src/app/about/page.tsx

"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import SplitAbout from "@/components/sections/about/SplitAbout";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Info, Zap, Users, CheckCircle, MessageCircle, TrendingUp, Star, Clock, Building2 } from "lucide-react";

export default function AboutPage() {
  const footerColumns = [
    {
      title: "Services",
      items: [
        { label: "CNC Machining", href: "/services" },
        { label: "Prototyping", href: "/services" },
        { label: "Custom Manufacturing", href: "/services" },
      ],
    },
    {
      title: "Company",
      items: [
        { label: "About Us", href: "/about" },
        { label: "Our Team", href: "/about" },
        { label: "Contact", href: "/contact" },
      ],
    },
    {
      title: "Resources",
      items: [
        { label: "FAQ", href: "/faq" },
        { label: "Privacy Policy", href: "#" },
        { label: "Terms of Service", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="floatingGradient"
      cardStyle="solid"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" },
            { name: "FAQ", id: "/faq" },
          ]}
          button={{ text: "Get Quote", href: "/contact" }}
          brandName="Hilmer CNC"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="About Hilmer GmbH"
          description="We are a leading CNC machining company based in Hannover, Germany, specializing in precision manufacturing for industrial, automotive, and aerospace sectors. Our commitment to quality, innovation, and customer satisfaction defines every project we undertake."
          tag="Company Overview"
          tagIcon={Info}
          tagAnimation="slide-up"
          bulletPoints={[
            {
              title: "Advanced Equipment",
              description: "State-of-the-art CNC machines with multi-axis capabilities for complex geometries",
              icon: Zap,
            },
            {
              title: "Expert Team",
              description: "Highly trained engineers and technicians with decades of combined experience",
              icon: Users,
            },
            {
              title: "Quality Assurance",
              description: "Rigorous testing and inspection protocols ensuring ±0.01mm tolerance standards",
              icon: CheckCircle,
            },
            {
              title: "Reliable Delivery",
              description: "Consistent on-time project completion with transparent communication",
            },
          ]}
          buttons={[{ text: "View Services", href: "/services" }]}
          buttonAnimation="slide-up"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX7h9T24W1hsNHADzCTk2ryH78/a-professional-team-of-skilled-cnc-techn-1772727243276-0908c76a.png?_wi=2"
          imageAlt="Hilmer GmbH manufacturing team and facility"
          mediaAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="company-metrics" data-section="company-metrics">
        <MetricCardThree
          title="Our Track Record"
          description="Two decades of delivering precision and excellence to diverse industries"
          tag="Company Milestones"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          metrics={[
            { id: "experience", icon: Clock, title: "Years Active", value: "20+" },
            { id: "projects", icon: CheckCircle, title: "Projects", value: "500+" },
            { id: "satisfaction", icon: Star, title: "Satisfaction", value: "98%" },
            { id: "retention", icon: Users, title: "Clients Retained", value: "95%" },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Client Testimonials"
          description="Trusted by leading manufacturers across multiple industries"
          tag="Customer Feedback"
          tagIcon={MessageCircle}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "testimonial-1",
              name: "Klaus Weber",
              role: "Operations Director",
              testimonial: "Hilmer's precision and reliability have been instrumental in our production success. They consistently deliver components that exceed our specifications and timelines.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX7h9T24W1hsNHADzCTk2ryH78/professional-portrait-of-a-confident-mec-1772727244099-9f8a3edc.png?_wi=3",
              imageAlt: "Klaus Weber, Operations Director",
            },
            {
              id: "testimonial-2",
              name: "Dr. Petra Schmidt",
              role: "Engineering Manager",
              testimonial: "The expertise and professionalism at Hilmer is exceptional. They handled our complex aerospace components with meticulous attention to detail and technical knowledge.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX7h9T24W1hsNHADzCTk2ryH78/professional-headshot-of-a-satisfied-bus-1772727243943-81fe506a.png?_wi=3",
              imageAlt: "Dr. Petra Schmidt, Engineering Manager",
            },
            {
              id: "testimonial-3",
              name: "Martin Bauer",
              role: "Production Manager",
              testimonial: "Working with Hilmer reduced our production costs while improving quality. Their rapid turnaround accelerated our product development timeline significantly.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AX7h9T24W1hsNHADzCTk2ryH78/professional-portrait-of-an-experienced--1772727243845-c0448e38.png?_wi=2",
              imageAlt: "Martin Bauer, Production Manager",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Hilmer GmbH"
          copyrightText="© 2025 Hilmer GmbH CNC-Technik. All rights reserved."
          columns={footerColumns}
        />
      </div>
    </ThemeProvider>
  );
}