import { Services } from 'cloudrite';

// The four Cloudrite service cards — Web Development, Cloud Hosting, I.T Support & Repairs, AI Solutions.
//
// 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>
    <Services />
  </div>
);