From eb493e7893f1629a4d5f347b7457601f51483146 Mon Sep 17 00:00:00 2001
From: Jakub Knetl <knetl.j@gmail.com>
Date: Wed, 27 Dec 2023 14:11:58 +0100
Subject: [PATCH] Chapter 3 - add responsive image

---
 app/page.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/app/page.tsx b/app/page.tsx
index 48aaecc..f5831e2 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -3,6 +3,7 @@ import AcmeLogo from '@/app/ui/acme-logo';
 import { ArrowRightIcon } from '@heroicons/react/24/outline';
 import Link from 'next/link';
 import {lusitana} from "@/app/ui/fonts";
+import Image from 'next/image';
 
 export default function Page() {
   return (
@@ -30,6 +31,13 @@ export default function Page() {
         </div>
         <div className="flex items-center justify-center p-6 md:w-3/5 md:px-28 md:py-12">
           {/* Add Hero Images Here */}
+            <Image
+                src="/hero-desktop.png"
+                width={1000}
+                height={760}
+                className="hidden md:block"
+                alt="Screenshots of the dashboard project showing desktop version"
+            />
         </div>
       </div>
     </main>