import { GradientCallout } from '@/components/partner/GradientCallout'

export function WhatIsUvi() {
  return (
    <section
      id="was-ist-uvi"
      aria-labelledby="what-is-uvi-title"
      className="py-8 sm:py-10"
    >
      <GradientCallout
        title="Was ist UVI?"
        titleId="what-is-uvi-title"
        cta={{ href: '/was-ist-uvi', label: 'Mehr erfahren' }}
      >
        <p>
          Die Unterjährige Verbrauchsinformation (UVI) informiert Mieter
          monatlich über ihren Heiz- und Warmwasserverbrauch – verpflichtend bei
          fernablesbaren Messgeräten.
        </p>
      </GradientCallout>
    </section>
  )
}
