From 4f4bbd8ba49d9bee4f4fd478dc3e2301ea72b544 Mon Sep 17 00:00:00 2001
From: unstoppableayush <ayushkum884@gmail.com>
Date: Mon, 26 Feb 2024 12:54:47 +0530
Subject: [PATCH] Script, Link , Image Components in nextjs done

---
 .../app/about/page.js                               |  7 ++++++-
 .../app/contact/page.js                             | 12 ++++++++++--
 NextJS/123_script_link_image_component/app/page.js  |  4 +++-
 .../123_script_link_image_component/next.config.mjs | 13 ++++++++++++-
 4 files changed, 31 insertions(+), 5 deletions(-)

diff --git a/NextJS/123_script_link_image_component/app/about/page.js b/NextJS/123_script_link_image_component/app/about/page.js
index c71f180..a9ad5e0 100644
--- a/NextJS/123_script_link_image_component/app/about/page.js
+++ b/NextJS/123_script_link_image_component/app/about/page.js
@@ -8,4 +8,9 @@ const about = () => {
   )
 }
 
-export default about
\ No newline at end of file
+export default about
+
+export const metadata = {
+  title: "About Facebook - Contact with peoples",
+  description: "This is about facebook",
+};
\ No newline at end of file
diff --git a/NextJS/123_script_link_image_component/app/contact/page.js b/NextJS/123_script_link_image_component/app/contact/page.js
index 7797867..05b5c11 100644
--- a/NextJS/123_script_link_image_component/app/contact/page.js
+++ b/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
\ No newline at end of file
+export default contact
+
+export const metadata = {
+  title: "Contact Facebook - Contact with peoples",
+  description: "This is Contact facebook",
+};
\ No newline at end of file
diff --git a/NextJS/123_script_link_image_component/app/page.js b/NextJS/123_script_link_image_component/app/page.js
index 0690fdd..f605442 100644
--- a/NextJS/123_script_link_image_component/app/page.js
+++ b/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>
   );
 }
diff --git a/NextJS/123_script_link_image_component/next.config.mjs b/NextJS/123_script_link_image_component/next.config.mjs
index 4678774..0b54eef 100644
--- a/NextJS/123_script_link_image_component/next.config.mjs
+++ b/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;