import EntertainmentHero from "@/components/entertainment/EntertainmentHero"
import EntertainmentAbout from "@/components/entertainment/EntertainmentAbout"
import EntertainmentRides from "@/components/entertainment/EntertainmentRides"
import EntertainmentEvents from "@/components/entertainment/EntertainmentEvents"
import EntertainmentRestaurants from "@/components/entertainment/EntertainmentRestaurants"
import EntertainmentStats from "@/components/entertainment/EntertainmentStats"
import { getEntertainmentData } from "@/lib/api/entertainment"
import { resolveAssetUrls } from "@/lib/asset-url"

export default async function Entertainment() {
  const data = resolveAssetUrls(await getEntertainmentData())

  return (
    <div className="min-h-screen bg-white relative">
      <EntertainmentHero data={data.hero} />
      <EntertainmentAbout data={data.about} />
      <EntertainmentRides data={data.rides} />
      <EntertainmentEvents data={data.events} />
      <EntertainmentRestaurants data={data.restaurants} />
      <EntertainmentStats data={data.stats} />

      {data.bookRideButtonText && data.bookRideButtonLink && (
        <div className="fixed bottom-[40px] right-[24px] md:right-[72px] z-50">
          <a
            href={data.bookRideButtonLink}
            className="flex items-center bg-[#d20010] rounded-[66px] pl-[2px] py-[2px] group hover:bg-[#b8000e] transition-colors shadow-lg"
          >
            <span className="flex items-center justify-center bg-white px-[15px] py-[8px] rounded-[44px]">
              <span
                className="font-sans font-medium text-[16px] leading-[22px] text-[#1c2023] tracking-[0.32px] uppercase whitespace-nowrap"
                style={{ fontSize: "14px" }}
              >
                {data.bookRideButtonText}
              </span>
            </span>
            <span className="flex items-center justify-center w-[10px] h-[24px] mx-[8px]">
              <svg width="8" height="14" viewBox="0 0 7.5 13.5" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path
                  d="M0.75 0.75C0.75 0.75 6.75 5.169 6.75 6.75C6.75 8.331 0.75 12.75 0.75 12.75"
                  stroke="#FAFAFA"
                  strokeWidth="1.5"
                  strokeLinecap="round"
                  strokeLinejoin="round"
                />
              </svg>
            </span>
          </a>
        </div>
      )}
    </div>
  )
}