<x-layouts.app title="Contact Us">
    <section class="section">
        <p class="eyebrow">Contact Us</p>
        <h2>Start a project or ask a question</h2>
        <div class="grid two">
            <form class="form-card" method="post" action="{{ route('contact.send') }}">
                @csrf
                <div class="form-grid">
                    <div class="field"><label>Name</label><input name="name" required></div>
                    <div class="field"><label>Email</label><input name="email" type="email" required></div>
                    <div class="field full-field"><label>Subject</label><input name="subject" required></div>
                    <div class="field full-field"><label>Message</label><textarea name="message" required></textarea></div>
                </div>
                <p><button class="btn">Send Message</button></p>
            </form>
            <div class="card"><h3>Office Details</h3><p class="muted">Phone / Email, social links, office hours, and address can be managed by admin settings.</p></div>
        </div>
    </section>
</x-layouts.app>
