---
import BaseLayout from "@/layouts/BaseLayout.astro";
import Features from "@/components/widgets/Features.astro";
import Content from "@/components/widgets/Content.astro";
import Form from "@/components/ui/Form.astro";

const metadata = {
  title: "Contact",
  description: "Get in touch with us to discuss your next project.",
};

const visionText = ["Get in touch with us to discuss your next project."];
---

<BaseLayout {metadata}>
  <Content tagline="Contact" title="Contact" description={visionText} />
  <div
    class="reveal mx-auto max-w-xl bg-card border border-border rounded-3xl p-8 shadow-sm mb-12 md:mb-16"
  >
    <Form />
  </div>
  <Features
    tagline="Contact Means"
    title="We are here to help you"
    subtitle="Choose the communication channel you prefer. We respond in less than 24 hours."
    classes={{ container: "pt-0 md:pt-0" }}
    features={[
      {
        title: "Phone",
        description: "+123 456 7890",
        icon: "lucide:phone",
        iconClass: "bg-green-500/10 text-green-400",
      },
      {
        title: "Email",
        description: "contact@company.com",
        icon: "lucide:mail",
        iconClass: "bg-yellow-500/10 text-yellow-400",
      },
      {
        title: "Location",
        description: "City, Country",
        icon: "lucide:map-pin",
        iconClass: "bg-red-500/10 text-red-400",
      },
      {
        title: "Personalized Attention",
        description: "We understand your needs to offer tailored solutions.",
        icon: "lucide:user-check",
        iconClass: "bg-blue-500/10 text-blue-400",
      },
      {
        title: "Technical Support",
        description: "We resolve any doubt or technical incident quickly.",
        icon: "lucide:wrench",
        iconClass: "bg-purple-500/10 text-purple-400",
      },
      {
        title: "Strategic Consulting",
        description: "We advise you to ensure the success of your project.",
        icon: "lucide:briefcase",
        iconClass: "bg-pink-500/10 text-pink-400",
      },
    ]}
  />
</BaseLayout>
