import type { Metadata } from "next"; import { notFound } from "next/navigation"; import Image from "next/image"; import Link from "next/link"; import { getCars } from "@/lib/db"; import Navbar from "@/components/Navbar"; import Footer from "@/components/Footer"; import WhatsAppButton from "@/components/WhatsAppButton"; import { Fuel, Users, Gauge, Briefcase, Star, Check, ArrowLeft, Shield, MapPin, Phone, } from "lucide-react"; interface PageProps { params: Promise<{ slug: string }>; } export async function generateStaticParams() { const cars = getCars(); return cars.map((car) => ({ slug: car.slug })); } export async function generateMetadata({ params }: PageProps): Promise { const { slug } = await params; const cars = getCars(); const car = cars.find((c) => c.slug === slug); if (!car) return {}; return { title: `${car.name} | Location ${car.pricePerDay} MAD/jour Marrakech`, description: `Louez une ${car.name} à Marrakech pour seulement ${car.pricePerDay} MAD/jour. ${car.transmission === "automatic" ? "Boîte automatique" : "Boîte manuelle"}, ${car.fuel}, ${car.seats} places. Assurance incluse. Réservation WhatsApp.`, alternates: { canonical: `https://www.setocar.com/cars/${slug}`, }, openGraph: { title: `${car.name} — Location Marrakech ${car.pricePerDay} MAD/jour | Setocar`, description: car.description, url: `https://www.setocar.com/cars/${slug}`, images: [{ url: car.image, alt: `${car.name} location Marrakech` }], }, }; } const WHATSAPP_NUMBER = "212651621512"; const PHONE_DISPLAY = "0651621512"; export default async function CarDetailPage({ params }: PageProps) { const { slug } = await params; const cars = getCars(); const car = cars.find((c) => c.slug === slug); if (!car) notFound(); const waMsg = encodeURIComponent( `Bonjour Setocar! 🚗\n\nJe souhaite louer la *${car.name}*\n💰 Prix: ${car.pricePerDay} MAD/jour\n\nPouvez-vous me confirmer la disponibilité et vos offres?\n\nMerci!` ); const relatedCars = cars.filter((c) => c.id !== car.id && c.category === car.category).slice(0, 2); const jsonLd = { "@context": "https://schema.org", "@type": "Product", name: `${car.name} - Location Marrakech`, image: `https://www.setocar.com${car.image}`, description: car.description, brand: { "@type": "Brand", name: car.brand }, offers: { "@type": "Offer", price: car.pricePerDay, priceCurrency: "MAD", priceValidUntil: "2026-12-31", availability: car.available ? "https://schema.org/InStock" : "https://schema.org/OutOfStock", seller: { "@type": "Organization", name: "Setocar", url: "https://www.setocar.com", }, }, aggregateRating: { "@type": "AggregateRating", ratingValue: car.rating, reviewCount: car.reviews, bestRating: 5, }, }; return ( <>