fix: landing, geolocation, and description card

* feat: add step-specific DescriptionCard instructions before user input

Each flow page shows English guidance in muted instruction mode until the user makes a selection, then switches to dynamic summary copy.

Co-authored-by: Cursor <cursoragent@cursor.com>

* feat: polish route page, map geolocation, and landing artwork

Replace landing growth SVGs with flow artwork, align Start Creating with FlowContinueBar, and search nearby florists from the user's current location.

Co-authored-by: Cursor <cursoragent@cursor.com>

---------

Co-authored-by: 이지은 <ijieun@ijieun-ui-MacBookPro.local>
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Chaewon Lee
2026-06-14 22:12:59 +09:00
committed by GitHub
parent 578e54efa6
commit e0f6058ff3
12 changed files with 259 additions and 63 deletions

View File

@@ -1,8 +1,24 @@
<script>
let { title = 'Title', description = 'Description Description Description' } = $props();
let {
title = 'Title',
description = 'Description Description Description',
/** instruction: 입력 전 안내 톤 (muted) */
mode = 'summary'
} = $props();
</script>
<div class="w-64 max-w-full flex-none border border-line-strong bg-white px-4 py-3 shadow-sm lg:px-6 lg:py-5">
<h3 class="text-sm leading-snug font-semibold">{title}</h3>
<p class="mt-2 text-xs leading-relaxed">{description}</p>
<h3
class={['text-sm leading-snug font-semibold', mode === 'instruction' ? 'text-muted' : 'text-ink']}
>
{title}
</h3>
<p
class={[
'mt-2 text-xs',
mode === 'instruction' ? 'leading-snug text-muted' : 'leading-relaxed text-ink'
]}
>
{description}
</p>
</div>