Script, Link , Image Components in nextjs done

NextJS/123_script_link_image_component/app/about/page.js

@@ -8,4 +8,9 @@ const about = () => {
   )
 }
 
-export default about
+export default about
+
+export const metadata = {
+  title: "About Facebook - Contact with peoples",
+  description: "This is about facebook",
+};

NextJS/123_script_link_image_component/app/contact/page.js

@@ -1,12 +1,20 @@
 import React from 'react'
-
+import Script from 'next/script'
 
 const contact = () => {
   return (
     <div>
+      <Script>
+        {` alert("welcome to contact page");`}
+      </Script>
       I am Contact
     </div>
   )
 }
 
-export default contact
+export default contact
+
+export const metadata = {
+  title: "Contact Facebook - Contact with peoples",
+  description: "This is Contact facebook",
+};

NextJS/123_script_link_image_component/app/page.js

@@ -2,8 +2,10 @@ import Image from "next/image";
 
 export default function Home() {
   return (
-   <div>
+   <div className="size-80  bg-rose-300">
     I am Home
+
+    <Image className="object-contain " height={500} width={500}  src="https://www.simplilearn.com/ice9/free_resources_article_thumb/html_image_slider.jpg" alt="" />
    </div>
   );
 }

NextJS/123_script_link_image_component/next.config.mjs

@@ -1,4 +1,15 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
+const nextConfig = {
+    images: {
+        remotePatterns: [
+          {
+            protocol: 'https',
+            hostname: 'www.simplilearn.com',
+            port: '',
+
+          },
+        ],
+      },
+};
 
 export default nextConfig;