diff --git a/apps/www/src/features/www/landing/assets/lenscal/boiled-egg.webp b/apps/www/src/features/www/landing/assets/lenscal/boiled-egg.webp new file mode 100644 index 000000000..069600931 Binary files /dev/null and b/apps/www/src/features/www/landing/assets/lenscal/boiled-egg.webp differ diff --git a/apps/www/src/features/www/landing/assets/lenscal/calorie-tracker.webp b/apps/www/src/features/www/landing/assets/lenscal/calorie-tracker.webp new file mode 100644 index 000000000..d104bffc1 Binary files /dev/null and b/apps/www/src/features/www/landing/assets/lenscal/calorie-tracker.webp differ diff --git a/apps/www/src/features/www/landing/paywall-build/lenscal-paywall.tsx b/apps/www/src/features/www/landing/paywall-build/lenscal-paywall.tsx index 8e2429c59..219963707 100644 --- a/apps/www/src/features/www/landing/paywall-build/lenscal-paywall.tsx +++ b/apps/www/src/features/www/landing/paywall-build/lenscal-paywall.tsx @@ -1,6 +1,8 @@ import { cn } from "@voidhash/ui"; import type { ReactNode } from "react"; +import boiledEggImage from "../assets/lenscal/boiled-egg.webp"; +import calorieTrackerImage from "../assets/lenscal/calorie-tracker.webp"; import type { PaywallPart } from "./transcript"; export const PAYWALL_WIDTH = 402; @@ -33,73 +35,9 @@ function Part({ children, className, delay = 0, part, revealed }: PartProps) { ); } -/** The concentric scan rings behind the app icon, widest to tightest. */ -const SCAN_RINGS = [ - "left-32.25 top-32.75 size-36 [border-width:1.5px] border-[#6E9BFFB3]", - "left-24.25 top-24.75 size-52 border border-[#5A8AFF73]", - "left-14.75 top-15.25 h-71 w-71 border border-[#5A8AFF45]", - "left-3.25 top-3.75 h-94 w-94 border border-[#5A8AFF30]", - "-left-10.25 -top-9.75 h-121 w-121 border border-[#5A8AFF21]", - "-left-25.75 -top-25.25 h-152 w-152 border border-[#5A8AFF17]", - "-left-43.25 -top-42.75 h-187 w-187 border border-[#5A8AFF0F]", - "-left-62.75 -top-62.25 h-226 w-226 border border-[#5A8AFF0A]", -]; +const OFFER_LINE = "font-sans text-[#FFFFFFB0] text-[15px]/5.5"; -/** The camera-detection chips floating over the hero. */ -const DETECTION_CHIPS = [ - { className: "left-5.5 top-27.5", delay: 0, label: "Avocado toast · 412 kcal" }, - { className: "left-41.5 top-80.5", delay: 140, label: "Protein 32 g · Carbs 41 g" }, -]; - -/** The laurel that brackets each award badge; `flipped` mirrors it for the right side. */ -function Laurel({ flipped }: { flipped?: boolean }) { - return ( - - ); -} - -function AwardBadge({ children }: { children: ReactNode }) { - return ( -