Sync site updates: Earn card, history animation, design polish#4
Closed
sdfcharles wants to merge 4 commits into
Closed
Sync site updates: Earn card, history animation, design polish#4sdfcharles wants to merge 4 commits into
sdfcharles wants to merge 4 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>
✅ Deploy Preview for freighter-website ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
- 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>
There was a problem hiding this comment.
Pull request overview
Syncs the marketing site UI/animations with the latest local design work, adding a new “Earn” feature card and reworking the Feature Carousel visuals/animations, plus a revamped Changelog that pulls release data from GitHub.
Changes:
- Adds new Feature Carousel content/visual system (Earn card, editorial styling, updated animations, new CSS tokens).
- Simplifies the Navbar and updates global typography (JetBrains Mono variable font).
- Reworks Changelog to fetch and render GitHub releases with animated filtering.
Reviewed changes
Copilot reviewed 12 out of 28 changed files in this pull request and generated 5 comments.
Show a summary per file
| File | Description |
|---|---|
| src/components/ui/PhosphorIcons.tsx | Adds additional Phosphor icons used by new animations/UI. |
| src/components/ui/ColorBends.tsx | Adds ResizeObserver fallback for environments without it. |
| src/components/layout/Navbar.tsx | Removes mobile overlay menu; adds entrance animation; download CTA now desktop-only. |
| src/components/home/FeatureCarousel.tsx | Adds Earn item + cardStyle variants; adjusts card rendering and edge blur/opacity behavior. |
| src/components/home/FeatureAnimations.tsx | Major animation overhaul; adds Earn stage and redesigned stages for existing features. |
| src/components/home/FAQSection.tsx | Tweaks FAQ expand/collapse animation (spring icon rotation + blur transition). |
| src/app/sitemap.ts | Removes dynamic = "force-static". |
| src/app/robots.ts | Removes dynamic = "force-static". |
| src/app/page.tsx | Adds multiple FeatureCarousel variants behind hidden blocks (ui-dotsh attributes). |
| src/app/layout.tsx | Adds JetBrains Mono font variable to root HTML class list. |
| src/app/globals.css | Adds extensive Feature Carousel styling system + new animations. |
| src/app/changelog/page.tsx | Fetches GitHub releases for extension/mobile and passes to client renderer. |
| src/app/changelog/changelog-content.tsx | New client-side rendering of release body + animated filtering/timeline. |
| public/images/usdc-logo.svg | Adds USDC logo asset. |
| public/images/nouns/* | Adds Nouns PNG assets used in collectibles animation. |
| next.config.ts | Removes static export config; leaves placeholder config. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Comment on lines
+39
to
+42
| <div key={i} className="flex items-start gap-2"> | ||
| <span className="text-accent mt-1.5 shrink-0">•</span> | ||
| <span dangerouslySetInnerHTML={{ __html: inlineMarkdown(text) }} /> | ||
| </div> |
Comment on lines
+61
to
+69
| // Minimal inline markdown: bold, links, code | ||
| function inlineMarkdown(text: string): string { | ||
| return text | ||
| .replace(/\*\*(.+?)\*\*/g, '<strong class="text-text-primary font-medium">$1</strong>') | ||
| .replace(/`(.+?)`/g, '<code class="text-xs bg-bg-hover px-1 py-0.5 rounded">$1</code>') | ||
| .replace( | ||
| /\[([^\]]+)\]\(([^)]+)\)/g, | ||
| '<a href="$2" target="_blank" rel="noopener noreferrer" class="text-accent hover:underline">$1</a>' | ||
| ); |
Comment on lines
+89
to
+92
| // Merge and sort by date descending | ||
| const entries = [...extensionReleases, ...mobileReleases].sort( | ||
| (a, b) => new Date(b.date).getTime() - new Date(a.date).getTime() | ||
| ); |
Comment on lines
+31
to
+36
| {/* Download button — hidden on mobile */} | ||
| <a | ||
| href={LINKS.chromeExtension} | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| className="hidden lg:inline-flex items-center justify-center px-6 py-3 text-sm font-medium text-white bg-white/10 backdrop-blur-md rounded-full hover:bg-white/20 transition-all duration-200" |
Comment on lines
+17
to
+30
| <div data-uidotsh-pick="Card style" className="contents"> | ||
| <div data-uidotsh-option="Solid (current)" className="contents"> | ||
| <FeatureCarousel cardStyle="solid" /> | ||
| </div> | ||
| <div data-uidotsh-option="Glow ring" className="contents" hidden> | ||
| <FeatureCarousel cardStyle="glow" /> | ||
| </div> | ||
| <div data-uidotsh-option="Glass" className="contents" hidden> | ||
| <FeatureCarousel cardStyle="glass" /> | ||
| </div> | ||
| <div data-uidotsh-option="Editorial" className="contents" hidden> | ||
| <FeatureCarousel cardStyle="editorial" /> | ||
| </div> | ||
| </div> |
sdfcharles
force-pushed
the
charles-stellar
branch
from
51cf036 to
48571a6
Compare
sdfcharles
force-pushed
the
charles-stellar
branch
from
48571a6 to
e6ec8f4
Compare
- 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>
Author
|
Superseding with a fresh PR covering the latest scope (hero/discover card + swap coin polish + iridescence CTA). |
9 tasks
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
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
This branch syncs the site with the latest local work that hadn't yet made it to this repo.
Test plan
🤖 Generated with Claude Code