22 lines
555 B
TypeScript
22 lines
555 B
TypeScript
// src/components/home/Banner.tsx
|
|
"use client";
|
|
import Image from "next/image";
|
|
import { useCompany } from "@/components/providers/CompanyProvider";
|
|
|
|
export default function Banner() {
|
|
const company = useCompany();
|
|
const bannerSrc = `${process.env.NEXT_PUBLIC_DIRECTUS_URL}/assets/${company.top_banner}`;
|
|
|
|
return (
|
|
<section className="relative w-full aspect-[16/9] overflow-hidden">
|
|
<Image
|
|
src={bannerSrc}
|
|
alt={`${company.name} トップバナー`}
|
|
fill
|
|
priority
|
|
className="w-full h-auto object-cover"
|
|
/>
|
|
</section>
|
|
);
|
|
}
|