Merge branch 'main' of https://gitea.o2o.kr/Web4ai/o2o-site-AEO

solution/frontend/src/components/layout/MarketingShell.tsx

@@ -17,7 +17,13 @@ const NAV = [
   {to: '/pricing', label: '요금'},
 ];
 
-export function MarketingShell({children}: {children: ReactNode}) {
+export function MarketingShell({
+  children,
+  showAuthCta = true,
+}: {
+  children: ReactNode;
+  showAuthCta?: boolean;
+}) {
   const user = useAuthStore((s) => s.user);
 
   return (
@@ -52,7 +58,7 @@ export function MarketingShell({children}: {children: ReactNode}) {
                 히어로의 큰 입력 카드가 이미 그 자리다 — 시작하는 문이 한 화면에 둘이면
                 어느 쪽이 진짜인지 고르게 만든다. 헤더는 로그인만 받는다.
             */}
-            {user ? (
+            {showAuthCta && (user ? (
               <Link
                 to="/sites"
                 className="rounded-md bg-primary px-4 py-2 text-[13px] font-medium text-primary-foreground transition-colors hover:bg-primary/90"
@@ -66,7 +72,7 @@ export function MarketingShell({children}: {children: ReactNode}) {
               >
                 로그인
               </Link>
-            )}
+            ))}
           </div>
         </div>
       </header>

solution/frontend/src/pages/LandingPage.tsx

@@ -1,5 +1,5 @@
 import {useState, type FormEvent} from 'react';
-import {Link, useNavigate} from 'react-router';
+import {Link, useNavigate, useSearchParams} from 'react-router';
 import {ArrowRight, ArrowUp, Check} from 'lucide-react';
 import {MarketingShell, Section, SectionHead} from '@/components/layout/MarketingShell';
 import {ShowcaseGrid, ShowcasePeeks} from '@/features/marketing/ShowcaseGrid';
@@ -74,6 +74,8 @@ const HEADLINES = [
 export function LandingPage() {
   const navigate = useNavigate();
   const [query, setQuery] = useState('');
+  const [searchParams] = useSearchParams();
+  const buildMode = searchParams.get('build') === '1';
 
   const submit = (event: FormEvent) => {
     event.preventDefault();
@@ -84,7 +86,7 @@ export function LandingPage() {
   };
 
   return (
-    <MarketingShell>
+    <MarketingShell showAuthCta={buildMode}>
       {/* ── 상단 ─────────────────────────────────────── */}
       <section className="relative flex min-h-[calc(100dvh-4rem)] items-center overflow-hidden border-b border-border">
         <div className="mx-auto w-full max-w-6xl px-5 text-center">
@@ -101,17 +103,20 @@ export function LandingPage() {
             </span>
             홈페이지
           </h1>
+          {buildMode && (
             <p className="mx-auto mt-6 text-base text-muted-foreground sm:text-lg">
               가게 이름 한 줄로 시작해 보세요
             </p>
+          )}
 
           {/* ★ 입력 카드와 발행 사이트 띠를 **같은 밴드**에 겹친다(아임웹과 같은 구조).
               띠를 카드 아래 따로 두면 첫 화면이 세로로 길어지고, 카드가 뜬금없이 혼자 뜬다. */}
-          <div className="relative mt-14">
+          <div className={`relative mt-14 ${buildMode ? '' : 'min-h-52'}`}>
             <div className="pointer-events-none absolute top-1/2 left-1/2 w-screen -translate-x-1/2 -translate-y-1/2">
               <ShowcasePeeks />
             </div>
 
+            {buildMode && (
               <form
                 onSubmit={submit}
                 className="relative z-10 mx-auto max-w-2xl rounded-2xl border border-border bg-card p-4 text-left shadow-[0_18px_50px_-20px_rgb(20_22_34/0.35)]"
@@ -151,6 +156,7 @@ export function LandingPage() {
                   </button>
                 </div>
               </form>
+            )}
           </div>
         </div>
       </section>