From 4aa3f45b1ac3dc0af9130146a168b747754f209b Mon Sep 17 00:00:00 2001 From: Saurabh Date: Thu, 22 Oct 2026 17:29:51 +0530 Subject: [PATCH] feat: promote the beui pro mobile presale on the site --- components/app/chrome/native-strip.tsx | 42 ++++++++++++------- components/app/chrome/right-sidebar.tsx | 8 ++-- components/app/docs/pro-mobile-card.tsx | 55 +++++++++++++++++++++++++ 3 files changed, 87 insertions(+), 18 deletions(-) create mode 100644 components/app/docs/pro-mobile-card.tsx diff --git a/components/app/chrome/native-strip.tsx b/components/app/chrome/native-strip.tsx index 3c2f8bb..90425dc 100644 --- a/components/app/chrome/native-strip.tsx +++ b/components/app/chrome/native-strip.tsx @@ -5,13 +5,18 @@ import { ArrowRight } from "lucide-react"; import { useReducedMotion } from "motion/react"; import { useId } from "react"; import { ButtonLink } from "@/components/motion/button"; -import summary from "@/lib/native/summary.json"; import styles from "./native-strip.module.css"; +// beUI Pro for mobile presale. The price is set by hand in the Pro repo; update +// it here when the presale tier changes. +const PRESALE_PRICE = "$99"; +const PRESALE_URL = + "https://pro.beui.dev/mobile?utm_source=beui&utm_medium=referral&utm_campaign=mobile_presale&utm_content=strip"; + /** - * Site-wide announcement for beUI Native, above the header. Its height is - * --announcement-h, which the page and sidebars add to the header offset. - * The count includes variants, like the hero's. + * Site-wide announcement above the header: beUI Native is free, and points to + * the beUI Pro for mobile presale. Its height is --announcement-h, which the + * page and sidebars add to the header offset. */ export function NativeStrip() { const waveGradientId = useId(); @@ -19,15 +24,15 @@ export function NativeStrip() { return (