fix: Position PromoPreference next to Request Vehicle button

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

frontend/src/app/page.tsx

@@ -47,18 +47,20 @@ export default function Home() {
         <FilmStripSlider banners={banners} settings={bannerSettings} />
 
         <div className="container mx-auto px-4 py-4 sm:py-8">
-          {/* Request Vehicle Button - Centered */}
-          <div className="flex justify-center mb-6">
+          <div className="flex flex-col lg:flex-row items-center justify-center gap-4 lg:gap-8">
+            {/* Request Vehicle Button */}
             <Link
               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"
             >
               {t.requestVehicle}
             </Link>
-          </div>
 
-          {/* Promo Preference - Right aligned */}
-          <div className="flex justify-center lg:justify-end">
+            {/* Divider */}
+            <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 />
           </div>
         </div>