@{
    ViewData["Title"] = "Contact";
}

<section class="portfolio-hero">
    <div class="container">
        <h1>Contact Us</h1>
        <p class="hero-subtitle">Get in touch with Sky Art Shop</p>
    </div>
</section>

<section class="shop-products">
    <div class="container">
        <div class="contact-form-wrapper">
            <partial name="_AdminAlerts" />
            
            <form method="post" action="/contact/submit" class="contact-form">
                <div class="form-group">
                    <label for="name">Name</label>
                    <input type="text" id="name" name="name" class="form-control" required />
                </div>
                
                <div class="form-group">
                    <label for="email">Email</label>
                    <input type="email" id="email" name="email" class="form-control" required />
                </div>
                
                <div class="form-group">
                    <label for="message">Message</label>
                    <textarea id="message" name="message" class="form-control" rows="6" required></textarea>
                </div>
                
                <button type="submit" class="btn btn-primary">Send Message</button>
            </form>
        </div>
    </div>
</section>