9:41

Where should we deliver?

Add your delivery address so we can show you available products and delivery slots

CON-020 | Address Prompt

Type: Onboarding step (no bottom navigation)
Purpose: Prompt first-time users to provide a delivery address before viewing products
Trigger: Shown after successful authentication if no saved address exists
Navigation: "Use Current Location" goes to CON-022-address-map-confirm.html; "Search for Address" goes to CON-021-address-search.html

Background: #E9EFE7 (off-white)
Header: White with centered title, no back button (entry point of flow)
Content: Centered vertically with illustration, heading, subtext, and two option cards
Bottom navigation: None (part of onboarding flow)

Illustration: 120px circle with #E9EFE7 background, location pin icon in #043F2D, 56px icon size
Title: Alexandria 24px Bold | Color: #111827
Subtitle: Alatsi 14px | Color: #6B7280 | Max-width: 300px | Line-height: 1.5
Option Card (Primary): Background #043F2D | White text | 20px padding | 12px border-radius | 48px icon container with lime tint
Option Card (Secondary): Background #FFFFFF | Dark text | Border: 2px #D1D9CE | 12px border-radius
Card Title: Alexandria 16px Bold
Card Description: Alatsi 12px | 70% opacity

"Use Current Location" requests GPS permission via the OS dialog, then navigates to map confirmation
"Search for Address" navigates to the address search screen with autocomplete
Both cards have press-down scale animation (0.98) for tactile feedback
This screen cannot be skipped; an address is required to proceed