qudoco-fe/components/landing-page/service.tsx

import Image from "next/image";

export default function ServiceSection() {
  return (
    <section className="py-20 bg-white">
      <div className="container mx-auto px-6">
        {/* Heading */}
        <div className="text-center mb-16">
          <p className="text-sm uppercase tracking-widest text-gray-400">
            Our Services
          </p>
          <h2 className="mt-2 text-3xl md:text-4xl font-bold text-gray-900">
            Innovative solutions for your{" "}
            <span className="relative inline-block">
              business growth
              <span className="absolute left-0 -bottom-1 w-full h-2 bg-yellow-300/60 -z-10" />
            </span>
            .
          </h2>
        </div>

        {/* Service 1 */}
        <div className="grid md:grid-cols-2 gap-12 items-center mb-20">
          {/* Image */}
          <div className="rounded-2xl overflow-hidden shadow-lg">
            <Image
              src="/image/s1.png"
              alt="Artifintel Soundworks"
              width={600}
              height={400}
              className="w-full h-auto object-cover"
            />
          </div>

          {/* Content */}
          <div>
            <h3 className="text-2xl font-semibold text-gray-900 mb-4">
              Artifintel
            </h3>
            <p className="text-gray-600 mb-6 leading-relaxed">
              Artifintel Soundworks adalah pionir musik AI yang menghadirkan
              karya dan kolaborasi dari musisi AI penuh kreativitas dan emosi.
              Sejak 2024, Artifintel telah merilis belasan hingga puluhan lagu
              dengan melodi memukau dan ritme inovatif.
            </p>

            <ul className="space-y-3 text-gray-700">
              <li>✔ AI Music Composition & Songwriting</li>
              <li>✔ Vocal Synthesis & AI Musicians</li>
              <li>✔ Genre Exploration & Sound Innovation</li>
              <li>✔ AI Collaboration & Creative Experimentation</li>
              <li>✔ Music Release & Digital Distribution</li>
            </ul>
          </div>
        </div>

        {/* Service 2 */}
        <div className="grid md:grid-cols-2 gap-12 items-center mb-20">
          {/* Content */}
          <div>
            <h3 className="text-2xl font-semibold text-gray-900 mb-4">
              Produksi Video Animasi
            </h3>
            <p className="text-gray-600 mb-6 leading-relaxed">
              Professional animation production services that bring your ideas
              to life. From explainer videos to brand storytelling, we create
              engaging animated content that resonates with your audience.
            </p>

            <ul className="space-y-3 text-gray-700">
              <li>✔ 2D & 3D Animation Production</li>
              <li>✔ Motion Graphics & Visual Effects</li>
              <li>✔ Character Design & Storyboarding</li>
            </ul>
          </div>

          {/* Image */}
          <div className="rounded-2xl overflow-hidden shadow-lg">
            <Image
              src="/image/s2.png"
              alt="Animasee"
              width={600}
              height={400}
              className="w-full h-auto object-cover"
            />
          </div>
        </div>
        <div className="grid md:grid-cols-2 gap-12 items-center mb-20 mt-10">
          {/* Image */}
          <div className="rounded-2xl overflow-hidden shadow-lg">
            <Image
              src="/image/s3.png"
              alt="Artifintel Soundworks"
              width={600}
              height={400}
              className="w-full h-auto object-cover"
            />
          </div>

          {/* Content */}
          <div>
            <h3 className="text-2xl font-semibold text-gray-900 mb-4">
              Reelithic
            </h3>
            <p className="text-gray-600 mb-6 leading-relaxed">
              Artifintel Soundworks adalah pionir musik AI yang menghadirkan
              karya dan kolaborasi dari musisi AI penuh kreativitas dan emosi.
              Sejak 2024, Artifintel telah merilis belasan hingga puluhan lagu
              dengan melodi memukau dan ritme inovatif.
            </p>

            <ul className="space-y-3 text-gray-700">
              <li>✔ AI Music Composition & Songwriting</li>
              <li>✔ Vocal Synthesis & AI Musicians</li>
              <li>✔ Genre Exploration & Sound Innovation</li>
              <li>✔ AI Collaboration & Creative Experimentation</li>
              <li>✔ Music Release & Digital Distribution</li>
            </ul>
          </div>
        </div>

        {/* Service 3 */}
        <div className="grid md:grid-cols-2 gap-12 items-center mb-20">
          {/* Content */}
          <div>
            <h3 className="text-2xl font-semibold text-gray-900 mb-4">
              Qudoin
            </h3>
            <p className="text-gray-600 mb-6 leading-relaxed">
              Professional animation production services that bring your ideas
              to life. From explainer videos to brand storytelling, we create
              engaging animated content that resonates with your audience.
            </p>

            <ul className="space-y-3 text-gray-700">
              <li>✔ 2D & 3D Animation Production</li>
              <li>✔ Motion Graphics & Visual Effects</li>
              <li>✔ Character Design & Storyboarding</li>
            </ul>
          </div>

          {/* Image */}
          <div className="rounded-2xl overflow-hidden shadow-lg">
            <Image
              src="/image/s4.png"
              alt="Animasee"
              width={600}
              height={400}
              className="w-full h-auto object-cover"
            />
          </div>
        </div>
        <div className="grid md:grid-cols-2 gap-12 items-center mb-20 mt-10">
          {/* Image */}
          <div className="rounded-2xl overflow-hidden shadow-lg">
            <Image
              src="/image/s5.png"
              alt="Artifintel Soundworks"
              width={600}
              height={400}
              className="w-full h-auto object-cover"
            />
          </div>

          {/* Content */}
          <div>
            <h3 className="text-2xl font-semibold text-gray-900 mb-4">
              Talkshow AI
            </h3>
            <p className="text-gray-600 mb-6 leading-relaxed">
              Artifintel Soundworks adalah pionir musik AI yang menghadirkan
              karya dan kolaborasi dari musisi AI penuh kreativitas dan emosi.
              Sejak 2024, Artifintel telah merilis belasan hingga puluhan lagu
              dengan melodi memukau dan ritme inovatif.
            </p>

            <ul className="space-y-3 text-gray-700">
              <li>✔ AI Music Composition & Songwriting</li>
              <li>✔ Vocal Synthesis & AI Musicians</li>
              <li>✔ Genre Exploration & Sound Innovation</li>
              <li>✔ AI Collaboration & Creative Experimentation</li>
              <li>✔ Music Release & Digital Distribution</li>
            </ul>
          </div>
        </div>
      </div>
    </section>
  );
}