import type { Metadata } from "next";
import {
  Mail,
  MapPin,
  Phone,
} from "lucide-react";

export const metadata: Metadata = {
  title: "Contact Us",
};

export default function ContactPage() {
  return (
    <main>
      <section className="inner-hero">
        <div className="inner-hero-grid" />

        <div className="container inner-hero-content">
          <span className="section-label">CONTACT US</span>

          <h1>Talk to our technology team.</h1>

          <p>
            Share your software, website, application,
            integration or digital transformation requirement.
          </p>
        </div>
      </section>

      <section className="section">
        <div className="container contact-grid">

          <a href="tel:+919206659206" className="contact-card">
            <Phone size={28} />
            <span>Call Us</span>
            <strong>+91 92066 59206</strong>
          </a>

          <a
            href="mailto:info@tejatechnology.in"
            className="contact-card"
          >
            <Mail size={28} />
            <span>Email</span>
            <strong>info@tejatechnology.in</strong>
          </a>

          <div className="contact-card">
            <MapPin size={28} />
            <span>Location</span>
            <strong>Ajmer, Rajasthan, India</strong>
          </div>

        </div>
      </section>
    </main>
  );
}