feat: add options/map flow, dev seed, and artwork fixes

Options page, Kakao map with florist order message, dev tooling, and
create/message dummy gating — without secrets in .env.example.

Co-authored-by: 이지은 <ijieun@ijieun-ui-MacBookPro.local>
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Chaewon Lee
2026-06-10 08:56:07 +09:00
committed by GitHub
parent d8f93f4c17
commit 922320d59a
43 changed files with 1587 additions and 125 deletions

14
static/dev/bouquet-l.svg Normal file
View File

@@ -0,0 +1,14 @@
<svg xmlns="http://www.w3.org/2000/svg" width="768" height="1024" viewBox="0 0 768 1024">
<rect width="768" height="1024" fill="#ebe4dc"/>
<rect x="40" y="680" width="688" height="240" rx="12" fill="#d4cbc2"/>
<text x="384" y="640" text-anchor="middle" font-size="28" fill="#8b7355" font-family="Georgia, serif">Large bouquet</text>
<circle cx="240" cy="390" r="54" fill="#f4a6b8"/>
<circle cx="330" cy="350" r="68" fill="#f8c8d4"/>
<circle cx="420" cy="340" r="72" fill="#efb4c4"/>
<circle cx="510" cy="380" r="58" fill="#ffd6e0"/>
<circle cx="560" cy="450" r="50" fill="#ffeef2"/>
<circle cx="200" cy="440" r="48" fill="#f8d0da"/>
<circle cx="280" cy="480" r="44" fill="#ffd6e0"/>
<rect x="360" y="420" width="48" height="300" rx="8" fill="#4d6f53"/>
<text x="384" y="960" text-anchor="middle" font-size="36" fill="#6b5b53" font-family="Arial">L</text>
</svg>

After

Width:  |  Height:  |  Size: 886 B

12
static/dev/bouquet-m.svg Normal file
View File

@@ -0,0 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" width="768" height="1024" viewBox="0 0 768 1024">
<rect width="768" height="1024" fill="#f0ebe6"/>
<rect x="60" y="700" width="648" height="220" rx="12" fill="#ddd4cb"/>
<text x="384" y="660" text-anchor="middle" font-size="28" fill="#8b7355" font-family="Georgia, serif">Medium bouquet</text>
<circle cx="280" cy="400" r="52" fill="#f4a6b8"/>
<circle cx="360" cy="360" r="64" fill="#f8c8d4"/>
<circle cx="440" cy="380" r="58" fill="#efb4c4"/>
<circle cx="500" cy="430" r="46" fill="#ffd6e0"/>
<circle cx="260" cy="450" r="42" fill="#ffeef2"/>
<rect x="364" y="440" width="40" height="280" rx="8" fill="#5a7d60"/>
<text x="384" y="960" text-anchor="middle" font-size="36" fill="#6b5b53" font-family="Arial">M</text>
</svg>

After

Width:  |  Height:  |  Size: 783 B

10
static/dev/bouquet-s.svg Normal file
View File

@@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="768" height="1024" viewBox="0 0 768 1024">
<rect width="768" height="1024" fill="#f5ebe3"/>
<rect x="80" y="720" width="608" height="200" rx="12" fill="#e8ddd4"/>
<text x="384" y="680" text-anchor="middle" font-size="28" fill="#8b7355" font-family="Georgia, serif">Small bouquet</text>
<circle cx="320" cy="420" r="48" fill="#f4a6b8"/>
<circle cx="384" cy="380" r="56" fill="#f8c8d4"/>
<circle cx="448" cy="420" r="44" fill="#efb4c4"/>
<rect x="368" y="460" width="32" height="260" rx="8" fill="#6b8f71"/>
<text x="384" y="960" text-anchor="middle" font-size="36" fill="#6b5b53" font-family="Arial">S</text>
</svg>

After

Width:  |  Height:  |  Size: 678 B

View File

@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300">
<rect width="400" height="300" fill="#e8e0f4"/>
<circle cx="200" cy="110" r="55" fill="#c4b5d8"/>
<rect x="175" y="165" width="50" height="70" rx="20" fill="#9a8ab8"/>
<text x="200" y="270" text-anchor="middle" font-size="22" fill="#6b5a82" font-family="Arial">Character</text>
</svg>

After

Width:  |  Height:  |  Size: 381 B

View File

@@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="500" viewBox="0 0 400 500">
<rect width="400" height="500" fill="#f8d4dc"/>
<circle cx="120" cy="180" r="40" fill="#e8899a"/>
<circle cx="200" cy="150" r="50" fill="#f4a6b8"/>
<circle cx="280" cy="190" r="38" fill="#efb4c4"/>
<text x="200" y="420" text-anchor="middle" font-size="22" fill="#8b5a62" font-family="Arial">Color</text>
</svg>

After

Width:  |  Height:  |  Size: 409 B

View File

@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="500" viewBox="0 0 400 500">
<rect width="400" height="500" fill="#d4e4f0"/>
<rect x="80" y="280" width="240" height="120" rx="8" fill="#8ab4cc"/>
<polygon points="200,80 260,200 140,200" fill="#5a8aaa"/>
<text x="200" y="450" text-anchor="middle" font-size="22" fill="#3d6a82" font-family="Arial">Location</text>
</svg>

After

Width:  |  Height:  |  Size: 388 B

View File

@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300">
<rect width="400" height="300" fill="#dce8d0"/>
<circle cx="200" cy="120" r="70" fill="#f5e6a8"/>
<rect x="160" y="180" width="80" height="60" rx="8" fill="#6b8f71"/>
<text x="200" y="270" text-anchor="middle" font-size="22" fill="#4a6b4e" font-family="Arial">Season</text>
</svg>

After

Width:  |  Height:  |  Size: 377 B

View File

@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="500" viewBox="0 0 400 500">
<rect width="400" height="500" fill="#f5ebe3"/>
<text x="200" y="260" text-anchor="middle" font-size="24" fill="#8b7355" font-family="Georgia">SNS feed 1</text>
</svg>

After

Width:  |  Height:  |  Size: 260 B

View File

@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="500" viewBox="0 0 400 500">
<rect width="400" height="500" fill="#ebe4dc"/>
<text x="200" y="260" text-anchor="middle" font-size="24" fill="#8b7355" font-family="Georgia">SNS feed 2</text>
</svg>

After

Width:  |  Height:  |  Size: 260 B