added ide png

pulkit-30 · Sep 29, 2024 · 1a8cbea · 1a8cbea
1 parent ef386c5
commit 1a8cbea
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/public/assets/ide-ss.png b/public/assets/ide-ss.png
diff --git a/src/components/pages/home/index.tsx b/src/components/pages/home/index.tsx
@@ -1,3 +1,4 @@
+import Image from 'next/image';
 import { getServerSession } from 'next-auth';
 
 import { authOptions } from '@/app/api/auth/[...nextauth]/auth-options';
@@ -14,7 +15,7 @@ const HomePage = async () => {
   const session = await getServerSession(authOptions);
   return (
     <section
-      className="flex size-full flex-col items-center justify-between p-10"
+      className="flex size-full flex-col items-center justify-between gap-20 p-10"
       data-testid="home-page"
     >
       <div>
@@ -28,7 +29,15 @@ const HomePage = async () => {
           <Auth />
         </div>
       </div>
-      <div className="mt-36 flex flex-col items-center justify-between gap-5">
+      <div className="mt-20 overflow-hidden rounded-md border shadow-2xl shadow-gray-900">
+        <Image
+          alt="here-image"
+          src="/assets/ide-ss.png"
+          height="900"
+          width="1000"
+        />
+      </div>
+      <div className="flex flex-col items-center justify-between gap-5">
         <div className="mx-auto flex flex-wrap items-center justify-center gap-10 text-gray-500 grayscale">
           <Tooltip delayDuration={0}>
             <TooltipTrigger>