From b2ab3eb34be0a8ea1d29bb666d339cc758ea308d Mon Sep 17 00:00:00 2001 From: Cursor Agent Date: Mon, 14 Sep 2026 17:24:47 +0000 Subject: [PATCH 01/13] Implement Figma design foundations, app chrome, and landing page - Add Fraunces/Poppins fonts and the Figma colour palette as semantic light/dark tokens with a matching type scale - Restyle button, input, textarea, checkbox, label, OTP and form field components to the pill-shaped Figma components - Rebuild header, footer, mobile menu and theme toggle per the designs - Rebuild the marketing landing page with extracted illustration assets, wave dividers, flower stickers, pricing and CTA banner Co-authored-by: Kent C. Dodds --- app/components/forms.tsx | 81 ++-- app/components/marketing/sticker.tsx | 54 +++ app/components/marketing/wave.tsx | 55 +++ app/components/ui/button.tsx | 37 +- app/components/ui/checkbox.tsx | 4 +- app/components/ui/dropdown-menu.tsx | 12 +- app/components/ui/input-otp.tsx | 15 +- app/components/ui/input.tsx | 8 +- app/components/ui/label.tsx | 2 +- app/components/ui/textarea.tsx | 2 +- app/components/wordmark.tsx | 24 + app/routes/_app+/_layout.tsx | 347 +++++++------- app/routes/_app+/_marketing+/index.tsx | 573 +++++++++++++----------- app/routes/resources+/theme-switch.tsx | 32 +- app/styles/tailwind.css | 439 +++++++++--------- bun.lock | 8 +- package.json | 4 +- public/images/cta-flower.png | Bin 0 -> 2143 bytes public/images/cta-heart.png | Bin 0 -> 1952 bytes public/images/cta-leaves.png | Bin 0 -> 3656 bytes public/images/cta-sun.png | Bin 0 -> 1358 bytes public/images/hero-illustration.webp | Bin 0 -> 134450 bytes public/images/paper-plane.png | Bin 0 -> 6384 bytes public/images/smiley-blue.png | Bin 0 -> 1661 bytes public/images/smiley-lilac.png | Bin 0 -> 1513 bytes public/images/smiley-orange.png | Bin 0 -> 1678 bytes public/images/smiley-pink.png | Bin 0 -> 1735 bytes public/images/smiling-phone-flowers.jpg | Bin 827028 -> 0 bytes 28 files changed, 936 insertions(+), 761 deletions(-) create mode 100644 app/components/marketing/sticker.tsx create mode 100644 app/components/marketing/wave.tsx create mode 100644 app/components/wordmark.tsx create mode 100644 public/images/cta-flower.png create mode 100644 public/images/cta-heart.png create mode 100644 public/images/cta-leaves.png create mode 100644 public/images/cta-sun.png create mode 100644 public/images/hero-illustration.webp create mode 100644 public/images/paper-plane.png create mode 100644 public/images/smiley-blue.png create mode 100644 public/images/smiley-lilac.png create mode 100644 public/images/smiley-orange.png create mode 100644 public/images/smiley-pink.png delete mode 100644 public/images/smiling-phone-flowers.jpg diff --git a/app/components/forms.tsx b/app/components/forms.tsx index f9995f03..a93bd222 100644 --- a/app/components/forms.tsx +++ b/app/components/forms.tsx @@ -32,7 +32,7 @@ export function ErrorList({ return (