From cc1022aae3eab50da06fb20b8e80cb76730342db Mon Sep 17 00:00:00 2001
From: AutonetSellCar Deploy <autonet@grantech.kr>
Date: Mon, 12 Jan 2026 23:56:58 +0900
Subject: [PATCH] fix: Position PromoPreference next to Request Vehicle button

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 frontend/src/app/page.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index 2a77270..cef2fc1 100644
--- a/frontend/src/app/page.tsx
+++ b/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>