diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1bb6606..b15bd52 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -63,11 +63,11 @@ export default function MediRemindPage() {
           useInvertedBackground={false}
           features={[
             {
-              id: "1",              title: "Smart Reminders",              description: "Customizable notifications ensure you never forget a dose. Set reminders for specific times and frequencies.",              imageSrc: "http://img.b2bpic.net/free-vector/notification-bell-set_78370-9360.jpg",              imageAlt: "Smart medication reminders"},
+              id: 1,              title: "Smart Reminders",              description: "Customizable notifications ensure you never forget a dose. Set reminders for specific times and frequencies.",              imageSrc: "http://img.b2bpic.net/free-vector/notification-bell-set_78370-9360.jpg",              imageAlt: "Smart medication reminders"},
             {
-              id: "2",              title: "Health Tracking",              description: "Track your medication adherence with detailed analytics and progress reports over time.",              imageSrc: "http://img.b2bpic.net/free-photo/discussing-financial-reports_1098-18276.jpg",              imageAlt: "Health tracking analytics"},
+              id: 2,              title: "Health Tracking",              description: "Track your medication adherence with detailed analytics and progress reports over time.",              imageSrc: "http://img.b2bpic.net/free-photo/discussing-financial-reports_1098-18276.jpg",              imageAlt: "Health tracking analytics"},
             {
-              id: "3",              title: "Medicine Organization",              description: "Organize all your medications in one place with detailed information about dosage and frequency.",              imageSrc: "http://img.b2bpic.net/free-photo/medical-treatment-calendar-with-stethoscope-pills_23-2148438970.jpg",              imageAlt: "Medicine organization system"},
+              id: 3,              title: "Medicine Organization",              description: "Organize all your medications in one place with detailed information about dosage and frequency.",              imageSrc: "http://img.b2bpic.net/free-photo/medical-treatment-calendar-with-stethoscope-pills_23-2148438970.jpg",              imageAlt: "Medicine organization system"},
           ]}
           mediaAnimation="opacity"
           buttonAnimation="opacity"
@@ -83,13 +83,13 @@ export default function MediRemindPage() {
           useInvertedBackground={false}
           features={[
             {
-              id: "1",              title: "Add Your Medicines",              description: "Input your medicines with dosage, frequency, and timing details",              imageSrc: "http://img.b2bpic.net/free-photo/agent-filling-form-health-insurance-with-patient_1098-21611.jpg",              imageAlt: "Add medicines step"},
+              id: 1,              title: "Add Your Medicines",              description: "Input your medicines with dosage, frequency, and timing details",              imageSrc: "http://img.b2bpic.net/free-photo/agent-filling-form-health-insurance-with-patient_1098-21611.jpg",              imageAlt: "Add medicines step"},
             {
-              id: "2",              title: "Set Reminders",              description: "Configure custom reminder notifications for each medicine",              imageSrc: "http://img.b2bpic.net/free-photo/email-alert-popup-reminder-concept_53876-123867.jpg",              imageAlt: "Set reminders step"},
+              id: 2,              title: "Set Reminders",              description: "Configure custom reminder notifications for each medicine",              imageSrc: "http://img.b2bpic.net/free-photo/email-alert-popup-reminder-concept_53876-123867.jpg",              imageAlt: "Set reminders step"},
             {
-              id: "3",              title: "Mark as Taken",              description: "Record when you take each medicine to track adherence",              imageSrc: "http://img.b2bpic.net/free-photo/medical-examination-report-history-history_53876-123685.jpg",              imageAlt: "Mark as taken step"},
+              id: 3,              title: "Mark as Taken",              description: "Record when you take each medicine to track adherence",              imageSrc: "http://img.b2bpic.net/free-photo/medical-examination-report-history-history_53876-123685.jpg",              imageAlt: "Mark as taken step"},
             {
-              id: "4",              title: "View Reports",              description: "Access detailed insights about your medication compliance",              imageSrc: "http://img.b2bpic.net/free-photo/discussing-financial-reports_1098-18276.jpg",              imageAlt: "View reports step"},
+              id: 4,              title: "View Reports",              description: "Access detailed insights about your medication compliance",              imageSrc: "http://img.b2bpic.net/free-photo/discussing-financial-reports_1098-18276.jpg",              imageAlt: "View reports step"},
           ]}
           mediaAnimation="opacity"
           buttonAnimation="opacity"