diff --git a/components/HeaderNav.js b/components/HeaderNav.js
index 764c8fc..df3abce 100644
--- a/components/HeaderNav.js
+++ b/components/HeaderNav.js
@@ -63,7 +63,7 @@ export default function HeaderNav() {
             <div className='product-dropdown' onMouseLeave={handleProductOnHover}>
               <Link href='/provider' >
                 <div className='box'>
-                  <h4><img src='/images/surgeon-users.png' />Providers &gt;</h4>
+                  <h4><img src='/images/surgeon-users.png' />Providers <img className='chevron-img' src='/images/chevron.png' /></h4>
                   <ul>
                     <li>Episode of Care</li>
                     <li>Prioritized Rebooking</li>
@@ -73,7 +73,7 @@ export default function HeaderNav() {
               </Link>
               <Link href='/medical-device'>
                 <div className='box'>
-                  <h4><img src='/images/medical-device.png' />Medical Device &gt;</h4>
+                  <h4><img src='/images/medical-device.png' />Medical Device <img className='chevron-img' src='/images/chevron.png' /></h4>
                   <ul>
                     <li>Advanced Case Notification</li>
                     <li>Integrated Provider Solutions</li>
@@ -91,7 +91,7 @@ export default function HeaderNav() {
               <div className={router.pathname == '/company' && 'underline'}></div>
             </a>
           </Link>
-          <div className='dropdown'  >
+          <div className='dropdown'>
             <p className={contactDropdown && 'active_a'}  onMouseEnter={handleContactOnHover}>
               <span>Contact</span>
               <div className={contactDropdown && 'underline'} ></div>
@@ -165,7 +165,7 @@ export default function HeaderNav() {
           color: var(--blueDocspera);
         }
         
-        .active_a {
+        .active_a, .dropdown .active_a {
           color: var(--blueDocspera);
           font-weight: 600;
         }
@@ -195,7 +195,7 @@ export default function HeaderNav() {
           top: 100%;
           left: 0;
           width: 100%;
-          background-color: rgba(255, 255, 255, 0.65);
+          background-color: rgba(255, 255, 255, 1);
           padding: 50px 0;
         }
 
@@ -207,7 +207,7 @@ export default function HeaderNav() {
         .box:hover {
           filter: drop-shadow(0px 0px 0.3rem lightgrey);
           border-radius: 10px;
-          background-color: rgba(255, 255, 255, 0.90);
+          background-color: rgba(255, 255, 255, 1);
         }
 
         .box h4 {
@@ -223,6 +223,11 @@ export default function HeaderNav() {
           margin-right: 10px;
         }
 
+        .box .chevron-img {
+          height: 12px;
+          padding: 0 30px;
+        }
+
         .box ul {
           list-style-type: none;
           margin: 5px 0;
@@ -262,7 +267,7 @@ export default function HeaderNav() {
           position: absolute;
           top: 100%;
           left: -16%;
-          background-color: rgba(255, 255, 255, 0.65);
+          background-color: rgba(255, 255, 255, 1);
           padding: 0px 10px;
           color: black;
           width: 130px;
diff --git a/pages/index.js b/pages/index.js
index d8fe490..81e6ba7 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -17,7 +17,7 @@ export default function Home() {
 
       <img id='landing-bg' src='images/hexagon_bottom.png' width={'100%'} />
       {/* <Image src='images/hexagon_bottom.png' height={1200} width={2300} /> */}
-
+      
       <div id='logo-animation'>
         <LogoAnimation />
       </div>
@@ -33,7 +33,7 @@ export default function Home() {
           <NumberScroll
             imgSrc='images/surgeon-users.png'
             number={6000}
-            title='Surgical Users'
+            title='Surgeon Users'
             plus
           />
         </div>
@@ -49,7 +49,10 @@ export default function Home() {
       </div>
 
       <div id='connecting-section'>
+        
         <div id='words-div'>
+        <h1>DocSpera Integrated Care Coordination Platform</h1>
+
           <h2>
             Connecting <b>Surgeons</b>, <br /> <b>Care Teams</b> & <b>Medical Device Co.</b>
           </h2>
@@ -71,20 +74,33 @@ export default function Home() {
         <img id='connecting-graphic' src='images/connecting2.png' />
       </div>
 
-      <div id='container'>
-        <div className='box' style={{ marginRight: 30 }}>
+      <div className='product-section'>
+        <div className='box'>
           <h4><img src='/images/surgeon-users.png' />Providers</h4>
           <p><span>&#10140;</span> Episode of Care</p>
           <p><span>&#10140;</span> Prioritized Rebooking</p>
           <p><span>&#10140;</span> Data Intelligence &amp; RWD Insights</p>
-          <Link href='/provider' ><button>View More &nbsp;  &gt;</button></Link>
+          <Link href='/provider'><button>View More <img className='chevron-img' src='/images/chevron.png' /></button></Link>
         </div>
         <div className='box'>
           <h4><img src='/images/medical-device.png' />Medical Device Enterprise</h4>
           <p><span>&#10140;</span> Advanced Case Notification</p>
           <p><span>&#10140;</span> Integrated Provider Solutions</p>
           <p><span>&#10140;</span> Data Intelligence &amp; RWD Insights</p>
-          <Link href='/medical-device' ><button>View More &nbsp;  &gt;</button></Link>
+          <Link href='/medical-device' ><button>View More <img className='chevron-img' src='/images/chevron.png' /></button></Link>
+        </div>
+      </div>
+      
+      <div className='collab-section'>
+        <h2>DocSpera works with leading health solution providers and Organizations</h2>
+        <div className='collaborators'>
+          <div>Innovaccer</div>
+          <div>AthenaHealth Marketplace</div>
+          <div>EPIC App Orchard</div>
+          <div>DOLBY</div>
+          <div>AAHKS</div>
+          <div>Anterior Hip Foundation</div>
+          <div>CMS</div>
         </div>
       </div>
 
@@ -158,19 +174,26 @@ export default function Home() {
           font-weight: 200;
         }
 
-        #container {
+        .product-section {
           display: flex;
           align-items: center;
           justify-content: center;
           width: 100%;
+          margin: 0px 0 60px 0;
   
         }
 
+        .product-section .chevron-img {
+          filter: brightness(0) invert(1);
+          height: 10px;
+          margin: 0 0 0 10px;
+        }
+
         .box {      
-          width: 35%;
-          padding: 25px 150px;
+          padding: 25px 100px;
           border-radius: 10px;
-          background-color: white;
+          background-color: rgba(255, 255, 255, 1);
+          margin: 0 15px;
         }
         .box:hover {
           box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
@@ -219,6 +242,53 @@ export default function Home() {
           box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
         }
 
+
+        .collab-section {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          flex-direction: column;
+          padding: 100px 0;
+          width: 100%;
+     
+        }
+
+        .collaborators {
+          display: grid;
+          grid-template-columns: 1fr  1fr 1fr;
+          grid-template-rows: 1fr 1fr; 
+          column-gap: 10px;
+          row-gap: 10px;
+          justify-items: center;
+          align-items: center;
+          margin-top: 20px;
+        }
+
+        @media (max-width: 1024px) {
+          .product-section {
+            display: flex;
+            align-items: center;
+            justify-content: space-evenly;
+       
+          }
+          .box {   
+            width: 45%;
+            padding: 25px 50px;
+        }
+
+        @media (max-width: 768px) {
+          .product-section {
+            display: flex;
+            flex-direction: column;
+  
+          }
+          .box {   
+            width: 100%;   
+            padding: 30px;
+            margin-bottom: 10px;
+          }
+        }
+
       `}</style>
     </div>
   )
diff --git a/pages/medical-device.js b/pages/medical-device.js
index db5310a..5929206 100644
--- a/pages/medical-device.js
+++ b/pages/medical-device.js
@@ -24,7 +24,7 @@ export default function MedicalDevicePage() {
             <NumberScroll
               imgSrc='images/surgeon-users.png'
               number={6000}
-              title='Surgeon Users'
+              title='Surgeons'
               plus
             />
             <NumberScroll
@@ -38,12 +38,12 @@ export default function MedicalDevicePage() {
             <NumberScroll
               imgSrc='images/medical-device.png'
               number={'3/5'}
-              title='Top Medical Device Companies'
+              title='Top Global Medical Device Companies'
             />
             <NumberScroll
               imgSrc='images/tech-partners.png'
               number={30}
-              title='Tech Partners'
+              title='Technology Partners'
               plus
             />
           </div>
@@ -51,28 +51,34 @@ export default function MedicalDevicePage() {
 
         <div id='offerings-section'>
           <div id='offerings' className='inner-div'>
-            <h2 style={{ marginBottom: 20 }}>Enterprise Offerings & Advantages</h2>
+            <h2 style={{ marginBottom: 20 }}>Enterprise Offerings & Outcomes</h2>
             <div id='offerings-divs'>
               <div>
+                <h3>Docspera Demand</h3>
                 <img src='images/case-notification.png' />
                 <h4>Advanced Case Notification</h4>
                 <p>Early case demand signal to improve supply chain and robotics</p>
+                <p className='outcome'>Outcome: Advanced case signal from ~5 days to ~5 weeks</p>
                 <button>
                   <a href='#advanced-case-notification'>View</a>
                 </button>
               </div>
               <div>
+                <h3>DocSpera Provider Premium</h3>
                 <img src='images/provider-solutions.png' height='auto' />
                 <h4>Integrated Provider Solutions</h4>
-                <p>Enhance enterprise software offerings</p>
+                <p>Integrated platform & modules to enhance & complement enterprise software offerings</p>
+                <p className='outcome'>Outcome: Expand Enterprise capabilities into digital software offerings</p>
                 <button>
                   <a href='#integrated-providers-solutions'>View</a>
                 </button>
               </div>
               <div>
+                <h3>DocSpera Insights</h3>
                 <img src='images/data-intelligence.png' />
-                <h4>Data Intelligence</h4>
-                <p>Support the capture of real-world data across the surgical continuum</p>
+                <h4>Data Intelligence & RWD Insights</h4>
+                <p>Support the capture of real-world data across the surgical continuum (from surgical decision to recovery)</p>
+                <p className='outcome'>Outcome: Provide data registry enablement, regional trends and outcome studies</p>
                 <button>
                   <a href='#insights-section'>View</a>
                 </button>
@@ -82,34 +88,49 @@ export default function MedicalDevicePage() {
         </div>
 
         <div id='solve-challenges-section' className='inner-div'>
-          <h2 style={{ marginBottom: 0 }}>Solve Urgent Challenges</h2>
+          <h2 style={{ marginBottom: 0 }}>Solve Urgent CXO Level Challenges</h2>
           <p style={{ marginTop: 0 }}>
             With early, integrated, real-time capture of surgical cases:
           </p>
           <div id='solve-challenges-divs'>
             <div>
               <img src='images/cancellations.png' />
-              <p>
+              {/* <p>
                 Improve inventory management across shipping, sterilization, tray sizing,
                 cancellation management, etc
-              </p>
+              </p> */}
+              <p>Improved inventory management and transparency through earlier, more integrated real-time capture of surgical case</p>
+              <p>70% reduction in implant needs driving improvements across shipping, sterilization, tray sizing, cancellation management, etc.</p>
             </div>
             <div>
               <img src='images/data-driven.png' />
-              <p>
+              {/* <p>
                 Deepen your understanding of your product performance in real world clinical
                 settings
-              </p>
+              </p> */}
+              <p>Deeper understanding of your product performance across continuum of care</p>
+              <p>Access real-world data and gain insight of your product performance in real-world clinical settings</p>
             </div>
             <div>
               <img src='images/strategic.png' />
-              <p>Strengthen market position through strategic offerings & engagements</p>
+              {/* <p>Strengthen market position through diversified offerings & strategic engagements</p> */}
+              <p>Strengthen market position through diversified offerings to become a more strategic partner to your customers</p>
+              <p>Complement implant sales with digital offerings that extends your solutions in more strategic engagements</p>
+            </div>
+            <div>
+              <img src='' alt='Deliver' />
+              {/* <p>Deliver trackable and easily managed risk–sharing based offerings</p> */}
+              <p>Deliver trackable and easily managed risk–sharing based offerings </p>
+              <p>Easily provide your hospital customers with value and risk sharing based models using DocSpera clinically integrated platforms</p>
             </div>
           </div>
         </div>
 
         <div id='advanced-case-notification' className='inner-div'>
-          <h2 style={{ marginTop: 100, marginBottom: 0 }}>Advanced Case Notification</h2>
+        <h3 style={{ marginTop: 100, marginBottom: 0 }}>DocSpera Demand</h3>
+        <h2 style={{ marginTop: 0, marginBottom: 0 }}>Real Time Advanced Case Notification</h2>
+          {/* <h2 style={{ marginTop: 100, marginBottom: 0 }}> Real Time Advanced Case Notification</h2> */}
+ 
           <p style={{ margin: 0 }}>Improve Supply Chain Efficiencies</p>
           <div style={{ display: 'flex', marginLeft: -20, marginTop: 20 }}>
             <ul>
@@ -126,7 +147,8 @@ export default function MedicalDevicePage() {
 
         <div style={{ backgroundColor: 'var(--blueFaint)' }}>
           <div id='integrated-providers-solutions' className='provider-solutions inner-div'>
-            <h2 style={{ marginBottom: 0 }}>Integrated Provider Solutions</h2>
+          <h3 style={{ marginTop: 100, marginBottom: 0 }}>DocSpera Provider Premium</h3>
+            <h2 style={{ marginTop: 0, marginBottom: 0 }}>Integrated Provider Solutions</h2>
             <p style={{ marginTop: 0 }}>
               Best in class SaaS, real-time, predictive platform for the entire surgical ecosystem
             </p>
@@ -139,38 +161,42 @@ export default function MedicalDevicePage() {
                   <ul>
                     <li>Case scheduling & OR management</li>
                     <li>Image Sharing</li>
-                    <li>EMR & Telelhealth intergration</li>
+                    <li>EMR & Telehealth intergration</li>
                   </ul>
                 </p>
+                <div>Integrated Workflow</div>
               </div>
               <div>
                 <img src='images/smart-scheduling.png' />
-                <h4>Optimized & Coordinated</h4>
-                <h6>Coordination across entire care team</h6>
+                <h4>Surgical Dashboard</h4>
+                <h6>Manage upcoming cases</h6>
                 <p>
                   <ul>
-                    <li>Real time coordination between clinic, OR Team & Device Rep</li>
+                    <li>Real-time coordination between Clinic, OR Team & Device Rep</li>
                     <li>Intelligent case backlog booking</li>
                   </ul>
                 </p>
+                <div>Optimized and Coordinated</div>
               </div>
               <div>
                 <img src='images/episode-of-care.png' />
-                <h4>Episode of Care</h4>
-                <h6>Coordination across entire care team</h6>
+                <h4>Episode of Care Tracker</h4>
+                <h6>Post operative care management</h6>
                 <p>
                   <ul>
                     <li>Post-acute management and recovery coordination</li>
                     <li>Risk stratification & management</li>
                   </ul>
                 </p>
+                <div>Outcomes and Risk Management</div>
               </div>
             </div>
           </div>
         </div>
 
         <div id='insights-section' className='inner-div'>
-          <h2>Data Intelligence & RWD Insights</h2>
+        <h3 style={{ marginTop: 100, marginBottom: 0 }}>DocSpera Insights</h3>
+          <h2 style={{ marginTop: 0, marginBottom: 0 }}>Data Intelligence & RWD Insights</h2>
           <p>Support the capture of real-word data and insights across the surgical continuum</p>
           <img src='images/demand-intel.png' />
           <div id='insights-copy-div'>
@@ -291,10 +317,15 @@ export default function MedicalDevicePage() {
           margin-bottom: 10px;
         }
 
-        #offerings-divs h4 {
+        #offerings-divs h4, h3 {
           margin: 0;
         }
 
+        #offerings-divs .outcome {
+          color: var(--blueDocspera);
+     
+        }
+
         #solve-challenges-divs {
           display: flex;
         }
@@ -314,6 +345,12 @@ export default function MedicalDevicePage() {
           margin-bottom: 15px;
         }
 
+        #solve-challenges-divs > div > p:nth-child(3) {
+          font-size: 12px;
+          color: grey;
+
+        }
+
         #insights-section > img {
           width: 100%;
         }
@@ -399,6 +436,16 @@ export default function MedicalDevicePage() {
         .provider-solutions-row p {
           max-width: 300px;
         }
+
+        .provider-solutions-row > div > div {
+          padding: 10px ;
+          background-color: var(--blueDocspera);
+          text-align: center;
+          border-radius: 18px;
+          color: white;
+          width: 100%;
+    
+        }
       `}</style>
     </>
   )
diff --git a/pages/provider.js b/pages/provider.js
index ec2918f..9fb1298 100644
--- a/pages/provider.js
+++ b/pages/provider.js
@@ -47,7 +47,7 @@ export default function Provider() {
     },
     {
       quote:
-        'The DocSpera scheduling platform has been a tremendous asset to my surgical practice. The extremely user­friendly mobile app offers remarkable flexibility and provides seamless communication between the surgical team and industry reps, ensuring no preoperative planning or scheduling detail goes unrecognized',
+        'The DocSpera scheduling platform has been a tremendous asset to my surgical practice. The extremely user­ friendly mobile app offers remarkable flexibility and provides seamless communication between the surgical team and industry reps, ensuring no preoperative planning or scheduling detail goes unrecognized',
       name: 'Shane Seroyer, MD',
       location: 'TMI Sports Medicine & Orthopedic Surgery Arlington',
       pic: 'ShaneSeroyer.png'
@@ -82,7 +82,7 @@ export default function Provider() {
           Intelligent Surgical Coordination: Enabling Efficiency and Profitability
         </h2>
         <p>
-          DocSpera is an integrated solution, helping manage coordination across multiple sites and
+          DocSpera is an integrated surgical coordination, helping manage coordination across multiple sites and
           teams, drive improved efficiencies and deliver better care.
         </p>
         <img src='images/surgeon-doodle.png' id='surgeon-doodle' />
@@ -124,34 +124,37 @@ export default function Provider() {
               <h4>Integrated Surgical Scheduling</h4>
               <h6>Coordination across entire care team</h6>
               <p>
-                <ul>
-                  <li>Case scheduling & OR management</li>
-                  <li>Image Sharing</li>
-                  <li>EMR & Telelhealth intergration</li>
-                </ul>
-              </p>
+                  <ul>
+                    <li>Case scheduling & OR management</li>
+                    <li>Image Sharing</li>
+                    <li>EMR & Telehealth intergration</li>
+                  </ul>
+                </p>
+                <div>Integrated Workflow</div>
             </div>
             <div>
               <img src='images/smart-scheduling.png' />
               <h4>Optimized & Coordinated</h4>
-              <h6>Coordination across entire care team</h6>
+              <h6>Manage upcoming cases</h6>
               <p>
-                <ul>
-                  <li>Real time coordination between clinic, OR Team & Device Rep</li>
-                  <li>Intelligent case backlog booking</li>
-                </ul>
-              </p>
+                  <ul>
+                    <li>Real-time coordination between Clinic, OR Team & Device Rep</li>
+                    <li>Intelligent case backlog booking</li>
+                  </ul>
+                </p>
+                <div>Optimized and Coordinated</div>
             </div>
             <div>
               <img src='images/episode-of-care.png' />
               <h4>Episode of Care</h4>
-              <h6>Coordination across entire care team</h6>
+              <h6>Post operative care management</h6>
               <p>
-                <ul>
-                  <li>Post-acute management and recovery coordination</li>
-                  <li>Risk stratification & management</li>
-                </ul>
-              </p>
+                  <ul>
+                    <li>Post-acute management and recovery coordination</li>
+                    <li>Risk stratification & management</li>
+                  </ul>
+                </p>
+                <div>Outcomes and Risk Management</div>
             </div>
           </div>
         </div>
@@ -279,6 +282,7 @@ export default function Provider() {
             </div>
             <div>
               <img src='images/logos/washington.png' width={200} />
+              <img src='images/logos/englewood.png' width={160} />
             </div>
           </div>
         </div>
@@ -345,6 +349,16 @@ export default function Provider() {
           max-width: 300px;
         }
 
+        .provider-solutions-row > div > div {
+          padding: 10px ;
+          background-color: var(--blueDocspera);
+          text-align: center;
+          border-radius: 18px;
+          color: white;
+          width: 100%;
+    
+        }
+
         #seamless-integration {
         }
 
@@ -428,6 +442,8 @@ export default function Provider() {
         .location {
           color: gray;
         }
+
+
       `}</style>
     </>
   )
diff --git a/public/images/chevron.png b/public/images/chevron.png
new file mode 100644
index 0000000..9775e48
--- /dev/null
+++ b/public/images/chevron.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:54d7fade98fe8dd7a48abda2808bad656eb22329aedded5fe05de7462e80259a
+size 953
diff --git a/styles/global.css b/styles/global.css
index 4658930..3dadbfb 100644
--- a/styles/global.css
+++ b/styles/global.css
@@ -5,6 +5,10 @@
   --blueFaint: #f6fcff;
 }
 
+html {
+  scroll-behavior: smooth;
+}
+
 html,
 body {
   padding: 0;