import React from 'react';
import { Phone, MapPin, Car } from 'lucide-react';

const TaxiServiceWebsite = () => {
  return (
    <div className="font-sans text-gray-800">
      <header className="bg-yellow-500 text-white p-6">
        <h1 className="text-3xl font-bold">Taxi Service Germany</h1>
        <p className="mt-2">Reliable and affordable taxi services across Germany</p>
      </header>

      <main className="p-6">
        <section className="my-8">
          <h2 className="text-2xl font-semibold mb-4">Our Services</h2>
          <div className="flex space-x-4">
            <div className="flex-1 bg-gray-100 p-4 rounded-lg shadow">
              <img src="https://via.placeholder.com/150" alt="City Rides" className="w-full h-32 object-cover mb-2 rounded" />
              <Car className="w-8 h-8 text-yellow-500 mb-2" />
              <h3 className="font-bold">City Rides</h3>
              <p>Quick and comfortable rides within the city.</p>
            </div>
            <div className="flex-1 bg-gray-100 p-4 rounded-lg shadow">
              <img src="https://via.placeholder.com/150" alt="Airport Transfers" className="w-full h-32 object-cover mb-2 rounded" />
              <MapPin className="w-8 h-8 text-yellow-500 mb-2" />
              <h3 className="font-bold">Airport Transfers</h3>
              <p>Reliable transfers to and from all major airports.</p>
            </div>
          </div>
        </section>

        <section className="my-8">
          <h2 className="text-2xl font-semibold mb-4">Pricing</h2>
          <img src="https://via.placeholder.com/300x150" alt="Pricing" className="w-full h-32 object-cover mb-4 rounded" />
          <p>Our pricing is competitive and transparent. Contact us for a quote.</p>
        </section>

        <section className="my-8">
          <h2 className="text-2xl font-semibold mb-4">Contact Us</h2>
          <div className="flex items-center">
            <Phone className="w-6 h-6 text-yellow-500 mr-2" />
            <p>Call us at: +49 123 456 789</p>
          </div>
        </section>
      </main>

      <footer className="bg-gray-800 text-white p-4 text-center">
        <p>&copy; 2023 Taxi Service Germany. All rights reserved.</p>
      </footer>
    </div>
  );
};

export default TaxiServiceWebsite;