import { Hero } from 'cloudrite';

// Hero takes no props — it is the cloudrite.co.nz landing hero, rendered exactly
// as app/page.tsx does.
//
// Two framing details, both needed for a truthful still:
//   · Hero fades in (setTimeout 300ms, then `transition-all duration-1000`) and
//     the capture harness only waits on fonts and images, so an unmodified
//     render screenshots mid-fade at ~10% opacity. Zeroing transition/animation
//     time lands every element on its final state instead.
//   · It draws light-on-dark against the page background, which the card
//     harness paints white.
const still = `*,*::before,*::after{
  transition-duration:0s !important;transition-delay:0s !important;
  animation-duration:0s !important;animation-delay:0s !important;
}`;

export const Default = () => (
  <div className="bg-background text-foreground">
    <style>{still}</style>
    <Hero />
  </div>
);