fix: Position PromoPreference next to Request Vehicle button

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
AutonetSellCar Deploy
2026-01-12 23:56:58 +09:00
parent 800b2b4c61
commit cc1022aae3

View File

@@ -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>