From a65cb92f377bd5e4299ccd022f5efda71c08cad6 Mon Sep 17 00:00:00 2001
From: Mo Tarbin <mhed.t91@gmail.com>
Date: Thu, 4 Sep 2025 02:59:50 -0400
Subject: [PATCH] feat: update TabletInstallationSection to use imported image
 asset

---
 src/views/Landing/TabletInstallationSection.jsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/views/Landing/TabletInstallationSection.jsx b/src/views/Landing/TabletInstallationSection.jsx
index 3f5f1d0..f0f9cd6 100644
--- a/src/views/Landing/TabletInstallationSection.jsx
+++ b/src/views/Landing/TabletInstallationSection.jsx
@@ -1,4 +1,5 @@
 import { Box, Container, Typography } from '@mui/joy'
+import ipadDashboardCalendar from '../../assets/ipad_dashboard_calendar.png'
 
 const TabletInstallationSection = () => {
   return (
@@ -50,8 +51,7 @@ const TabletInstallationSection = () => {
           mb: { xs: 4, md: 6 },
         }}
       >
-        <img
-          src='/assets/ipad_dashbard_calendar.png'
+          src={ipadDashboardCalendar}
           alt='DoneTick dashboard with calendar view showing task management interface'
           style={{
             maxWidth: '90%',
@@ -62,6 +62,7 @@ const TabletInstallationSection = () => {
               '0 25px 50px rgba(0, 0, 0, 0.25), 0 10px 20px rgba(0, 0, 0, 0.15)',
           }}
         />
+        />
       </Box>
 
       {/* Features Grid */}