Site refresh: Figma hero, discover card, earn card, swap coin polish#5
Open
sdfcharles wants to merge 10 commits into
Open
Site refresh: Figma hero, discover card, earn card, swap coin polish#5sdfcharles wants to merge 10 commits into
sdfcharles wants to merge 10 commits into
Conversation
Brings the site in line with the latest local work, including: - New Earn feature card with circular progress ring + rolling-digit balance - History card: rows push down before new row scale-pops in; 48px inner padding; bottom gradient blur-out - Removes ui.sh/ui-picker.js script from layout - Misc UI: gray card backgrounds, download screenshots, mobile footer, responsive fixes - Adds Nouns / USDC / XLM logo assets Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
- Restore output: "export" + images.unoptimized in next.config.ts (was clobbered when overlaying local content onto upstream) - Add dynamic = "force-static" to robots.ts and sitemap.ts so they generate at build time under static export - Pin dev/start to port 3004 to match local convention Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
- Expand swap coin to cycle through XLM/USDC/EUROC/ARST with synchronized label - Replace ColorBends CTA background with new IridescenceBackground - Add MotionProvider and Silk component - Improve reduced-motion and hover:none handling across feature animations Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
✅ Deploy Preview for freighter-website ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
- Replace Send screen with a pilled USDC selector, large cycling amount with a Lilac highlight + blinking caret, and a separate action button - Replace Swap coin-flip with two stacked recessed panels (USDC ↔ XLM), amount on the left and a pill selector on the right, joined by a floating swap-arrow indicator - Adapt new card surfaces to the dark Stellar palette so they sit alongside the rest of the carousel - Rename the "Earn" carousel item to "Deposit" and update the lookup key - Use 16px padding for the wallet front card's avatar / address / balance offsets Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
- Replace the Deposit (formerly Earn) gauge with a Coinbase → Freighter transfer graphic: brand row, dashed pipeline with a "$" coin that animates down the line, and a destination row whose amount cycles - Replace the Discover shuffling panels with a single-row marquee of enlarged category pills (DeFi, NFTs, Gaming, Bridge, Yield, Social, Tools); each pill switches to Lilac while it's fully on screen via IntersectionObserver against the card's clipping box - Scale the Wallets front card up ~18% (cap 260→308px, height 132→156px) and bump avatar / address / balance sizes to match - Shift the History feed stack 24px down to leave more headroom above the first row Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
- Send: Lilac background matching the Deposit card, dark-Lilac panel with a larger border-radius, dark-Lilac currency pill, and Lilac Send button so the card reads as one branded surface - Discover: collapse to a single horizontal marquee, scale the pills ~4× (font 40–64px, padding 24–36 / 32–52, icon 32–48), and switch the active highlight to an IntersectionObserver so each pill turns Lilac while it's fully on screen - Deposit: replace the Coinbase pipeline with three pill-shaped steps (Coinbase Auth → Selecting amount → Confirming) that each show a spinning loader, then transition to a filled check with their completed label (Connected / Amount: \$500 / Deposited) - Wallets: convert the stacked-cards graphic to a column list of accounts, each with a coloured identicon, name + truncated address, and balance - History: nudge the feed stack 32px down so the first row has clear headroom under the card edge Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Batched catch-up commit covering accumulated changes from prior sessions across the legal pages, navbar/footer, hero, FAQ, changelog, shared button/glow/iridescence components, animation/constants helpers, and the Mesurer + sliding-number additions. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
|
Review the following changes in direct dependencies. Learn more about Socket for GitHub.
|
- Send: add "To: G80FJ...8HPOD" recipient row at the top, swap the layout to Recipient → Amount → USDC pill, drop the "Balance" line and the Lilac highlight/caret, set the amount to regular weight, append a muted .00 decimals tail - Swap: redesign each panel as You sell / You receive with the label, amount on the left, currency pill on the right, and USD value below; drop the balance text; chevron-down divider; min-height with justify-content space-between so the panels feel substantial; tighten the panel gap so the pair sits 8px apart; divider chevron is white - Deposit: each pill is now white with a gray check circle while loading and a green circle when the step succeeds; pills connected by a thicker dotted Lilac line with more generous spacing between - Discover: each category pill lights up in its own colour (DeFi green, NFTs pink, Gaming orange, Bridge blue, Yield amber, Social coral, Tools brand purple) when it's fully on screen - Wallets: cycling selection centers its scale, lifts opacity to 1.0, and stamps a Lilac check badge on the bottom-right of the identicon; other rows stay at 50% opacity - Collectibles: all four tiles share a single Gray-tinted background (#333333) with a muted icon colour - History: add a "This Month" heading above the feed stack and offset the stack to give the heading room - Brand primary swapped to #7B68FF across CSS tokens, gradients, the layout console banner, Silk shader default, and the hero background Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
- Standardize every feature card stage to a uniform 40px outer padding (Send, Swap, Discover, Deposit, Collectibles, History, Wallets) - Send: panel switches to lighter \#333333 with Gray-7 border so it reads as elevated over the Gray-4 outer; recipient row moved above amount; muted \`.00\` decimals appended to the cycling amount; primary purple Send button; cycle interval slowed and offset so it never ticks in lock-step with Swap (1.1s delay + 2.8s interval) - Swap: invert grays so the outer is Gray-1 and the panels are Gray-4 with a darker pill; chevron-down divider, white icon, no border; both panels share \`flex: 1\` and an 8px gap so the pair fills the card - Deposit: replace the three-step stack with a single dashed pill at the centre that cycles through Connecting → Selecting amount → Amount: \$500 → Confirming → Deposited; text crossfades with a blur-in animation, spinner on the left turns to a green check on the final state, surrounded by concentric dashed rings that ease to match the pill's measured size (skipping the innermost slot) - Discover: collapse to a left-aligned horizontal pill carousel with category-tinted active colours (mint/pink/orange/blue/amber/coral/ purple) plus three 72px placeholder rows that animate in top-down; triple-rendered pill set + transition-off snap keeps the loop truly infinite without jumping back to the first pill - Wallets: cycling selection scales 1.1× from center, opacity 0.5 → 1.0, with a Lilac check badge on the selected identicon - History: heading bumped to Discover-pill text size in sentence case; feed stack 32px down; wrap height pinned to the card with a 52px slot height so all four rotating rows fit comfortably; bottom linear-gradient overlay blends exiting rows into the card bg - Carousel label chip uses solid brand-purple background with white bold Phosphor icons Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Refreshes the marketing site with the latest local work. Replaces #4.
ColorBendswith a newIridescenceBackgroundcomponent (also addsSilkand a sharedMotionProvider)prefers-reduced-motionandhover: nonepaths across feature animationsui.sh/ui-picker.jsscriptTest plan
npm run devand visit/— verify hero, discover card, and earn card render as in Figmahover: noneemulation), confirm hover transforms don't stickui.shscript tag in page source🤖 Generated with Claude Code