import { Contact } from 'cloudrite';

// The contact section — details plus the enquiry form that POSTs to /api/send-email.
//
// The section draws light-on-dark against the page background, which the preview
// card harness paints white — hence the surface wrapper. Transitions and
// animation delays are zeroed because the capture harness only waits on fonts
// and images, so an entrance animation would otherwise be screenshotted mid-flight.
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>
    <Contact />
  </div>
);