
Premium fintech landing page for a stablecoin: a full-bleed video hero with a custom halo wordmark and an infinite brand marquee, a meet-the-product card grid, a backers marquee, and a use-modes split with an autoplaying video panel, closing on a dark anchor footer. Self-contained light palette.
@hirael
// USD Halo from Hirael <https://hirael.com/templates/usd-halo>
// MIT · Mohammad Shehadeh · https://github.com/MohammadShehadeh/hirael
import { cn } from '@/lib/utils';
import { BackedBySection } from './backed-by';
import { inter, manrope } from './fonts';
import { FooterSection } from './footer';
import { HeroSection } from './hero';
import { InfoSection } from './info';
import { Navbar } from './navbar';
import { UseCasesSection } from './use-cases';
const UsdHalo = () => {
return (
<div
className={cn(
manrope.variable,
inter.variable,
'flex flex-col bg-muted text-foreground antialiased',
'[font-family:var(--font-manrope),ui-sans-serif,system-ui,sans-serif]',
)}
>
<div className="relative flex h-dvh flex-col overflow-hidden">
<Navbar />
<HeroSection />
</div>
<InfoSection />
<BackedBySection />
<UseCasesSection />
<FooterSection />
</div>
);
};
export default UsdHalo;