Image optimize

nozich-inc · Aug 27, 2023 · b1ea522 · b1ea522
1 parent 021a2c9
commit b1ea522
Show file tree

Hide file tree

Showing 11 changed files with 42 additions and 21 deletions.
diff --git a/app/demo-1/page.jsx b/app/demo-1/page.jsx
@@ -8,17 +8,24 @@ export default function Demo1Page() {
 
       <Image
         src="/demo-1-1.jpg"
-        width={3600}
-        height={6000}
+        width={1920}
+        height={1200}
         alt="Welcome to Bomonti Cafe & Restaurant"
       />
 
       <Image
         src="/demo-1-2.jpg"
-        width={3600}
-        height={9160}
+        width={1920}
+        height={1200}
         alt="Bomonti Cafe & Restaurant"
       />
+
+      <Image
+        src="/demo-1-3.jpg"
+        width={1920}
+        height={5018}
+        alt="Contact Bomonti Cafe & Restaurant"
+      />
     </div>
   );
 }
diff --git a/app/demo-2/page.jsx b/app/demo-2/page.jsx
@@ -7,18 +7,25 @@ export default function Demo2Page() {
       <BackToHomeButton />
 
       <Image
-        src="/demo-2-1.jpg"
-        width={3600}
-        height={6000}
+        src="/demo-1-1.jpg"
+        width={1920}
+        height={1200}
         alt="Welcome to Bomonti Cafe & Restaurant"
       />
 
       <Image
-        src="/demo-2-2.jpg"
-        width={3600}
-        height={9160}
+        src="/demo-1-2.jpg"
+        width={1920}
+        height={1200}
         alt="Bomonti Cafe & Restaurant"
       />
+
+      <Image
+        src="/demo-1-3.jpg"
+        width={1920}
+        height={5018}
+        alt="Contact Bomonti Cafe & Restaurant"
+      />
     </div>
   );
 }
diff --git a/app/demo-3/page.jsx b/app/demo-3/page.jsx
@@ -7,18 +7,25 @@ export default function Demo3Page() {
       <BackToHomeButton />
 
       <Image
-        src="/demo-3-1.jpg"
-        width={3600}
-        height={6000}
+        src="/demo-1-1.jpg"
+        width={1920}
+        height={1200}
         alt="Welcome to Bomonti Cafe & Restaurant"
       />
 
       <Image
-        src="/demo-3-2.jpg"
-        width={3600}
-        height={9160}
+        src="/demo-1-2.jpg"
+        width={1920}
+        height={1200}
         alt="Bomonti Cafe & Restaurant"
       />
+
+      <Image
+        src="/demo-1-3.jpg"
+        width={1920}
+        height={5018}
+        alt="Contact Bomonti Cafe & Restaurant"
+      />
     </div>
   );
 }
diff --git a/app/page.jsx b/app/page.jsx
@@ -4,9 +4,9 @@ import Link from 'next/link';
 import Choose from './choose';
 
 const demos = [
-  { id: 1, title: 'DEMO-1', image: '/demo-1.jpg', link: '/demo-1' },
-  { id: 2, title: 'DEMO-2', image: '/demo-2.jpg', link: '/demo-2' },
-  { id: 3, title: 'DEMO-3', image: '/demo-3.jpg', link: '/demo-3' },
+  { id: 1, title: 'DEMO-1', image: '/demo-1-thumb.jpg', link: '/demo-1' },
+  { id: 2, title: 'DEMO-2', image: '/demo-1-thumb.jpg', link: '/demo-2' },
+  { id: 3, title: 'DEMO-3', image: '/demo-1-thumb.jpg', link: '/demo-3' },
 ];
 
 export default function Home() {
@@ -31,8 +31,8 @@ export default function Home() {
                 <Image
                   className="w-full"
                   src={demo.image}
-                  width={180}
-                  height={380}
+                  width={300}
+                  height={1315}
                   alt={demo.title}
                 />
               </div>

diff --git a/public/demo-1-1.jpg b/public/demo-1-1.jpg
diff --git a/public/demo-1-2.jpg b/public/demo-1-2.jpg
diff --git a/public/demo-1-3.jpg b/public/demo-1-3.jpg
diff --git a/public/demo-1-thumb.jpg b/public/demo-1-thumb.jpg
diff --git a/public/demo-1.jpg b/public/demo-1.jpg
diff --git a/public/demo-2.jpg b/public/demo-2.jpg
diff --git a/public/demo-3.jpg b/public/demo-3.jpg