The Prestige Taxi

@@ -3,17 +3,17 @@ driver4you-chauffeur-elegance Driver4You.Be – Transport de Luxe avec Chauffeur

@@ -0,0 +1,205 @@ import { useState } from « react » import { Calendar, MapPin, Users, Clock } from « lucide-react » import { LuxuryButton } from « ./ui/luxury-button » import { Input } from « ./ui/input » import { Label } from « ./ui/label » import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from « ./ui/select » import { Textarea } from « ./ui/textarea » const BookingForm = () => { const [formData, setFormData] = useState({ service: « », date: « », time: « », pickupLocation: « », destination: « », passengers: « », name: « », email: « », phone: « », message: « » }) const handleSubmit = (e: React.FormEvent) => { e.preventDefault() // Handle form submission here console.log(« Form submitted: », formData) } const handleInputChange = (field: string, value: string) => { setFormData(prev => ({ …prev, [field]: value })) } return (

Réservation Instantanée

Planifiez votre transport de luxe en quelques clics. Notre équipe vous contactera pour confirmer les détails.

{/* Service Selection */}

Type de Service

Nombre de Passagers

{/* Date & Time */}

Date

handleInputChange(« date », e.target.value)} />

Heure

handleInputChange(« time », e.target.value)} />

{/* Locations */}

Lieu de Prise en Charge

handleInputChange(« pickupLocation », e.target.value)} />

Destination

handleInputChange(« destination », e.target.value)} />

{/* Contact Information */}

Nom Complet handleInputChange(« name », e.target.value)} />

Email handleInputChange(« email », e.target.value)} />

Téléphone handleInputChange(« phone », e.target.value)} />

{/* Message */}

Message (Optionnel)

handleInputChange(« message », e.target.value)}
                />
              </div>

{/* Submit Button */}
              <div className="text-center pt-6">
                <LuxuryButton type="submit" variant="primary" size="lg" className="min-w-64">
                  Confirmer la Réservation
                </LuxuryButton>
                <p className="body-small text-muted-foreground mt-4">
                  Nous vous contacterons dans les plus brefs délais pour confirmer votre réservation.
                </p>
              </div>
            </form>
          </div>
        </div>
      </div>
    </section>
  )
}

export default BookingForm

@@ -0,0 +1,116 @@
import { Phone, Mail, MapPin, Clock, Facebook, Instagram, Linkedin } from « lucide-react »

const Footer = () => {
  return (
    <footer id="contact" className="bg-primary text-off-white">
      <div className="container mx-auto px-4 py-16">
        <div className="grid lg:grid-cols-4 md:grid-cols-2 gap-8">
          {/* Company Info */}
          <div className="space-y-6">
            <div>
              <h3 className="heading-3 text-accent font-bold mb-4">
                Driver4You<span className="text-off-white">.Be</span>
              </h3>
              <p className="body-base text-muted-foreground leading-relaxed">
                Votre partenaire de confiance pour un transport de luxe exceptionnel. 
                Élégance, confort et professionnalisme à votre service.
              </p>
            </div>
            <div className="flex space-x-4">
              <a href="#" className="w-10 h-10 bg-accent/10 rounded-full flex items-center justify-center hover:bg-accent hover:text-accent-foreground transition-colors">
                <Facebook className="w-5 h-5" />
              </a>
              <a href="#" className="w-10 h-10 bg-accent/10 rounded-full flex items-center justify-center hover:bg-accent hover:text-accent-foreground transition-colors">
                <Instagram className="w-5 h-5" />
              </a>
              <a href="#" className="w-10 h-10 bg-accent/10 rounded-full flex items-center justify-center hover:bg-accent hover:text-accent-foreground transition-colors">
                <Linkedin className="w-5 h-5" />
              </a>
            </div>
          </div>

{/* Services */}
          <div>
            <h4 className="heading-3 text-off-white mb-6">Nos Services</h4>
            <ul className="space-y-3">
              <li><a href="#" className="body-base text-muted-foreground hover:text-accent transition-colors">Transferts Aéroport</a></li>
              <li><a href="#" className="body-base text-muted-foreground hover:text-accent transition-colors">Transport d’Affaires</a></li>
              <li><a href="#" className="body-base text-muted-foreground hover:text-accent transition-colors">Événements & Mariages</a></li>
              <li><a href="#" className="body-base text-muted-foreground hover:text-accent transition-colors">Visites Touristiques</a></li>
              <li><a href="#" className="body-base text-muted-foreground hover:text-accent transition-colors">Mise à Disposition</a></li>
            </ul>
          </div>

{/* Quick Links */}
          <div>
            <h4 className="heading-3 text-off-white mb-6">Liens Rapides</h4>
            <ul className="space-y-3">
              <li><a href="#home" className="body-base text-muted-foreground hover:text-accent transition-colors">Accueil</a></li>
              <li><a href="#vehicles" className="body-base text-muted-foreground hover:text-accent transition-colors">Notre Flotte</a></li>
              <li><a href="#services" className="body-base text-muted-foreground hover:text-accent transition-colors">Services</a></li>
              <li><a href="#testimonials" className="body-base text-muted-foreground hover:text-accent transition-colors">Témoignages</a></li>
              <li><a href="#booking" className="body-base text-muted-foreground hover:text-accent transition-colors">Réservation</a></li>
            </ul>
          </div>

{/* Contact Info */}
          <div>
            <h4 className="heading-3 text-off-white mb-6">Contact</h4>
            <div className="space-y-4">
              <div className="flex items-start space-x-3">
                <Phone className="w-5 h-5 text-accent mt-0.5 flex-shrink-0" />
                <div>
                  <p className="body-base text-off-white">+32 123 456 789</p>
                  <p className="body-small text-muted-foreground">24h/24 – 7j/7</p>
                </div>
              </div>
              <div className="flex items-start space-x-3">
                <Mail className="w-5 h-5 text-accent mt-0.5 flex-shrink-0" />
                <div>
                  <p className="body-base text-off-white">contact@driver4you.be</p>
                  <p className="body-small text-muted-foreground">Réponse sous 2h</p>
                </div>
              </div>
              <div className="flex items-start space-x-3">
                <MapPin className="w-5 h-5 text-accent mt-0.5 flex-shrink-0" />
                <div>
                  <p className="body-base text-off-white">Bruxelles, Belgique</p>
                  <p className="body-small text-muted-foreground">Service dans toute la Belgique</p>
                </div>
              </div>
              <div className="flex items-start space-x-3">
                <Clock className="w-5 h-5 text-accent mt-0.5 flex-shrink-0" />
                <div>
                  <p className="body-base text-off-white">Service disponible</p>
                  <p className="body-small text-muted-foreground">24 heures sur 24</p>
                </div>
              </div>
            </div>
          </div>
        </div>

{/* Bottom Bar */}
        <div className="border-t border-accent/20 mt-12 pt-8">
          <div className="flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0">
            <p className="body-small text-muted-foreground">
              © 2024 Driver4You.Be. Tous droits réservés.
            </p>
            <div className="flex space-x-6">
              <a href="#" className="body-small text-muted-foreground hover:text-accent transition-colors">
                Conditions Générales
              </a>
              <a href="#" className="body-small text-muted-foreground hover:text-accent transition-colors">
                Politique de Confidentialité
              </a>
              <a href="#" className="body-small text-muted-foreground hover:text-accent transition-colors">
                Mentions Légales
              </a>
            </div>
          </div>
        </div>
      </div>
    </footer>
  )
}

export default Footer

@@ -0,0 +1,105 @@
import { useState } from « react »
import { Menu, X, Phone, Mail } from « lucide-react »
import { LuxuryButton } from « ./ui/luxury-button »

const Header = () => {
  const [isMenuOpen, setIsMenuOpen] = useState(false)

const navigation = [
    { name: « Accueil », href: « #home » },
    { name: « Véhicules », href: « #vehicles » },
    { name: « Services », href: « #services » },
    { name: « Témoignages », href: « #testimonials » },
    { name: « Contact », href: « #contact » },
  ]

return (
    <header className="fixed top-0 left-0 right-0 z-50 bg-background/80 backdrop-blur-md border-b border-accent/10">
      <div className="container mx-auto px-4">
        <div className="flex items-center justify-between h-20">
          {/* Logo */}
          <div className="flex-shrink-0">
            <h1 className="heading-3 text-accent font-bold">
              Driver4You<span className="text-foreground">.Be</span>
            </h1>
          </div>

{/* Desktop Navigation */}
          <nav className="hidden lg:flex items-center space-x-8">
            {navigation.map((item) => (
              <a
                key={item.name}
                href={item.href}
                className="body-base text-muted-foreground hover:text-accent transition-colors duration-300 relative group"
              >
                {item.name}
                <span className="absolute -bottom-1 left-0 w-0 h-0.5 bg-accent transition-all duration-300 group-hover:w-full"></span>
              </a>
            ))}
          </nav>

{/* Contact Info & CTA */}
          <div className="hidden lg:flex items-center space-x-6">
            <div className="flex items-center space-x-4 text-sm text-muted-foreground">
              <a href="tel:+32123456789" className="flex items-center space-x-1 hover:text-accent transition-colors">
                <Phone className="w-4 h-4" />
                <span>+32 123 456 789</span>
              </a>
              <a href="mailto:contact@driver4you.be" className="flex items-center space-x-1 hover:text-accent transition-colors">
                <Mail className="w-4 h-4" />
                <span>contact@driver4you.be</span>
              </a>
            </div>
            <LuxuryButton variant="outline" size="sm">
              Réserver
            </LuxuryButton>
          </div>

{/* Mobile Menu Button */}
          <button
            className="lg:hidden p-2 text-foreground hover:text-accent transition-colors"
            onClick={() => setIsMenuOpen(!isMenuOpen)}
            aria-label= »Toggle menu »
          >
            {isMenuOpen ? <X className="w-6 h-6" /> : <Menu className="w-6 h-6" />}
          </button>
        </div>

{/* Mobile Navigation */}
        {isMenuOpen && (
          <div className="lg:hidden py-6 border-t border-accent/10">
            <nav className="flex flex-col space-y-4">
              {navigation.map((item) => (
                <a
                  key={item.name}
                  href={item.href}
                  className="body-base text-muted-foreground hover:text-accent transition-colors py-2"
                  onClick={() => setIsMenuOpen(false)}
                >
                  {item.name}
                </a>
              ))}
              <div className="pt-4 border-t border-accent/10">
                <div className="flex flex-col space-y-3">
                  <a href="tel:+32123456789" className="flex items-center space-x-2 text-sm text-muted-foreground hover:text-accent transition-colors">
                    <Phone className="w-4 h-4" />
                    <span>+32 123 456 789</span>
                  </a>
                  <a href="mailto:contact@driver4you.be" className="flex items-center space-x-2 text-sm text-muted-foreground hover:text-accent transition-colors">
                    <Mail className="w-4 h-4" />
                    <span>contact@driver4you.be</span>
                  </a>
                  <LuxuryButton variant="outline" size="sm" className="mt-4">
                    Réserver
                  </LuxuryButton>
                </div>
              </div>
            </nav>
          </div>
        )}
      </div>
    </header>
  )
}

export default Header

@@ -0,0 +1,82 @@
import { ArrowRight, Star } from « lucide-react »
import { LuxuryButton } from « ./ui/luxury-button »
import heroImage from « @/assets/hero-mercedes-s-class.jpg »

const Hero = () => {
  return (
    <section id="home" className="relative min-h-screen flex items-center justify-center overflow-hidden">
      {/* Background Image */}
      <div className="absolute inset-0 z-0">
        <img
          src={heroImage}
          alt="Mercedes S-Class luxury vehicle"
          className="w-full h-full object-cover"
        />
        <div className="absolute inset-0 bg-gradient-to-r from-background/90 via-background/60 to-background/30"></div>
        <div className="absolute inset-0 bg-gradient-to-t from-background/80 via-transparent to-transparent"></div>
      </div>

{/* Content */}
      <div className="relative z-10 container mx-auto px-4 py-32">
        <div className="max-w-4xl">
          <div className="luxury-fade-in">
            {/* Premium Badge */}
            <div className="inline-flex items-center space-x-2 bg-card/10 backdrop-blur-sm border border-accent/20 rounded-full px-4 py-2 mb-8">
              <Star className="w-4 h-4 text-accent fill-accent" />
              <span className="body-small text-accent font-medium">Service de Prestige depuis 2020</span>
            </div>

{/* Main Heading */}
            <h1 className="display-1 text-off-white mb-6 leading-tight">
              L’Élégance
              <span className="text-accent block">à Votre Service</span>
            </h1>

{/* Subtitle */}
            <p className="body-large text-muted-foreground max-w-2xl mb-8 leading-relaxed">
              Découvrez l’art du transport de luxe avec notre flotte de véhicules Mercedes 
              haut de gamme et nos chauffeurs professionnels dédiés à votre confort.
            </p>

{/* Key Features */}
            <div className="flex flex-wrap gap-6 mb-10 text-sm">
              <div className="flex items-center space-x-2 text-muted-foreground">
                <div className="w-2 h-2 bg-accent rounded-full"></div>
                <span>Flotte Mercedes Premium</span>
              </div>
              <div className="flex items-center space-x-2 text-muted-foreground">
                <div className="w-2 h-2 bg-accent rounded-full"></div>
                <span>Chauffeurs Expérimentés</span>
              </div>
              <div className="flex items-center space-x-2 text-muted-foreground">
                <div className="w-2 h-2 bg-accent rounded-full"></div>
                <span>Service 24h/24</span>
              </div>
            </div>

{/* CTA Buttons */}
            <div className="flex flex-col sm:flex-row gap-4">
              <LuxuryButton variant="primary" size="lg" className="group">
                Réserver Maintenant
                <ArrowRight className="w-5 h-5 transition-transform group-hover:translate-x-1" />
              </LuxuryButton>
              <LuxuryButton variant="luxury" size="lg">
                Découvrir Notre Flotte
              </LuxuryButton>
            </div>
          </div>
        </div>
      </div>

{/* Scroll Indicator */}
      <div className="absolute bottom-8 left-1/2 transform -translate-x-1/2 z-10">
        <div className="flex flex-col items-center space-y-2 text-muted-foreground animate-bounce">
          <span className="body-small">Découvrez</span>
          <div className="w-px h-8 bg-accent"></div>
        </div>
      </div>
    </section>
  )
}

export default Hero

@@ -0,0 +1,95 @@
import { Plane, Calendar, Heart, Building, MapPin, Clock } from « lucide-react »

const Services = () => {
  const services = [
    {
      icon: Plane,
      title: « Transferts Aéroport »,
      description: « Service de navette premium vers tous les aéroports. Suivi de vol en temps réel et accueil personnalisé. »,
      features: [« Suivi de vol », « Accueil nominatif », « Assistance bagages »]
    },
    {
      icon: Building,
      title: « Transport d’Affaires »,
      description: « Solutions de transport dédiées aux professionnels. Discrétion et ponctualité garanties pour vos rendez-vous. »,
      features: [« Facturation entreprise », « Chauffeurs bilingues », « WiFi embarqué »]
    },
    {
      icon: Heart,
      title: « Événements & Mariages »,
      description: « Accompagnement sur mesure pour vos moments d’exception. Service blanc gants et attention aux détails. »,
      features: [« Décoration véhicule », « Itinéraires personnalisés », « Service de luxe »]
    },
    {
      icon: Calendar,
      title: « Roadshow & Tournées »,
      description: « Organisation complète de vos déplacements multi-destinations avec coordination logistique. »,
      features: [« Planning détaillé », « Gestion multi-villes », « Support 24h/24 »]
    },
    {
      icon: MapPin,
      title: « Visites Touristiques »,
      description: « Découvrez la Belgique avec style. Circuits personnalisés et guides expérimentés. »,
      features: [« Circuits sur mesure », « Guides locaux », « Arrêts à la demande »]
    },
    {
      icon: Clock,
      title: « Mise à Disposition »,
      description: « Véhicule et chauffeur dédiés pour vos besoins spécifiques. Flexibilité totale assurée. »,
      features: [« Tarification horaire », « Disponibilité étendue », « Service personnalisé »]
    }
  ]

return (
    <section id="services" className="py-24 bg-background">
      <div className="container mx-auto px-4">
        <div className="text-center mb-16 luxury-fade-in">
          <h2 className="display-2 text-foreground mb-6">
            Nos Services
            <span className="text-accent block">sur Mesure</span>
          </h2>
          <p className="body-large text-muted-foreground max-w-3xl mx-auto leading-relaxed">
            Du transport d’affaires aux événements privés, nous adaptons nos services 
            à vos besoins spécifiques avec le même niveau d’excellence.
          </p>
        </div>

<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
          {services.map((service, index) => {
            const IconComponent = service.icon
            return (
              <div
                key={service.title}
                className="group luxury-slide-up bg-card rounded-xl p-8 shadow-card hover:shadow-luxury transition-all duration-500 hover:scale-105"
                style={{ animationDelay: `${index * 0.1}s` }}
              >
                <div className="flex items-center justify-center w-16 h-16 bg-accent/10 rounded-xl mb-6 group-hover:bg-accent/20 transition-colors">
                  <IconComponent className="w-8 h-8 text-accent" />
                </div>

<h3 className="heading-3 text-foreground mb-4 group-hover:text-accent transition-colors">
                  {service.title}
                </h3>

<p className="body-base text-muted-foreground mb-6 leading-relaxed">
                  {service.description}
                </p>

<ul className="space-y-3">
                  {service.features.map((feature, featureIndex) => (
                    <li key={featureIndex} className="flex items-center space-x-3">
                      <div className="w-1.5 h-1.5 bg-accent rounded-full"></div>
                      <span className="body-small text-muted-foreground">{feature}</span>
                    </li>
                  ))}
                </ul>
              </div>
            )
          })}
        </div>
      </div>
    </section>
  )
}

export default Services

@@ -0,0 +1,96 @@
import { Star, Quote } from « lucide-react »

const Testimonials = () => {
  const testimonials = [
    {
      name: « Sophie Dupont »,
      role: « Directrice Générale, Luxury Hotels Group »,
      content: « Un service exceptionnel qui reflète parfaitement les valeurs de notre établissement. Nos clients VIP sont toujours ravis de cette prestation de qualité. »,
      rating: 5,
      company: « Luxury Hotels Group »
    },
    {
      name: « Marc Dubois »,
      role: « Wedding Planner »,
      content: « Driver4You.Be transforme chaque mariage en conte de fées. Leur attention aux détails et leur discrétion sont remarquables. Je les recommande sans hésitation. »,
      rating: 5,
      company: « Prestige Events »
    },
    {
      name: « Catherine Lambert »,
      role: « Assistante de Direction »,
      content: « Fiabilité et élégance sont au rendez-vous à chaque réservation. Nos dirigeants apprécient particulièrement le professionnalisme des chauffeurs. »,
      rating: 5,
      company: « International Corp »
    },
    {
      name: « Philippe Martin »,
      role: « Organisateur d’Événements »,
      content: « Pour nos événements corporate, Driver4You.Be est notre partenaire de confiance. Gestion impeccable et service irréprochable à chaque mission. »,
      rating: 5,
      company: « Elite Events »
    }
  ]

return (
    <section id="testimonials" className="py-24 bg-secondary/5">
      <div className="container mx-auto px-4">
        <div className="text-center mb-16 luxury-fade-in">
          <h2 className="display-2 text-foreground mb-6">
            Témoignages
            <span className="text-accent block">de Confiance</span>
          </h2>
          <p className="body-large text-muted-foreground max-w-3xl mx-auto leading-relaxed">
            La satisfaction de nos clients est notre plus belle récompense. 
            Découvrez leurs expériences avec Driver4You.Be.
          </p>
        </div>

<div className="grid md:grid-cols-2 gap-8">
          {testimonials.map((testimonial, index) => (
            <div
              key={testimonial.name}
              className="luxury-slide-up bg-card rounded-xl p-8 shadow-card hover:shadow-luxury transition-all duration-500 relative"
              style={{ animationDelay: `${index * 0.2}s` }}
            >
              {/* Quote Icon */}
              <div className="absolute top-6 right-6 text-accent/20">
                <Quote className="w-8 h-8" />
              </div>

{/* Rating */}
              <div className="flex items-center space-x-1 mb-6">
                {[…Array(testimonial.rating)].map((_, i) => (
                  <Star key={i} className="w-5 h-5 text-accent fill-accent" />
                ))}
              </div>

{/* Content */}
              <blockquote className="body-base text-muted-foreground leading-relaxed mb-8 italic">
                « {testimonial.content} »
              </blockquote>

{/* Author */}
              <div className="border-t border-accent/10 pt-6">
                <div className="flex items-center space-x-4">
                  <div className="w-12 h-12 bg-accent/10 rounded-full flex items-center justify-center">
                    <span className="body-base font-semibold text-accent">
                      {testimonial.name.split(‘ ‘).map(n => n[0]).join( »)}
                    </span>
                  </div>
                  <div>
                    <h4 className="body-base font-semibold text-foreground">{testimonial.name}</h4>
                    <p className="body-small text-muted-foreground">{testimonial.role}</p>
                    <p className="body-small text-accent font-medium">{testimonial.company}</p>
                  </div>
                </div>
              </div>
            </div>
          ))}
        </div>
      </div>
    </section>
  )
}

export default Testimonials

@@ -0,0 +1,73 @@
import { Users, Luggage, Wifi, Car } from « lucide-react »
import { LuxuryButton } from « ./ui/luxury-button »

interface VehicleCardProps {
  name: string
  description: string
  image: string
  passengers: number
  luggage: number
  features: string[]
  price: string
}

const VehicleCard = ({ name, description, image, passengers, luggage, features, price }: VehicleCardProps) => {
  return (
    <div className="group relative bg-card rounded-2xl overflow-hidden shadow-card hover:shadow-luxury transition-all duration-500 hover:scale-105">
      {/* Image */}
      <div className="relative h-64 overflow-hidden">
        <img
          src={image}
          alt={name}
          className="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110"
        />
        <div className="absolute inset-0 bg-gradient-to-t from-card/80 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
        
        {/* Price Badge */}
        <div className="absolute top-4 right-4 bg-accent/90 backdrop-blur-sm text-accent-foreground rounded-full px-3 py-1">
          <span className="body-small font-semibold">{price}</span>
        </div>
      </div>

{/* Content */}
      <div className="p-8">
        <h3 className="heading-3 text-foreground mb-3">{name}</h3>
        <p className="body-base text-muted-foreground mb-6 leading-relaxed">{description}</p>

{/* Specs */}
        <div className="grid grid-cols-2 gap-4 mb-6">
          <div className="flex items-center space-x-2 text-muted-foreground">
            <Users className="w-4 h-4 text-accent" />
            <span className="body-small">{passengers} passagers</span>
          </div>
          <div className="flex items-center space-x-2 text-muted-foreground">
            <Luggage className="w-4 h-4 text-accent" />
            <span className="body-small">{luggage} bagages</span>
          </div>
        </div>

{/* Features */}
        <div className="space-y-2 mb-8">
          {features.map((feature, index) => (
            <div key={index} className="flex items-center space-x-2">
              <div className="w-1.5 h-1.5 bg-accent rounded-full"></div>
              <span className="body-small text-muted-foreground">{feature}</span>
            </div>
          ))}
        </div>

{/* CTA */}
        <div className="flex space-x-3">
          <LuxuryButton variant="primary" size="sm" className="flex-1">
            Réserver
          </LuxuryButton>
          <LuxuryButton variant="outline" size="sm">
            Détails
          </LuxuryButton>
        </div>
      </div>
    </div>
  )
}

export default VehicleCard

@@ -0,0 +1,85 @@
import VehicleCard from « ./VehicleCard »
import sClassImage from « @/assets/mercedes-s-class.jpg »
import vClassImage from « @/assets/mercedes-v-class.jpg »
import customVanImage from « @/assets/custom-van.jpg »

const Vehicles = () => {
  const vehicles = [
    {
      name: « Mercedes Classe S »,
      description: « L’élégance absolue pour vos déplacements d’affaires et événements de prestige. Confort optimal et technologie de pointe. »,
      image: sClassImage,
      passengers: 3,
      luggage: 3,
      features: [
        « Cuir Nappa premium »,
        « Système audio Burmester »,
        « Climatisation 4 zones »,
        « Massage des sièges »,
        « WiFi embarqué »
      ],
      price: « À partir de 120€/h »
    },
    {
      name: « Mercedes Classe V »,
      description: « Spacieux et raffiné, parfait pour les groupes et les familles exigeantes. Voyage en toute sérénité. »,
      image: vClassImage,
      passengers: 7,
      luggage: 8,
      features: [
        « Configuration salon »,
        « Sièges capitaine pivotants »,
        « Table de travail »,
        « Éclairage d’ambiance »,
        « Prises USB individuelles »
      ],
      price: « À partir de 90€/h »
    },
    {
      name: « Van Aménagé »,
      description: « Solution premium pour événements spéciaux et longs trajets. Aménagement sur mesure pour votre confort absolu. »,
      image: customVanImage,
      passengers: 8,
      luggage: 12,
      features: [
        « Bar intégré »,
        « Écrans individuels »,
        « Réfrigérateur »,
        « Éclairage LED personnalisé »,
        « Système audio premium »
      ],
      price: « Sur demande »
    }
  ]

return (
    <section id="vehicles" className="py-24 bg-secondary/10">
      <div className="container mx-auto px-4">
        <div className="text-center mb-16 luxury-fade-in">
          <h2 className="display-2 text-foreground mb-6">
            Notre Flotte
            <span className="text-accent block">d’Exception</span>
          </h2>
          <p className="body-large text-muted-foreground max-w-3xl mx-auto leading-relaxed">
            Découvrez notre sélection de véhicules Mercedes haut de gamme, 
            chacun méticuleusement entretenu et équipé pour vous offrir une expérience de voyage incomparable.
          </p>
        </div>

<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
          {vehicles.map((vehicle, index) => (
            <div
              key={vehicle.name}
              className="luxury-slide-up"
              style={{ animationDelay: `${index * 0.2}s` }}
            >
              <VehicleCard {...vehicle} />
            </div>
          ))}
        </div>
      </div>
    </section>
  )
}

export default Vehicles

@@ -0,0 +1,52 @@
import * as React from « react »
import { Slot } from « @radix-ui/react-slot »
import { cva, type VariantProps } from « class-variance-authority »
import { cn } from « @/lib/utils »

const luxuryButtonVariants = cva(
  « inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 »,
  {
    variants: {
      variant: {
        primary: « bg-gradient-gold text-accent-foreground shadow-gold hover:shadow-luxury font-semibold tracking-wide »,
        secondary: « bg-card text-card-foreground border border-accent/20 hover:bg-accent/10 hover:border-accent/40 shadow-card »,
        outline: « border border-accent/30 bg-transparent text-accent hover:bg-accent hover:text-accent-foreground shadow-sm »,
        ghost: « text-foreground hover:bg-accent/10 hover:text-accent »,
        luxury: « bg-gradient-luxury text-off-white border border-accent/20 hover:border-accent shadow-luxury hover:shadow-gold font-medium »,
      },
      size: {
        default: « h-12 px-8 py-3 »,
        sm: « h-10 px-6 py-2 »,
        lg: « h-14 px-10 py-4 text-base »,
        xl: « h-16 px-12 py-5 text-lg »,
        icon: « h-12 w-12 »,
      },
    },
    defaultVariants: {
      variant: « primary »,
      size: « default »,
    },
  }
)

export interface LuxuryButtonProps
  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
    VariantProps<typeof luxuryButtonVariants> {
  asChild?: boolean
}

const LuxuryButton = React.forwardRef<HTMLButtonElement, LuxuryButtonProps>(
  ({ className, variant, size, asChild = false, …props }, ref) => {
    const Comp = asChild ? Slot : « button »
    return (
      <Comp
        className={cn(luxuryButtonVariants({ variant, size, className }))}
        ref={ref}
        {...props}
      />
    )
  }
)
LuxuryButton.displayName = « LuxuryButton »

export { LuxuryButton, luxuryButtonVariants }

@@ -1,105 +1,205 @@
@import url(‘https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap’);

@tailwind base;
@tailwind components;
@tailwind utilities;

/* Definition of the design system. All colors, gradients, fonts, etc should be defined here. 
All colors MUST be HSL.
*/
/* Driver4You.Be Luxury Design System */

@layer base {
  :root {
    –background: 0 0% 100%;
    –foreground: 222.2 84% 4.9%;
    /* Luxury Color Palette */
    –background: 20 14% 4%;
    –foreground: 60 9% 98%;

–card: 20 14% 8%;
    –card-foreground: 60 9% 98%;

–popover: 20 14% 8%;
    –popover-foreground: 60 9% 98%;

/* Deep Luxury Black */
    –primary: 20 14% 4%;
    –primary-foreground: 60 9% 98%;

/* Anthracite Grey */
    –secondary: 220 13% 18%;
    –secondary-foreground: 60 9% 98%;

/* Muted Tones */
    –muted: 220 13% 15%;
    –muted-foreground: 220 9% 65%;

/* Refined Gold Accent */
    –accent: 45 100% 70%;
    –accent-foreground: 20 14% 4%;

/* Elegant Off-White */
    –off-white: 60 9% 98%;
    –off-white-foreground: 20 14% 4%;

–destructive: 0 84% 60%;
    –destructive-foreground: 60 9% 98%;

–border: 220 13% 25%;
    –input: 220 13% 15%;
    –ring: 45 100% 70%;

–radius: 0.75rem;

/* Luxury Gradients */
    –gradient-luxury: linear-gradient(135deg, hsl(20 14% 4%) 0%, hsl(220 13% 8%) 100%);
    –gradient-gold: linear-gradient(135deg, hsl(45 100% 70%) 0%, hsl(43 100% 82%) 100%);
    –gradient-card: linear-gradient(145deg, hsl(220 13% 8%) 0%, hsl(220 13% 12%) 100%);
    
    /* Premium Shadows */
    –shadow-luxury: 0 25px 50px -12px hsl(20 14% 4% / 0.8);
    –shadow-gold: 0 10px 40px -10px hsl(45 100% 70% / 0.3);
    –shadow-card: 0 20px 40px -15px hsl(20 14% 4% / 0.6);

/* Smooth Transitions */
    –transition-luxury: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    –transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }

.light {
    –background: 60 9% 98%;
    –foreground: 20 14% 4%;

–card: 0 0% 100%;
    –card-foreground: 222.2 84% 4.9%;
    –card-foreground: 20 14% 4%;

–popover: 0 0% 100%;
    –popover-foreground: 222.2 84% 4.9%;
    –popover-foreground: 20 14% 4%;

–primary: 222.2 47.4% 11.2%;
    –primary-foreground: 210 40% 98%;
    –primary: 20 14% 4%;
    –primary-foreground: 60 9% 98%;

–secondary: 210 40% 96.1%;
    –secondary-foreground: 222.2 47.4% 11.2%;
    –secondary: 220 14% 95%;
    –secondary-foreground: 20 14% 4%;

–muted: 210 40% 96.1%;
    –muted-foreground: 215.4 16.3% 46.9%;
    –muted: 220 14% 95%;
    –muted-foreground: 220 13% 45%;

–accent: 210 40% 96.1%;
    –accent-foreground: 222.2 47.4% 11.2%;
    –accent: 45 100% 50%;
    –accent-foreground: 60 9% 98%;

–destructive: 0 84.2% 60.2%;
    –destructive-foreground: 210 40% 98%;
    –border: 220 13% 91%;
    –input: 220 13% 91%;
    –ring: 45 100% 50%;
  }

–border: 214.3 31.8% 91.4%;
    –input: 214.3 31.8% 91.4%;
    –ring: 222.2 84% 4.9%;
}

–radius: 0.5rem;
@layer base {
  * {
    @apply border-border;
  }

–sidebar-background: 0 0% 98%;
  body {
    @apply bg-background text-foreground font-inter antialiased;
    font-feature-settings: « cv11 », « ss01 »;
    font-variant-ligatures: common-ligatures;
  }

–sidebar-foreground: 240 5.3% 26.1%;
  /* Typography Scale */
  .display-1 {
    @apply font-playfair text-6xl md:text-7xl lg:text-8xl font-bold leading-tight tracking-tight;
  }

–sidebar-primary: 240 5.9% 10%;
  .display-2 {
    @apply font-playfair text-4xl md:text-5xl lg:text-6xl font-semibold leading-tight;
  }

–sidebar-primary-foreground: 0 0% 98%;
  .heading-1 {
    @apply font-playfair text-3xl md:text-4xl lg:text-5xl font-semibold leading-tight;
  }

–sidebar-accent: 240 4.8% 95.9%;
  .heading-2 {
    @apply font-playfair text-2xl md:text-3xl lg:text-4xl font-medium leading-snug;
  }

–sidebar-accent-foreground: 240 5.9% 10%;
  .heading-3 {
    @apply font-playfair text-xl md:text-2xl lg:text-3xl font-medium leading-snug;
  }

–sidebar-border: 220 13% 91%;
  .body-large {
    @apply font-inter text-lg md:text-xl leading-relaxed;
  }

–sidebar-ring: 217.2 91.2% 59.8%;
  .body-base {
    @apply font-inter text-base leading-relaxed;
  }

.dark {
    –background: 222.2 84% 4.9%;
    –foreground: 210 40% 98%;
  .body-small {
    @apply font-inter text-sm leading-relaxed;
  }

/* Luxury Animations */
  .luxury-fade-in {
    animation: luxuryFadeIn 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  }

–card: 222.2 84% 4.9%;
    –card-foreground: 210 40% 98%;
  .luxury-slide-up {
    animation: luxurySlideUp 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  }

–popover: 222.2 84% 4.9%;
    –popover-foreground: 210 40% 98%;
  .luxury-scale-in {
    animation: luxuryScaleIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  }

–primary: 210 40% 98%;
    –primary-foreground: 222.2 47.4% 11.2%;
  @keyframes luxuryFadeIn {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

–secondary: 217.2 32.6% 17.5%;
    –secondary-foreground: 210 40% 98%;
  @keyframes luxurySlideUp {
    from {
      opacity: 0;
      transform: translateY(40px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

–muted: 217.2 32.6% 17.5%;
    –muted-foreground: 215 20.2% 65.1%;
  @keyframes luxuryScaleIn {
    from {
      opacity: 0;
      transform: scale(0.95);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }

–accent: 217.2 32.6% 17.5%;
    –accent-foreground: 210 40% 98%;
  /* Smooth scroll */
  html {
    scroll-behavior: smooth;
  }

–destructive: 0 62.8% 30.6%;
    –destructive-foreground: 210 40% 98%;
  /* Custom scrollbar */
  ::-webkit-scrollbar {
    width: 8px;
  }

–border: 217.2 32.6% 17.5%;
    –input: 217.2 32.6% 17.5%;
    –ring: 212.7 26.8% 83.9%;
    –sidebar-background: 240 5.9% 10%;
    –sidebar-foreground: 240 4.8% 95.9%;
    –sidebar-primary: 224.3 76.3% 48%;
    –sidebar-primary-foreground: 0 0% 100%;
    –sidebar-accent: 240 3.7% 15.9%;
    –sidebar-accent-foreground: 240 4.8% 95.9%;
    –sidebar-border: 240 3.7% 15.9%;
    –sidebar-ring: 217.2 91.2% 59.8%;
  ::-webkit-scrollbar-track {
    @apply bg-secondary;
  }
}

@layer base {
  * {
    @apply border-border;
  ::-webkit-scrollbar-thumb {
    @apply bg-accent rounded-full;
  }

body {
    @apply bg-background text-foreground;
  ::-webkit-scrollbar-thumb:hover {
    @apply bg-accent/80;
  }
}
}

@@ -1,12 +1,23 @@
// Update this page (the content is just a fallback if you fail to update the page)import Header from « @/components/Header »import Hero from « @/components/Hero »import Vehicles from « @/components/Vehicles »import Services from « @/components/Services »import Testimonials from « @/components/Testimonials »import BookingForm from « @/components/BookingForm »import Footer from « @/components/Footer »const Index = () => {  return (    <div className="min-h-screen flex items-center justify-center bg-background">      <div className="text-center">        <h1 className="text-4xl font-bold mb-4">Welcome to Your Blank App</h1>        <p className="text-xl text-muted-foreground">Start building your amazing project here!</p>      </div>    <div className="min-h-screen bg-background">      <Header />      <main>        <Hero />        <Vehicles />        <Services />        <Testimonials />        <BookingForm />      </main>      <Footer />    </div>  );};

@@ -18,6 +18,10 @@ export default {
			}
		},
		extend: {
			fontFamily: {
				playfair: [‘Playfair Display’, ‘serif’],
				inter: [‘Inter’, ‘sans-serif’],
			},
			colors: {
				border: ‘hsl(var(–border))’,
				input: ‘hsl(var(–input))’,
@@ -44,6 +48,10 @@ export default {
					DEFAULT: ‘hsl(var(–accent))’,
					foreground: ‘hsl(var(–accent-foreground))’
				},
				‘off-white’: {
					DEFAULT: ‘hsl(var(–off-white))’,
					foreground: ‘hsl(var(–off-white-foreground))’
				},
				popover: {
					DEFAULT: ‘hsl(var(–popover))’,
					foreground: ‘hsl(var(–popover-foreground))’
@@ -63,6 +71,20 @@ export default {
					ring: ‘hsl(var(–sidebar-ring))’
				}
			},
			backgroundImage: {
				‘gradient-luxury’: ‘var(–gradient-luxury)’,
				‘gradient-gold’: ‘var(–gradient-gold)’,
				‘gradient-card’: ‘var(–gradient-card)’,
			},
			boxShadow: {
				‘luxury’: ‘var(–shadow-luxury)’,
				‘gold’: ‘var(–shadow-gold)’,
				‘card’: ‘var(–shadow-card)’,
			},
			transitionDuration: {
				‘luxury’: ‘var(–transition-luxury)’,
				‘smooth’: ‘var(–transition-smooth)’,
			},
			borderRadius: {
				lg: ‘var(–radius)’,
				md: ‘calc(var(–radius) – 2px)’,
@@ -84,11 +106,54 @@ export default {
					to: {
						height: ‘0’
					}
				},
				‘luxury-fade-in’: {
					‘0%’: {
						opacity: ‘0’,
						transform: ‘translateY(20px)’
					},
					‘100%’: {
						opacity: ‘1’,
						transform: ‘translateY(0)’
					}
				},
				‘luxury-slide-up’: {
					‘0%’: {
						opacity: ‘0’,
						transform: ‘translateY(40px)’
					},
					‘100%’: {
						opacity: ‘1’,
						transform: ‘translateY(0)’
					}
				},
				‘luxury-scale-in’: {
					‘0%’: {
						opacity: ‘0’,
						transform: ‘scale(0.95)’
					},
					‘100%’: {
						opacity: ‘1’,
						transform: ‘scale(1)’
					}
				},
				‘float’: {
					‘0%, 100%’: { transform: ‘translateY(0px)’ },
					‘50%’: { transform: ‘translateY(-10px)’ }
				},
				‘shimmer’: {
					‘0%’: { transform: ‘translateX(-100%)’ },
					‘100%’: { transform: ‘translateX(100%)’ }
				}
			},
			animation: {
				‘accordion-down’: ‘accordion-down 0.2s ease-out’,
				‘accordion-up’: ‘accordion-up 0.2s ease-out’
				‘accordion-up’: ‘accordion-up 0.2s ease-out’,
				‘luxury-fade-in’: ‘luxury-fade-in 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards’,
				‘luxury-slide-up’: ‘luxury-slide-up 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards’,
				‘luxury-scale-in’: ‘luxury-scale-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards’,
				‘float’: ‘float 6s ease-in-out infinite’,
				‘shimmer’: ‘shimmer 2s infinite’
			}
		}
	},
</div></div>

</div></div></div></div>

</div></div></div>
	</div>
</article>

</div>
					</main>
			</div>
</div>
	</div>
	<footer id="colophon" class="site-footer" role="contentinfo">
	<div class="site-footer-wrap">
		<div class="site-middle-footer-wrap site-footer-row-container site-footer-focus-item site-footer-row-layout-standard site-footer-row-tablet-layout-default site-footer-row-mobile-layout-standard" data-section="kadence_customizer_footer_middle">
	<div class="site-footer-row-container-inner">
				<div class="site-container">
			<div class="site-middle-footer-inner-wrap site-footer-row site-footer-row-columns-2 site-footer-row-column-layout-equal site-footer-row-tablet-column-layout-default site-footer-row-mobile-column-layout-row ft-ro-dir-row ft-ro-collapse-normal ft-ro-t-dir-default ft-ro-m-dir-default ft-ro-lstyle-plain">
									<div class="site-footer-middle-section-1 site-footer-section footer-section-inner-items-1">
						<div class="footer-widget-area widget-area site-footer-focus-item footer-widget6 content-align-default content-tablet-align-default content-mobile-align-default content-valign-default content-tablet-valign-default content-mobile-valign-default" data-section="sidebar-widgets-footer6">
	<div class="footer-widget-area-inner site-info-inner">
		<section id="block-39" class="widget widget_block"><style>.kadence-columnc8abfb-9c > .kt-inside-inner-col,.kadence-columnc8abfb-9c > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-columnc8abfb-9c > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-columnc8abfb-9c > .kt-inside-inner-col{flex-direction:column;}.kadence-columnc8abfb-9c > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-columnc8abfb-9c > .kt-inside-inner-col:before{opacity:0.3;}.kadence-columnc8abfb-9c{position:relative;}@media all and (max-width: 1024px){.kadence-columnc8abfb-9c > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-columnc8abfb-9c > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}</style>
<div class="wp-block-kadence-column kadence-columnc8abfb-9c"><div class="kt-inside-inner-col"><div class="widget widget_nav_menu"><div class="menu-menu-secondaire-container"><ul id="menu-menu-secondaire" class="menu"><li id="menu-item-1230" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1230"><a href="https://theprestigetaxi.com/conditions-generales/">Conditions générales</a></li>
</ul></div></div></div></div>
</section>	</div>
</div>
					</div>
										<div class="site-footer-middle-section-2 site-footer-section footer-section-inner-items-1">
						<div class="footer-widget-area widget-area site-footer-focus-item footer-social content-align-right content-tablet-align-center content-mobile-align-default content-valign-middle content-tablet-valign-default content-mobile-valign-default" data-section="kadence_customizer_footer_social">
	<div class="footer-widget-area-inner footer-social-inner">
		<div class="footer-social-wrap"><div class="footer-social-inner-wrap element-social-inner-wrap social-show-label-false social-style-filled"><a href="" aria-label="Facebook" target="_blank" rel="noopener noreferrer"  class="social-button footer-social-item social-link-facebook"><span class="kadence-svg-iconset"><svg class="kadence-svg-icon kadence-facebook-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><title>Facebook</title><path d="M31.997 15.999c0-8.836-7.163-15.999-15.999-15.999s-15.999 7.163-15.999 15.999c0 7.985 5.851 14.604 13.499 15.804v-11.18h-4.062v-4.625h4.062v-3.525c0-4.010 2.389-6.225 6.043-6.225 1.75 0 3.581 0.313 3.581 0.313v3.937h-2.017c-1.987 0-2.607 1.233-2.607 2.498v3.001h4.437l-0.709 4.625h-3.728v11.18c7.649-1.2 13.499-7.819 13.499-15.804z"></path>
				</svg></span></a><a href="" aria-label="Twitter" target="_blank" rel="noopener noreferrer"  class="social-button footer-social-item social-link-twitter"><span class="kadence-svg-iconset"><svg class="kadence-svg-icon kadence-twitter-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="26" height="28" viewBox="0 0 26 28"><title>Twitter</title><path d="M25.312 6.375c-0.688 1-1.547 1.891-2.531 2.609 0.016 0.219 0.016 0.438 0.016 0.656 0 6.672-5.078 14.359-14.359 14.359-2.859 0-5.516-0.828-7.75-2.266 0.406 0.047 0.797 0.063 1.219 0.063 2.359 0 4.531-0.797 6.266-2.156-2.219-0.047-4.078-1.5-4.719-3.5 0.313 0.047 0.625 0.078 0.953 0.078 0.453 0 0.906-0.063 1.328-0.172-2.312-0.469-4.047-2.5-4.047-4.953v-0.063c0.672 0.375 1.453 0.609 2.281 0.641-1.359-0.906-2.25-2.453-2.25-4.203 0-0.938 0.25-1.797 0.688-2.547 2.484 3.062 6.219 5.063 10.406 5.281-0.078-0.375-0.125-0.766-0.125-1.156 0-2.781 2.25-5.047 5.047-5.047 1.453 0 2.766 0.609 3.687 1.594 1.141-0.219 2.234-0.641 3.203-1.219-0.375 1.172-1.172 2.156-2.219 2.781 1.016-0.109 2-0.391 2.906-0.781z"></path>
				</svg></span></a><a href="" aria-label="Instagram" target="_blank" rel="noopener noreferrer"  class="social-button footer-social-item social-link-instagram"><span class="kadence-svg-iconset"><svg class="kadence-svg-icon kadence-instagram-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><title>Instagram</title><path d="M21.138 0.242c3.767 0.007 3.914 0.038 4.65 0.144 1.52 0.219 2.795 0.825 3.837 1.821 0.584 0.562 0.987 1.112 1.349 1.848 0.442 0.899 0.659 1.75 0.758 3.016 0.021 0.271 0.031 4.592 0.031 8.916s-0.009 8.652-0.030 8.924c-0.098 1.245-0.315 2.104-0.743 2.986-0.851 1.755-2.415 3.035-4.303 3.522-0.685 0.177-1.304 0.26-2.371 0.31-0.381 0.019-4.361 0.024-8.342 0.024s-7.959-0.012-8.349-0.029c-0.921-0.044-1.639-0.136-2.288-0.303-1.876-0.485-3.469-1.784-4.303-3.515-0.436-0.904-0.642-1.731-0.751-3.045-0.031-0.373-0.039-2.296-0.039-8.87 0-2.215-0.002-3.866 0-5.121 0.006-3.764 0.037-3.915 0.144-4.652 0.219-1.518 0.825-2.795 1.825-3.833 0.549-0.569 1.105-0.975 1.811-1.326 0.915-0.456 1.756-0.668 3.106-0.781 0.374-0.031 2.298-0.038 8.878-0.038h5.13zM15.999 4.364v0c-3.159 0-3.555 0.014-4.796 0.070-1.239 0.057-2.084 0.253-2.824 0.541-0.765 0.297-1.415 0.695-2.061 1.342s-1.045 1.296-1.343 2.061c-0.288 0.74-0.485 1.586-0.541 2.824-0.056 1.241-0.070 1.638-0.070 4.798s0.014 3.556 0.070 4.797c0.057 1.239 0.253 2.084 0.541 2.824 0.297 0.765 0.695 1.415 1.342 2.061s1.296 1.046 2.061 1.343c0.74 0.288 1.586 0.484 2.825 0.541 1.241 0.056 1.638 0.070 4.798 0.070s3.556-0.014 4.797-0.070c1.239-0.057 2.085-0.253 2.826-0.541 0.765-0.297 1.413-0.696 2.060-1.343s1.045-1.296 1.343-2.061c0.286-0.74 0.482-1.586 0.541-2.824 0.056-1.241 0.070-1.637 0.070-4.797s-0.015-3.557-0.070-4.798c-0.058-1.239-0.255-2.084-0.541-2.824-0.298-0.765-0.696-1.415-1.343-2.061s-1.295-1.045-2.061-1.342c-0.742-0.288-1.588-0.484-2.827-0.541-1.241-0.056-1.636-0.070-4.796-0.070zM14.957 6.461c0.31-0 0.655 0 1.044 0 3.107 0 3.475 0.011 4.702 0.067 1.135 0.052 1.75 0.241 2.16 0.401 0.543 0.211 0.93 0.463 1.337 0.87s0.659 0.795 0.871 1.338c0.159 0.41 0.349 1.025 0.401 2.16 0.056 1.227 0.068 1.595 0.068 4.701s-0.012 3.474-0.068 4.701c-0.052 1.135-0.241 1.75-0.401 2.16-0.211 0.543-0.463 0.93-0.871 1.337s-0.794 0.659-1.337 0.87c-0.41 0.16-1.026 0.349-2.16 0.401-1.227 0.056-1.595 0.068-4.702 0.068s-3.475-0.012-4.702-0.068c-1.135-0.052-1.75-0.242-2.161-0.401-0.543-0.211-0.931-0.463-1.338-0.87s-0.659-0.794-0.871-1.337c-0.159-0.41-0.349-1.025-0.401-2.16-0.056-1.227-0.067-1.595-0.067-4.703s0.011-3.474 0.067-4.701c0.052-1.135 0.241-1.75 0.401-2.16 0.211-0.543 0.463-0.931 0.871-1.338s0.795-0.659 1.338-0.871c0.41-0.16 1.026-0.349 2.161-0.401 1.073-0.048 1.489-0.063 3.658-0.065v0.003zM16.001 10.024c-3.3 0-5.976 2.676-5.976 5.976s2.676 5.975 5.976 5.975c3.3 0 5.975-2.674 5.975-5.975s-2.675-5.976-5.975-5.976zM16.001 12.121c2.142 0 3.879 1.736 3.879 3.879s-1.737 3.879-3.879 3.879c-2.142 0-3.879-1.737-3.879-3.879s1.736-3.879 3.879-3.879zM22.212 8.393c-0.771 0-1.396 0.625-1.396 1.396s0.625 1.396 1.396 1.396 1.396-0.625 1.396-1.396c0-0.771-0.625-1.396-1.396-1.396v0.001z"></path>
				</svg></span></a></div></div>	</div>
</div>
					</div>
								</div>
		</div>
	</div>
</div>
<div class="site-bottom-footer-wrap site-footer-row-container site-footer-focus-item site-footer-row-layout-standard site-footer-row-tablet-layout-default site-footer-row-mobile-layout-standard" data-section="kadence_customizer_footer_bottom">
	<div class="site-footer-row-container-inner">
				<div class="site-container">
			<div class="site-bottom-footer-inner-wrap site-footer-row site-footer-row-columns-1 site-footer-row-column-layout-row site-footer-row-tablet-column-layout-default site-footer-row-mobile-column-layout-row ft-ro-dir-row ft-ro-collapse-normal ft-ro-t-dir-default ft-ro-m-dir-default ft-ro-lstyle-plain">
									<div class="site-footer-bottom-section-1 site-footer-section footer-section-inner-items-1">
						
<div class="footer-widget-area site-info site-footer-focus-item content-align-center content-tablet-align-center content-mobile-align-default content-valign-middle content-tablet-valign-default content-mobile-valign-default" data-section="kadence_customizer_footer_html">
	<div class="footer-widget-area-inner site-info-inner">
		<div class="footer-html inner-link-style-normal"><div class="footer-html-inner"><p><strong><em>© 2025 The Prestige Taxi</em></strong></p>
</div></div>	</div>
</div>
					</div>
								</div>
		</div>
	</div>
</div>
	</div>
</footer>

</div>