Ride Options Grid

import { RideOptionsGrid } from "@/components/ui/ride-options-grid";
import { Leaf } from "lucide-react"; // Using lucide-react for icons, as is common with shadcn

// Demo component to showcase the RideOptionsGrid
export default function RideOptionsGridDemo() {
  const rideOptions = [
    {
      imageSrc: "https://cn-geo1.uber.com/image-proc/crop/resizecrop/udam/format=auto/width=2304/height=2304/srcb64=aHR0cHM6Ly90Yi1zdGF0aWMudWJlci5jb20vcHJvZC91ZGFtLWFzc2V0cy9hYjZmZmRmYy0wMjA1LTQ3MmItOTlhYy01NTVjZTRiMTlmM2QucG5n", // Placeholder image for Uber Black
      altText: "Uber Black car",
      eyebrow: "Predictably premium",
      title: "Uber Black",
      description: "Get professional drivers in luxury vehicles, whether your employees are traveling with a VIP or they are a VIP they can travel in style.",
    },
    {
      imageSrc: "https://cn-geo1.uber.com/image-proc/crop/resizecrop/udam/format=auto/width=2304/height=2304/srcb64=aHR0cHM6Ly90Yi1zdGF0aWMudWJlci5jb20vcHJvZC91ZGFtLWFzc2V0cy9jOGU3MDZjNC0yYjUwLTQ0ZGEtODMzZS0zNjkxZWJlZTdlZjgucG5n", // Placeholder image for Comfort Electric
      altText: "Comfort Electric car",
      eyebrow: "Stylish and sustainable",
      title: "Comfort Electric",
      description: "Premium fully electric vehicles that can help your company reach their sustainability goals.",
      icon: <Leaf size={20} />,
    },
    {
      imageSrc: "https://cn-geo1.uber.com/image-proc/crop/resizecrop/udam/format=auto/width=2304/height=2304/srcb64=aHR0cHM6Ly90Yi1zdGF0aWMudWJlci5jb20vcHJvZC91ZGFtLWFzc2V0cy9hZGU0MTViOC0yMWE0LTQyZDMtYWM0Ni0zNGMwZDA1YzQ2M2UucG5n", // Placeholder image for Uber Business Comfort
      altText: "Uber Business Comfort car",
      eyebrow: "Designed for the business traveler",
      title: "Uber Business Comfort",
      description: "Your team can enjoy newer vehicles with extra legroom and priority pickup. Priority pickup is designed to help them get picked up fast so they can focus on what matters most.",
    },
    {
      imageSrc: "https://cn-geo1.uber.com/image-proc/crop/resizecrop/udam/format=auto/width=2304/height=2304/srcb64=aHR0cHM6Ly90Yi1zdGF0aWMudWJlci5jb20vcHJvZC91ZGFtLWFzc2V0cy9jZDY5ZGFkYy0wMjJjLTQ0OTYtOTY0ZS04NDM2OWVjODAyYWIucG5n", // Placeholder image for Uber Reserve
      altText: "Uber Reserve calendar icon",
      eyebrow: "Peace of mind",
      title: "Uber Reserve",
      description: "Your employees can plan ahead for their next business trip by reserving a ride today. Request your ride up to 90 days ahead with Uber Reserve, so getting there is the last thing on your mind.",
    },
  ];

  return (
    <div className="w-full">
      <RideOptionsGrid
        title="The reliability and consistency you know, across business ready premium ride options"
        options={rideOptions}
      />
    </div>
  );
}