---
import Layout from '~/layouts/PageLayout.astro';
import HeroText from '~/components/widgets/HeroText.astro';
import ContactUs from '~/components/widgets/Contact.astro';
import Features2 from '~/components/widgets/Features2.astro';

const metadata = {
  title: 'Contact',
};
---

<Layout metadata={metadata}>
  <!-- HeroText Widget ******************* -->

  <HeroText tagline="Contact" title="Offerte Aanvragen" />

  <!-- <ContactUs -->
    <!-- id="form" -->
    <!-- title="Drop us a message today!" -->
    <!-- subtitle="For quicker answers, explore our FAQs section. You may find the solution you're looking  for right there! If not, our support team is delighted to help you." -->
    <!-- inputs={[ -->
      <!-- { -->
        <!-- type: 'text', -->
        <!-- name: 'name', -->
        <!-- label: 'Name', -->
      <!-- }, -->
      <!-- { -->
        <!-- type: 'email', -->
        <!-- name: 'email', -->
        <!-- label: 'Email', -->
      <!-- }, -->
    <!-- ]} -->
    <!-- textarea={{ -->
      <!-- label: 'Message', -->
    <!-- }} -->
    <!-- disclaimer={{ -->
      <!-- label: -->
        <!-- 'By submitting this contact form, you acknowledge and agree to the collection of your personal information.', -->
    <!-- }} -->
    <!-- description="Our support team typically responds within 24 business hours." -->
  <!-- /> -->

  <!-- Features2 Widget ************** -->

  <Features2
    title=""
    subtitle="Neem contact met ons op en vraag een offerte aan"
    items={[
      {
        title: 'Phone',
        description: '+31 6 19338199',
        icon: 'tabler:headset',
      },
      {
        title: 'Email',
        description: 'annelies.harkes@gmail.com',
        icon: 'tabler:mail',
      },
      {
        title: 'Location',
        description: 'Elzenbroek 4, 2811 NX Reeuwijk',
        icon: 'tabler:map-pin',
      },
    ]}
  />
</Layout>