
type VoiceProps = {
  voiceImage?: string;
  voiceContent?: string;
  voiceAuthorName?: string;
  voiceAuthorTitle?: string;
  voiceAuthorCompanyLogo?: string;
}

export default function Voice({
  voiceImage = "resources/images/img-voice-left.png",
  voiceContent = "AUO didn’t just invest in AI—they invested in the future. By partnering with Taiwan AI Academy (AIA), AUO pioneered an AI revolution, deploying 2,000+ AI models, boosting productivity by 40%, and cutting energy consumption by 20%—all within five years. This is the power of strategic AI adoption. AIA isn’t just training talent; it’s shaping the future of industries. Partner with AIA, and lead the next wave of AI-driven success.",
  voiceAuthorName = "Shuang-Lang (Paul) Peng",
  voiceAuthorTitle = "Chairman and Group Chief Strategy Officer",
  voiceAuthorCompanyLogo = "resources/images/logo-company.png"
}: VoiceProps) {
  return (
    <div className="voice">
      <figure className="voice-visual">
        <img
          className="object-scale-down object-center"
          src={voiceImage}
          alt=""
        />
      </figure>
      <div className="voice-content">
        <blockquote className="voice-quote">
          <span className="px-24 lg:px-36">
            {voiceContent}
          </span>
        </blockquote>
        <div className="voice-author">
          <p className="voice-authorName">{voiceAuthorName}</p>
          <div className="voice-authorInformation">
            <p className="voice-authorTitle">
              {voiceAuthorTitle}
            </p>
            <img className="voice-authorCompany" src={voiceAuthorCompanyLogo} alt="" />
          </div>
        </div>
      </div>
    </div>
  )
}