First

src/components/Features.js

 import './FeaturesStyles.css';
-
 import React from 'react';
-
 import TripData from './FeaturesData';
-
 import Trip1 from '../assets/5.jpg';
-
 import Trip2 from '../assets/6.jpg';
-
 import Trip3 from '../assets/8.jpg';
 import { Link } from "react-router-dom";
  
 
 export default function Trip() {
-
   return (
 
     <div className='trip'>
-
       <h1>Services</h1>
-
       <div className='tripcard'>
 
-
-<TripData
-
-Link="/test"
-image={Trip1}
-heading="Thisara"
-
-
-/>
         <TripData
-
-                image={Trip3}
-
-                heading="Ravindu"
+          Link="/test"
+          image={Trip1}
+          heading="Thisara"
         />
+
         <TripData
-                image={Trip2}
-                heading="Side Effects & Treatments"
+          
+          image={Trip3}
+          heading="Ravindu"
         />
 
- 
-
         <TripData
+          Link="/sideEffectsAndTreatments"
+          image={Trip2}
+          heading="Side Effects & Treatments"
+        />
 
-                image={Trip1}
-
-                heading="Rehabilitation Process"
-
+        <TripData
+          image={Trip1}
+          heading="Rehabilitation Process"
         />
 
       </div>
-
     </div>
-
   )
-
 }
 
  
\ No newline at end of file