Merge pull request #85 from tskaigi/feature/update-banner

バナー画像差し替え

app/call-for-proposals/page.tsx

@@ -7,6 +7,7 @@ import Card from '../ui/card';
 import Cta from '../ui/cta';
 import Container from '../ui/container';
 import { NavigateAnchorOnFirstRender } from '../functional/navigate-anchor-on-first-render';
+import Image from 'next/image';
 
 const targetIndex = 3;
 const pageAnchors = {
@@ -79,7 +80,7 @@ export default function Page() {
           </h2>
           <div className="grid md:grid-cols-2 gap-8 my-12">
             <div className="m-auto">
-              <img src="/banner.png" className="object-cover h-48 md:h-56 lg:h-80 rounded-lg " alt="tskaigi logo" />
+              <img src="/banner.jpg" className="object-cover h-48 md:h-56 lg:h-80 rounded-lg " alt="tskaigi logo" />
             </div>
             <div>
               <p>応募締切：　2024年2月29日（木）</p>

app/draft/page.tsx

@@ -15,7 +15,7 @@ export default function DraftTopPage () {
     <>
       <NavigateAnchorOnFirstRender />
       <div className="bg-white">
-        <img src="/banner.png" className="object-cover mx-auto h-screen max-h-[30vh] md:max-h-[55vh] lg:max-h-[60vh]" alt="banner image" />
+        <img src="/banner.jpg" className="object-cover mx-auto h-screen max-h-[30vh] md:max-h-[55vh] lg:max-h-[60vh]" alt="banner image" />
       </div>
       <Container>
         <div className="max-w-4xl my-8 mx-auto pb-20">

app/layout.tsx

@@ -25,14 +25,14 @@ export const metadata: Metadata = {
     card: 'summary_large_image',
     site: '@tskaigi',
     creator: '@tskaigi',
-    images: ['/banner.png'],
+    images: ['/banner.jpg'],
   },
   openGraph: {
     title: 'TSKaigi 2024',
     url: 'https://tskaigi.org/',
     description: 'TSKaigi 2024は、日本最大級のTypeScriptカンファレンスを開催します。',
     type: 'website',
-    images: ['/banner.png'],
+    images: ['/banner.jpg'],
   },
 }
 

app/page.tsx

@@ -17,7 +17,7 @@ export default function Home() {
     <>
       <NavigateAnchorOnFirstRender />
       <div className="bg-white">
-        <img src="/banner.png" className="object-cover mx-auto h-screen max-h-[30vh] md:max-h-[55vh] lg:max-h-[60vh]" alt="banner image" />
+        <img src="/banner.jpg" className="object-cover mx-auto h-screen max-h-[30vh] md:max-h-[55vh] lg:max-h-[60vh]" alt="banner image" />
       </div>
       <Container>
         <div className="relative isolate overflow-hidden">