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
-
-Link="/test"
-image={Trip1}
-heading="Thisara"
-
-
-/>
         <TripData
           
           image={Trip3}
-
           heading="Ravindu"
         />
+
         <TripData
+          Link="/sideEffectsAndTreatments"
           image={Trip2}
           heading="Side Effects & Treatments"
         />
 
- 
-
         <TripData
-
           image={Trip1}
-
           heading="Rehabilitation Process"
-
         />
 
       </div>
-
     </div>
-
   )
-
 }
 
  
\ No newline at end of file