const ProcessSection = () => {
  const steps = [
    {
      number: "1",
      title: "Input your location to start looking for landmarks.",
      description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pharetra vitae quam integer semper."
    },
    {
      number: "2", 
      title: "Make an appointment at the place you want to visit.",
      description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pharetra vitae quam integer."
    },
    {
      number: "3",
      title: "Visit the place and enjoy the experience.",
      description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pharetra vitae quam integer aenean."
    }
  ];

  return (
    <section className="py-20 bg-white">
      <div className="max-w-7xl mx-auto px-4">
        <div className="text-center mb-16">
          <p className="text-primary font-medium mb-4">Best Way</p>
          <h2 className="text-4xl md:text-5xl font-bold text-gray-900 mb-6">
            Find Your Dream Place <span className="text-span">The Best Way</span>
          </h2>
          <p className="text-xl text-gray-600 max-w-2xl mx-auto">
            Discover exciting categories. Find what you're looking for.
          </p>
        </div>

        <div className="grid md:grid-cols-3 gap-8">
          {steps.map((step, index) => (
            <div key={index} className="text-center group">
              <div className="relative mb-6">
                <div className="w-16 h-16 bg-primary text-white text-2xl font-bold rounded-full flex items-center justify-center mx-auto mb-4 group-hover:scale-110 transition-transform duration-300">
                  {step.number}
                </div>
              </div>
              <h4 className="text-xl font-semibold text-gray-900 mb-4 leading-tight">
                {step.title}
              </h4>
              <p className="text-gray-600 leading-relaxed">
                {step.description}
              </p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
};

export default ProcessSection;