1  import Vehicles from "@/app/components/vehicles";
 2  
 3  export default function ProviderResults({ tripInformation }) {
 4    return (
 5      <section className="body-font text-gray-600">
 6        <div className="container mx-auto px-5 py-24">
 7          <div className="mb-20 flex w-full flex-wrap">
 8            <div className="mb-6 w-full lg:mb-0 lg:w-1/2">
 9              <h1 className="title-font mb-2 text-2xl font-medium text-gray-900 sm:text-3xl">
10                Gedeelde vervoersmogelijkheden
11              </h1>
12              <div className="h-1 w-20 rounded bg-sharedride-500"></div>
13            </div>
14            <p className="w-full leading-relaxed text-gray-500 lg:w-1/2">
15              De verstrekte informatie is altijd actueel, maar wordt
16              geautomatiseerd gegenereerd op basis van een standaard (gratis)
17              abonnement. Door speciale aanbiedingen of nieuwe regels kunnen de
18              prijzen desondanks afwijken. Het is raadzaam om altijd de prijs
19              handmatig in de betreffende app/website zelf te controleren. Deze
20              website is niet verbonden aan de aanbieders van de deelauto's.
21            </p>
22          </div>
23          <div className="-m-4 flex flex-wrap">
24            <Vehicles tripInformation={tripInformation} />
25          </div>
26        </div>
27      </section>
28    );
29  }