import Image from "next/image"

export default function WhyEuphoriaSection() {
  return (
    <section className="w-full py-16 bg-gray-50">
      <div className="max-w-7xl mx-auto px-6">
        <h2 className="text-4xl lg:text-5xl font-bold text-gray-900 mb-16 text-center lg:text-left">
          Why Euphoria 5
        </h2>

        <div className="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-16">
          {/* Dollar Denominated Investments */}
          <div className="relative bg-white rounded-2xl p-8 shadow-sm">
            <div className="relative z-10">
              <div className="mb-6">
                <Image
                  src="https://ext.same-assets.com/2966879627/1437190720.webp"
                  alt="Dollar investments"
                  width={60}
                  height={60}
                  className="w-12 h-12"
                />
              </div>

              <h3 className="text-2xl font-bold text-gray-900 mb-4">
                Dollar denominated investments
              </h3>

              <p className="text-gray-600 leading-relaxed">
                Generations of Americans and Europeans have worked hard and invested over years only to see their efforts at wealth creation hindered due to high inflation, low growth and currency devaluation. The richest among us avoid these and grow their wealth by investing globally in dollar denominated investments scattered across the world or in sophisticated assets at home. But every day people had no access to these kind of investments, until now.
              </p>
            </div>
          </div>

          {/* 8% to 15% Returns */}
          <div className="relative bg-white rounded-2xl p-8 shadow-sm">
            <div className="mb-6">
              <Image
                src="https://ext.same-assets.com/2966879627/2957600851.webp"
                alt="Chart"
                width={60}
                height={60}
                className="w-12 h-12"
              />
            </div>

            <h3 className="text-4xl lg:text-5xl font-bold text-purple-700 mb-4">
              8% to 15%
            </h3>

            <p className="text-gray-700 leading-relaxed">
              We offer investments across real estate, stocks, and fixed income, historically generating between 8% to 15% and more in returns for users. All users are welcome, and with a minimum of $10 you can start your investment journey with our expert support.
            </p>

            <p className="text-gray-700 leading-relaxed mt-4">
              Sign up on Euphoria 5, create and fund a plan, and let us help you create long-term wealth.
            </p>
          </div>
        </div>

        {/* Regulated Investment Adviser */}
        <div className="bg-white rounded-2xl p-8 shadow-sm">
          <div className="grid grid-cols-1 lg:grid-cols-2 gap-8 items-center">
            <div>
              <div className="mb-6">
                <Image
                  src="https://ext.same-assets.com/2966879627/565290415.webp"
                  alt="Verified badge"
                  width={60}
                  height={60}
                  className="w-12 h-12"
                />
              </div>

              <h3 className="text-2xl font-bold text-gray-900 mb-4">
                Regulated investment adviser
              </h3>

              <p className="text-gray-600 leading-relaxed">
                Euphoria 5 is registered in Delaware, USA and regulated by the SEC. Our Dollar investments are held with US SEC-regulated entities. Expert managers research and discover the investments, build the portfolios into Euphoria 5 and then provide regular updates to investors so that you can follow how your money is growing.
              </p>
            </div>

            <div className="flex justify-center lg:justify-end">
              <Image
                src="/3.jpg"
                alt="Professional advisor"
                width={300}
                height={300}
                className="rounded-2xl shadow-lg"
              />
            </div>
          </div>
        </div>
      </div>
    </section>
  )
} 