import * as React from "react";
import { Typography } from "@/components/ui/typography";
import { cn } from "@/lib/utils";
import Image from "next/image";
/**
* Premium, on-brand hero illustration — a stylised luxury car under a foam +
* water spray. Pure vector (no external asset): gradients reference the brand
* CSS variables and solid fills use design-token utilities, so it themes with
* the palette. Decorative only → aria-hidden.
*/
export function HeroArt({ className }: { className?: string }) {
return (
);
}
function Sparkle({ x, y, s }: { x: number; y: number; s: number }) {
return (
);
}
/** App Store / Google Play download badge (placeholder link until store URLs exist). */
export function StoreBadge({
store,
label,
href = "#",
className,
}: {
store: "apple" | "google";
label: string;
href?: string;
className?: string;
}) {
return (
{store === "apple" ? (
) : (
)}
{label}
);
}
/**
* Decorative faux-QR (deterministic modules — no random, so it renders the same
* every time). A real QR image can drop in once the app store links exist.
*/
export function QrCode({ className }: { className?: string }) {
return (
);
}