ts import api from "@/axios/instance";
import styles from "@/components/homepage/home.module.css";
import Image from "next/image";

const HeroSection = async () => {
  const banner = await fetchBanner();

  return (
    <>
      <div className={styles.hero}>
        <Image
          src={banner.image_url}
          alt={banner.name}
          priority={false}
          width={1500}
          height={400}
        />
      </div>
    </>
  );
};

const fetchBanner = async () => {
  try {
    const res = await api.get("/banner/homepage-hero");
    return res.data;
  } catch (error) {
    console.error("Error fetching banner", error);
  }
};

export default HeroSection;