Build me an installable, phone-testable mockup of a mobile app and give me a QR code to open it.
APP IDEA:
[describe your app idea briefly and core feature flow here]
DO ALL OF THIS END TO END. Prefer built-in/dedicated tools over shell. Don't install
| import * as React from "react" | |
| import { cva, type VariantProps } from "class-variance-authority" | |
| import { cn } from "@/lib/utils" | |
| const badgeVariants = cva( | |
| "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", | |
| { | |
| variants: { | |
| variant: { |
| import { ArrowRight } from "lucide-react"; | |
| import Link from "next/link"; | |
| import Image from "next/image"; | |
| import { Button } from "@/components/ui/button"; | |
| export function HeroCentered() { | |
| return ( | |
| <section className="container flex flex-col items-center gap-8 pb-28 pt-20 sm:gap-10"> | |
| <div className="flex cursor-pointer items-center gap-1 rounded-full border bg-secondary px-3 py-0.5 hover:bg-secondary/60"> |
