fix: Position PromoPreference next to Request Vehicle button
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -47,18 +47,20 @@ export default function Home() {
|
|||||||
<FilmStripSlider banners={banners} settings={bannerSettings} />
|
<FilmStripSlider banners={banners} settings={bannerSettings} />
|
||||||
|
|
||||||
<div className="container mx-auto px-4 py-4 sm:py-8">
|
<div className="container mx-auto px-4 py-4 sm:py-8">
|
||||||
{/* Request Vehicle Button - Centered */}
|
<div className="flex flex-col lg:flex-row items-center justify-center gap-4 lg:gap-8">
|
||||||
<div className="flex justify-center mb-6">
|
{/* Request Vehicle Button */}
|
||||||
<Link
|
<Link
|
||||||
href="/vehicle-request"
|
href="/vehicle-request"
|
||||||
className="inline-block bg-yellow-500 text-white font-semibold px-6 py-2.5 sm:px-8 sm:py-3 rounded-lg hover:bg-yellow-600 transition shadow-lg text-sm sm:text-base"
|
className="inline-block bg-yellow-500 text-white font-semibold px-6 py-2.5 sm:px-8 sm:py-3 rounded-lg hover:bg-yellow-600 transition shadow-lg text-sm sm:text-base"
|
||||||
>
|
>
|
||||||
{t.requestVehicle}
|
{t.requestVehicle}
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* Promo Preference - Right aligned */}
|
{/* Divider */}
|
||||||
<div className="flex justify-center lg:justify-end">
|
<div className="hidden lg:block w-px h-24 bg-white/30"></div>
|
||||||
|
<div className="lg:hidden w-32 h-px bg-white/30"></div>
|
||||||
|
|
||||||
|
{/* Promo Preference */}
|
||||||
<PromoPreference />
|
<PromoPreference />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user