import React from "react";

type Props = {};

const RoadMap = (props: Props) => {
  return (
    <div className="container mx-auto text-white md:min-h-[40vh]">
      <h1 className="text-5xl font-bold text-center">RoadMap</h1>

      <div className="flex gap-10 mt-20">
        <div className="w-1/4 bg-[conic-gradient(at_left,_var(--tw-gradient-stops))] from-orange-400 to-rose-400 rounded-lg min-h-[200px] p-5">
          <h4 className="text-center text-2xl text-gray-100 font-semibold mb-3">
            Phase 1
          </h4>
          <ol>
            <li>
              <p>
                Lorem ipsum, dolor sit amet consectetur adipisicing elit. vitae.
              </p>
            </li>
            <li>
              <p>
                Lorem ipsum, dolor sit amet consectetur adipisicing elit. vitae.
              </p>
            </li>
          </ol>
        </div>
      </div>
    </div>
  );
};

export default RoadMap;