import './FeaturesStyles.css';
import React from 'react';
import TripData from './FeaturesData';
import Trip1 from '../assets/face.png';
import Trip2 from '../assets/drug.jpg';
import Trip3 from '../assets/sideeffects.png';
import Trip4 from '../assets/rehabilitation.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="Image-based Substance Abuse Detection"
        />

        <TripData
          
          image={Trip2}
          heading="Drug Type & Addiction Status"
        />

        <TripData
          Link="/sideEffectsAndTreatments"
          image={Trip3}
          heading="Side Effects & Treatments"
        />

        <TripData
          image={Trip4}
          heading="Rehabilitation Status"
        />

      </div>
    </div>
  )
}

 