import { Hero } from "@/components/sections/Hero";
import { PortfolioSection } from "@/components/sections/PortfolioSection";
import { ExpertiseSection } from "@/components/sections/ExpertiseSection";
import { TechnicalSpecsSection } from "@/components/sections/TechnicalSpecsSection";
import { CTASection } from "@/components/sections/CTASection";

<Hero 
  tag="Technical Consulting"
  title={<>Specialized Partner for <span className="text-accent">Power Cable Projects</span></>}
  subtitle="Manufacturer-neutral technical consulting for your projects in medium and high voltage networks up to 110 kV."
  ctaPrimary="Inquire Project"
  ctaSecondary="Learn More"
/>

<PortfolioSection 
  tag="Portfolio"
  title="Our Services"
  description="Consulting by independent experts with decades of experience in engineering, standards committees, planning, and production."
  linkText="View all details"
/>

<ExpertiseSection 
  tag="Expertise"
  title="Applications & Target Groups"
  description="We support you in the realization of your cable projects."
  groups={[
    "Energy Suppliers",
    "Engineering Offices",
    "Civil Engineering Companies",
    "Industry",
    "RE Developers",
    "Planning Offices"
  ]}
/>

<TechnicalSpecsSection 
  tag="Specifications"
  title="Technical Expertise"
  items={[
    {
      label: "Cable Types",
      value: "N2XS(FL)2Y, N2X(F)KLD2Y...",
      desc: "Comprehensive expertise in the design of common high voltage cables."
    },
    {
      label: "Voltage Levels",
      value: "64/110 kV & Medium Voltage",
      desc: "Specialized consulting for complex infrastructure projects."
    },
    {
      label: "Conductor Technology",
      value: "Solid, Multi-wire & Milliken",
      desc: "Optimization of conductor design regarding current carrying capacity."
    }
  ]}
/>

<CTASection 
  title="Ready for your next project?"
  subtitle="Let's find the optimal solution for your energy infrastructure together. We advise you manufacturer-neutrally and competently."
  buttonText="Contact us now"
/>