diff --git a/examples/with-tailwindcss/pages/index.tsx b/examples/with-tailwindcss/pages/index.tsx
index 6efe2057f183..94e17a5facfb 100644
--- a/examples/with-tailwindcss/pages/index.tsx
+++ b/examples/with-tailwindcss/pages/index.tsx
@@ -1,6 +1,8 @@
+import type { NextPage } from 'next'
 import Head from 'next/head'
+import Image from 'next/image'
 
-export default function Home() {
+const Home: NextPage = () => {
   return (
     <div className="flex min-h-screen flex-col items-center justify-center py-2">
       <Head>
@@ -68,15 +70,17 @@ export default function Home() {
 
       <footer className="flex h-24 w-full items-center justify-center border-t">
         <a
-          className="flex items-center justify-center"
+          className="flex items-center justify-center gap-2"
           href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
           target="_blank"
           rel="noopener noreferrer"
         >
           Powered by{' '}
-          <img src="/vercel.svg" alt="Vercel Logo" className="ml-2 h-4" />
+          <Image src="/vercel.svg" alt="Vercel Logo" width={72} height={16} />
         </a>
       </footer>
     </div>
   )
 }
+
+export default Home
