Temu Clone

Build Snagzy, an original deals shopping app for iPhone in SwiftUI, in the genre of Temu: a white, orange-accented marketplace of cheap finds with a search pill, category tabs, an 11.11 sale banner, Lightning deals with countdowns, a 2-column product feed with sold counts and stars, a spin-to-win coupon wheel, product pages, add-to-cart that flies into the cart, a cart with a free-shipping bar, checkout and orders. Its own name, logo and words, all below. The shopper is Maya Chen. Today is Wednesday, November 11, 2026 (11.11, the biggest sale day of the year).

ASSETS
curl -L once each and unzip flat: https://vibecode-temu-media.beacon.host/snagzy-brand.zip (snagzy-icon.png: use it as the app icon) and https://vibecode-temu-media.beacon.host/media.zip (p-*.jpg: 800x800 product photos, one per product, named in FIXTURES). Put every image in the asset catalog under its file name. The Snagzy logo is drawn in code (SnagzyMark in Brand.swift, a unit box s): a white bag body, a rounded rectangle from (0.22 s, 0.36 s) to (0.78 s, 0.82 s) with 0.07 s corners; a handle, the upper half of a circle of radius 0.14 s centred at (0.5 s, 0.36 s), stroked 0.06 s; an orange lightning bolt cut out of the body (polygon 0.545,0.44 → 0.415,0.615 → 0.495,0.615 → 0.455,0.755 → 0.595,0.565 → 0.51,0.565). On #FB7701 it is the icon; in the app it is drawn orange with a white bolt. No image generation is needed.

SHELL
Opens on Home: no splash, onboarding, sign-in, wheel pop-up or permission prompts. A 4-item tab bar, white with a hairline #EDEDED on top: Home (house.fill), Categories (square.grid.2x2.fill), You (person.fill), Cart (cart.fill with a #FB4A00 badge, 3 at launch). 10 pt labels; selected #FB7701, unselected #777777. The status bar stays visible and dark on every screen.

SCREENS
1. Home (one ScrollView, white):
 a. Search row (fixed above the scroll, white): SnagzyMark 30 pt at the left; a search pill (40 pt tall, 1.5 pt #222222 outline, fully rounded) with the placeholder "cloud slides" in #999999, a camera icon inside at the right, then a 32 pt black circle with a white magnifyingglass at the pill's right end; at the far right a 34 pt bell (bell, #222222) with a 7 pt #FB4A00 dot. Tapping the pill opens Search.
 b. Category tabs (fixed under the search row): All, Women, Home, Men, Beauty, Kids, Sports, Jewelry (15 pt; selected #222222 semibold with a 2.5 pt #222222 underline that slides, others #666666); a tap filters the feed.
 c. A green strip (#EEF8F0, 28 pt): checkmark.shield.fill + "Free shipping" · "Free returns within 90 days" (13 pt, #0A8A3E).
 d. The 11.11 banner: a 128 pt card (12 pt corners, 12 pt side margins), a #FB7701 → #FF3D00 diagonal gradient with soft white confetti dots drawn in code, "11.11 BIG SALE" (32 pt black weight, white, slight italic), "Up to 90% off" (15 pt semibold white), the banner's own countdown "Ends in 17:42:10" in white mono digits ticking every second, and a white "Shop now" capsule (orange text). Tap: the Lightning deals page.
 e. "Lightning deals" row: bolt.fill (#FB7701) + "Lightning deals" (18 pt bold) + the Lightning pill (CountdownPill: a #FB7701 capsule, white text "Ends in 00:09:59", monospaced digits) + "See all ›" at the right (#666666). Under it a horizontal row of deal cards (112 pt wide): the photo (112x112, 8 pt corners), the price (17 pt heavy #FB4A00, "$" smaller), a red #E02020 "-84%" tag over the photo's top left, and a stock bar (6 pt, track #FFE0CC, fill #FB4A00) with "Only 2 left!" (11 pt semibold #E02020) under it.
 f. "Recommended for you" (18 pt bold), then a 2-column grid (8 pt gaps, 12 pt margins) of ProductTile: the square photo (8 pt corners) with badges over it (top left: a discount tag "-84%"; bottom: a translucent black 55% strip with an urgency line, e.g. "Almost sold out" or "1.2K bought in the last hour"); the title (14 pt, 1 line); a price row: price (18 pt heavy #FB4A00), the struck "was" price (12 pt #999999, strikethrough); "★★★★★ (2,318)" (11 pt, stars #222222); "12K+ sold" (11 pt #999999) and a 30 pt cart button at the right (cart.badge.plus, 1.5 pt #222222 circle outline). Tap the tile: the product page. Tap the cart button: add one to the cart with the fly-to-cart animation.
 g. A floating Spin button over Home's right edge, 120 pt above the tab bar: a 62 pt mini wheel (8 alternating #FB7701/#FFF1E0 wedges) turning slowly (one turn per 6 s) with a "SPIN" capsule (white text on #E02020) under it. Tap: the wheel.
2. Lightning deals page (push): an orange header (#FB7701) with "Lightning deals", the countdown pill (white with orange text) and a back chevron; rows: photo 96 pt, title (2 lines), price + struck price + "-84%" tag, the stock bar with "93% claimed · Only 2 left!", a small orange "Buy now" capsule (adds to the cart with the fly animation).
3. Product page (push): the photo full width (square) with "1/1" in a capsule; a discount tag; under it a #FFF1E6 bar: bolt.fill + "Lightning deal" + "Ends in 00:09:59" ticking; the price (30 pt heavy #FB4A00), the struck price, "-84%"; the title (17 pt); "★ 4.8 (2,318 reviews) · 12K+ sold"; badges "Only 2 left!" and "Almost sold out" (UrgencyBadge); "Color" chips (three per product, text chips, selected with a 1.5 pt #222222 border) and a quantity stepper; "Free shipping · Arrives Nov 18–23" with a truck icon; "Free returns within 90 days"; Reviews: three cards (initials avatar, name, ★★★★★, date, text); a sticky bottom bar: a heart (wishlist) and "Add to cart" (a full #FB7701 capsule, 50 pt, 17 pt bold white). Add to cart: the fly-to-cart animation, then the button shows "Added ✓" for 1.2 s.
4. Fly-to-cart (Components/FlyToCart, one overlay used everywhere): a 64 pt copy of the product photo (8 pt corners, soft shadow) lifts from the tapped spot and arcs to the Cart tab icon in 0.5 s (a quadratic curve bowing up, scale 1 → 0.3, always visible, never fades early); as it lands the Cart badge pops (1 → 1.35 → 1, 0.25 s) and its number rolls up one; a dark capsule toast "Added to cart" with checkmark.circle.fill (#32C766) slides down under the status bar and holds 1.4 s.
5. Cart (tab): "Cart (4)" title; a free-shipping bar: "Free shipping unlocked ✓" in #0A8A3E on #EEF8F0 (under $10: "Add $3.21 more for free shipping" with an orange progress bar); rows with a round orange checkbox, the 80 pt photo, the title, the chosen colour, the price + struck price, a −/+ stepper (count rolls), swipe to delete; "Almost sold out" and "Only 2 left!" UrgencyBadges on two rows; a line "You're saving $184.21 today!" (#0A8A3E); a sticky bottom: the total ("$41.12", 20 pt heavy) and "Checkout (4)" (#FB7701 capsule). Launch cart: sunset lamp, cloud slides (Lilac), claw clips.
6. Checkout (sheet): shipping address "Maya Chen · 214 Bedford Ave, Apt 3R, Brooklyn, NY 11211", delivery "Standard · Free · Nov 18–23", payment "Apple Pay" (selected) or "Card •••• 4242", the coupon line "$100 coupon bundle" (after the wheel: −$4.00), the summary (items, shipping Free, total); "Submit order" (#FB7701, 50 pt). Submit: the button shows a spinner 0.8 s, then Order placed: a full-screen white page, a 96 pt #32C766 check drawing itself, 80 confetti pieces (orange, gold, red, white) falling, "Order placed! 🎉", "Arrives Nov 18–23", "Order #SNZ-1111-4821", "Keep shopping" (orange) and "View order"; the cart empties and the order appears in You → Orders.
7. Spin wheel (full-screen cover): black 55% dim; a white card (20 pt corners): "Spin to win" (24 pt heavy) and "Your 11.11 welcome gift" (#666666); the wheel (300 pt): 8 wedges alternating #FB7701 and #FFF1E0 with 4 pt white separators and a white rim with 16 small gold bulbs that blink in turn; labels along the radius (bold, white on orange, orange on cream): "$100 coupon bundle", "30% OFF", "Free gift", "$20 OFF", "90% OFF", "$5 OFF", "Free shipping", "$50 OFF"; a gold pointer at the top; a 76 pt #E02020 hub button "SPIN". Spin: 4.2 s, 5 full turns then lands on "$100 coupon bundle" (always), ease-out (cubic), a light haptic per wedge passing the pointer; landing: the wedge glows, 80 confetti pieces burst from the centre, and the card's lower part springs to "Congratulations! 🎉" + "You won a $100 coupon bundle" + a #FB7701 "Claim now" capsule; Claim: the cover closes and a toast "$100 coupon bundle added". xmark at the top right closes it.
8. Categories (tab): the search pill on top; a left rail (96 pt, #F6F6F6) of categories (Featured, Women, Home & Kitchen, Men, Beauty, Kids & Toys, Sports, Electronics, Jewelry; selected white with a 3 pt #FB7701 bar); at the right "Shop by category" and a 3-column grid of 72 pt round photos with names under them; a tap shows that category's products in a 2-column grid.
9. Search (push): the field focused, "Recent" chips (cloud slides, sunset lamp, capybara), "Trending" with a flame (1 star projector, 2 claw clips, 3 tumbler, 4 dog hoodie); typing filters products live by title; results in the 2-column grid.
10. You (tab): Maya's 64 pt initials avatar (MC on #FB7701), "Maya Chen", "Snagzy member since 2025"; a row of order states with icons and counts (Processing 1, Shipped 2, Delivered 14, Returns 0); "Coupons & offers" ("$100 coupon bundle" after the wheel), "Credit $5.00", "Wishlist (6)", "Following shops", "Addresses", "Settings". Orders (push): order cards with product thumbnails, status chips (Processing, Shipped, Delivered) and "Track".

FIXTURES (Data/Fixtures.swift)
Products (id = photo; title; price; was; rating; reviews; sold; colours; category; urgency line):
1. p-sunset-lamp; "LED Sunset Projection Lamp, 16 Colors"; $6.98; $42.99; 4.8; 2,318; 12K+; Black, White, Pink; Home & Kitchen; "Only 2 left!"
2. p-cloud-slides; "Cloud Slides, Pillow Soft, Unisex"; $5.21; $29.99; 4.7; 9,433; 100K+; Lilac, Cream, Black; Women; "1.2K bought in the last hour"
3. p-earbuds; "Wireless Earbuds with Charging Case"; $7.86; $59.99; 4.6; 5,102; 45K+; White, Black, Pink; Electronics; "Almost sold out"
4. p-star-projector; "Galaxy Star Projector Night Light"; $12.36; $79.99; 4.8; 1,207; 8.9K+; White, Black, Blue; Home & Kitchen; "Lowest price in 180 days"
5. p-frother; "Handheld Milk Frother, USB-C"; $2.98; $19.99; 4.7; 3,860; 33K+; Black, White, Sage; Home & Kitchen; "Only 4 left!"
6. p-tumbler; "40 oz Tumbler with Handle & Straw"; $8.97; $45.00; 4.8; 4,412; 21K+; Pink, Sage, Cream; Home & Kitchen; "3.4K bought in the last hour"
7. p-dog-hoodie; "Cozy Dog Hoodie, Teddy Fleece"; $4.47; $24.99; 4.9; 866; 6.4K+; Cream, Brown, Pink; Featured; "Almost sold out"
8. p-blender; "Portable Mini Blender, 6 Blades"; $9.42; $49.99; 4.6; 2,045; 15K+; Mint, Pink, White; Home & Kitchen; "Only 3 left!"
9. p-ice-roller; "Ice Roller for Face & Eyes"; $3.42; $21.99; 4.7; 1,733; 18K+; Blue, Pink, Clear; Beauty; "862 bought in the last hour"
10. p-puffer-tote; "Quilted Puffer Tote Bag"; $8.15; $46.00; 4.8; 1,120; 9.7K+; Silver, Black, Cream; Women; "Almost sold out"
11. p-car-vacuum; "Cordless Mini Car Vacuum"; $11.98; $69.99; 4.5; 902; 7.2K+; Black, Grey, White; Electronics; "Only 5 left!"
12. p-utensils; "Silicone Kitchen Utensil Set, 12 pcs"; $9.99; $55.99; 4.8; 3,301; 26K+; Sage, Black, Grey; Home & Kitchen; "Lowest price in 180 days"
13. p-claw-clips; "Matte Claw Clips, 8 Pack"; $2.49; $16.99; 4.8; 14,210; 120K+; Pastel, Neutral, Black; Beauty; "5.1K bought in the last hour"
14. p-smartwatch; "Smart Watch, Fitness Tracker"; $14.97; $99.99; 4.5; 1,876; 11K+; Black, Pink, Silver; Electronics; "Only 2 left!"
15. p-string-lights; "Fairy String Lights, 33 ft"; $4.39; $25.99; 4.7; 6,744; 52K+; Warm, Cool, Multi; Home & Kitchen; "Almost sold out"
16. p-eye-mask; "Heated Steam Eye Mask"; $6.75; $34.99; 4.6; 512; 4.1K+; Pink, Grey, Blue; Beauty; "Only 3 left!"
17. p-lint-remover; "Rechargeable Lint Shaver"; $5.37; $29.99; 4.7; 2,099; 14K+; White, Coral, Grey; Home & Kitchen; "1.8K bought in the last hour"
18. p-waffle; "Mini Heart Waffle Maker"; $10.89; $49.99; 4.8; 731; 5.5K+; Red, Pink, Mint; Home & Kitchen; "Almost sold out"
19. p-phone-tripod; "Phone Tripod with Remote"; $5.67; $32.99; 4.6; 3,987; 31K+; Black, White, Pink; Electronics; "Only 4 left!"
20. p-desk-org; "Desk Organizer with Drawers"; $6.24; $36.99; 4.7; 1,044; 8.0K+; White, Pink, Sage; Home & Kitchen; "Lowest price in 180 days"
21. p-press-nails; "Press-On Nails, 24 pcs, Glossy Pink"; $3.88; $19.99; 4.6; 7,021; 60K+; Pink, Nude, Red; Beauty; "2.7K bought in the last hour"
22. p-capybara; "Giant Capybara Plush, 20 in"; $9.88; $49.99; 4.9; 2,688; 17K+; Brown, Cream, Pink; Kids & Toys; "Only 2 left!"
23. p-hoodie; "Oversized Fleece Hoodie"; $11.49; $59.99; 4.7; 5,566; 40K+; Oatmeal, Black, Sage; Men; "Almost sold out"
24. p-sneakers; "Breathable Knit Running Sneakers"; $16.98; $89.99; 4.6; 9,433; 100K+; White, Grey, Black; Men; "3.9K bought in the last hour"
Discount = round((was − price) / was × 100), shown "-84%". Lightning deals row and page: sunset lamp, earbuds, capybara, smartwatch, frother, claw clips (each "Only 2 left!"…"Only 6 left!", 81–96% claimed). Home's grid order: cloud slides, sunset lamp, capybara, earbuds, tumbler, dog hoodie, star projector, claw clips, then the rest. Reviews for the sunset lamp: Jasmine R. "Turned my room into golden hour. Obsessed 🧡" (Nov 2); Marcus T. "Way brighter than I expected for the price" (Oct 28); Elena V. "Bought 3 as gifts lol" (Oct 19). Write three fitting reviews for every other product (first name + initial, a date in Oct–Nov 2026).

HOOK (the video's first 3 seconds)
- HOOK MODE: tapping an invisible 24x60 pt strip at the LEFT edge (x 0–24, y 300–360 pt), drawn in its own window above every sheet, cover, toast and the keyboard (a tap there closes whatever is open), resets everything to this state and plays this run through the real countdown, cart and toast code, identical every time (seconds from the tap): 0.00 with no animation: Home scrolled to the top, All selected, every photo drawn, Cart badge 3, the Lightning pill reading "Ends in 00:00:02" (the banner's own countdown keeps ticking normally); 0.25 the pill rolls to 00:00:01; 0.50 it rolls to 00:00:00 and flashes white (0.1 s); 0.70 it snaps back to "Ends in 23:59:59" with a bounce (scale 1.15 → 1.0, spring) while a small arrow.clockwise in the pill spins once; 0.85 the touch dot lands on the first grid tile's cart button; 1.00 press: the fly-to-cart arc (0.5 s) to the Cart tab, the badge 3 → 4 pops, the "Added to cart" toast holds 1.4 s; 2.40 the dot fades; hold. After the run the pill counts down normally from 23:59:59.
- The touch dot: 44 pt, black at 35%, a 3 pt white ring, a soft shadow, drawn above everything; it scales in as it lands, shrinks to 0.9 while pressed, glides 0.15 s between points, and fades after its last release.
- What the eye must see: frame 0 fully drawn (no fade-in, no grey placeholder); countdown digits roll (the old digit slides up and out, the new one slides in), never blink or jump; the flying photo is visible for the whole arc; badges pop, counts roll; toasts hold ≥1.2 s; flashes ≤0.12 s at ≤35%. Waits use these times, not the app's normal delays. Decode every photo off the main thread at launch; warm up haptics at launch.

LOOK
White #FFFFFF backgrounds, #F6F6F6 grouped fills, text #222222, secondary #666666, tertiary #999999, hairlines #EDEDED. Brand orange #FB7701 (buttons, selected tab, pills); price orange-red #FB4A00; deal red #E02020 (discount tags, low stock); success green #0A8A3E (text) and #32C766 (checks); gold #FFC233 (wheel pointer, bulbs). SF Pro: 14 pt body, heavy prices with a smaller "$", monospaced countdown digits. 8 pt corners on photos, capsules for buttons and pills. Pressed states darken; buttons scale to 0.97.

RULES
- Native SwiftUI, iOS 26 (keep the template's target), iPhone portrait.
- Deterministic fixtures. No backend, login, permissions, analytics or network calls at runtime (all photos are bundled). No persistence: delete the SwiftData starter, no UserDefaults or files.
- Springs under 350 ms, haptics on taps, pressed states.
- Files under 300 lines, big bodies split into subviews, no long chained expressions.
- Keep every file inside /home/user/workspace (/tmp is denied).

REMIX-READY
Theme/Brand.swift (the name, SnagzyMark, a Copy enum with every word), Theme/Theme.swift (colours, fonts; no colour literals elsewhere), Data/Fixtures.swift, Data/DemoScript.swift (HOOK MODE targets and timings). Codable models with String ids (Product, Review, CartItem, Order, Coupon, Category, Urgency) behind one AppDataSource protocol (FixtureDataSource) feeding @Observable stores (CatalogStore, CartStore, DealsStore with one shared Clock for every countdown, WheelStore, OrderStore); views never read Fixtures. Every urgency element (countdown pills, discount tags, struck "was" prices, "Only N left!", "Almost sold out", "bought in the last hour", "Lowest price in 180 days", stock bars) is drawn by ONE view, Components/UrgencyBadge (Urgency.Kind: countdown, discount, wasPrice, lowStock, almostGone, boughtRecently, lowestPrice, stockBar), reading one @Observable UrgencyStyle from the environment, so a remix can restyle, hide or animate all of them at once. Components/: UrgencyBadge, CountdownPill, RollingDigits, ProductTile, DealCard, PriceRow, FlyToCart, CartBadge, Toast, SpinWheel, Confetti, TouchDot, SnagzyTabBar, SearchRow. Features/<Screen>/. README.md under 80 lines: file map; how to rename, recolour, swap the logo, swap the products and photos; how UrgencyBadge works (one place to change every badge); how to add a wheel prize; 3 one-prompt remixes (Snagzy for a local farmers' market with pickup times; for your Etsy shop with your own products; a sneaker-drop app with raffles). "Read README.md first." atop CLAUDE.md and ios/AGENTS.md; replace ios/CLAUDE.md's structure block with this app's files. No scratch folders.

FILMING
Long-press the Home tab icon for 1 s to reset everything to launch (cart, coupons, orders, wheel, scroll position, tab).

BUILD
Theme, Brand and Fixtures, then each screen in small files, a one-line status per screen; launch in the simulator every two or three files. Home (search row, tabs, strip, banner, Lightning deals row, the grid with UrgencyBadge) first, then the product page and fly-to-cart, then HOOK MODE, then the cart and checkout with Order placed, then the spin wheel, then Categories, Search, You and Orders. Fetch snagzy-brand.zip and media.zip as soon as the shell runs; check each file exists, never view them. Walk each flow once and fix what breaks; no pixel measuring or debug modes. Deliver the whole app, not a plan. Do not publish.