Contact section

import { ContactSection } from "@/components/ui/contact-section"

const wait = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));

export function ContactSectionDemo() {
  return (
    <ContactSection
              description="Tell us what you are building and we will point you to the right place."
              details={[
                { label: "Email", value: "hello@caliper.example", href: "mailto:hello@caliper.example" },
                { label: "Response time", value: "Within one business day" },
                { label: "Studio", value: "12 Wharf Road, Leeds" },
              ]}
              topics={["Sales", "Support", "Partnerships", "Something else"]}
              onSubmit={async ({ message }) => {
                await wait(1000);
                if (/fail/i.test(message)) throw new Error("We couldn't send that right now. Your message is still here, try again.");
              }}
            />
  );
}