{'role': 'assistant', 'content': '<function_calls>\n<create-file file_path="nexusship/templates/contact.html">\n{% extends "base.html" %}\n\n{% block content %}\n<!-- Page Header -->\n<div class="page-header">\n    <div class="container">\n        <h1>Contact Us</h1>\n        <p>Get in touch with our customer support team</p>\n    </div>\n</div>\n\n<!-- Contact Content -->\n<section class="page-content">\n    <div class="container">\n        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 40px;">\n            <!-- Contact Form -->\n            <div>\n                <h2>Send Us a Message</h2>\n                <p style="margin-bottom: 30px; color: #666;">Have questions or need assistance? Fill out the form below and we\'ll get back to you within 24 hours.</p>\n                \n                <form class="contact-form">\n                    <div class="form-group">\n                        <label for="name">Full Name *</label>\n                        <input type="text" id="name" class="form-control" required>\n                    </div>\n                    \n                    <div class="form-group">\n                        <label for="email">Email Address *</label>\n                        <input type="email" id="email" class="form-control" required>\n                    </div>\n                    \n                    <div class="form-group">\n                        <label for="phone">Phone Number</label>\n                        <input type="tel" id="phone" class="form-control">\n                    </div>\n                    \n                    <div class="form-group">\n                        <label for="subject">Subject *</label>\n                        <select id="subject" class="form-control" required>\n                            <option value="">Select a subject</option>\n                            <option value="general">General Inquiry</option>\n                            <option value="tracking">Tracking Issue</option>\n                            <option value="shipping">Shipping Question</option>\n                            <option value="billing">Billing & Payment</option>\n                            <option value="technical">Technical Support</option>\n                            <option value="partnership">Partnership Opportunity</option>\n                            <option value="other">Other</option>\n                        </select>\n                    </div>\n                    \n                    <div class="form-group">\n                        <label for="tracking">Tracking Number (if applicable)</label>\n                        <input type="text" id="tracking" class="form-control" placeholder="e.g., NS-12345678-1234">\n                    </div>\n                    \n                    <div class="form-group">\n                        <label for="message">Message *</label>\n                        <textarea id="message" class="form-control" rows="6" required></textarea>\n                    </div>\n                    \n                    <button type="submit" class="btn-primary">Send Message</button>\n                </form>\n            </div>\n            \n            <!-- Contact Information -->\n            <div>\n                <h2>Contact Information</h2>\n                <p style="margin-bottom: 30px; color: #666;">Reach out to us through any of these channels</p>\n                \n                <div style="margin-bottom: 40px;">\n                    <div style="display: flex; align-items: center; margin-bottom: 20px;">\n                        <div style="width: 50px; height: 50px; background: #4D148C; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; margin-right: 20px;">\n                            <i class="fas fa-phone"></i>\n                        </div>\n                        <div>\n                            <h4 style="margin-bottom: 5px; color: #4D148C;">Phone</h4>\n                            <p style="color: #666; margin: 0;">1-800-NEXUS-SHIP</p>\n                            <p style="color: #666; margin: 0;">+1 (555) 123-4567 (International)</p>\n                        </div>\n                    </div>\n                    \n                    <div style="display: flex; align-items: center; margin-bottom: 20px;">\n                        <div style="width: 50px; height: 50px; background: #4D148C; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; margin-right: 20px;">\n                            <i class="fas fa-envelope"></i>\n                        </div>\n                        <div>\n                            <h4 style="margin-bottom: 5px; color: #4D148C;">Email</h4>\n                            <p style="color: #666; margin: 0;">support@nexusship.com</p>\n                            <p style="color: #666; margin: 0;">billing@nexusship.com</p>\n                        </div>\n                    </div>\n                    \n                    <div style="display: flex; align-items: center; margin-bottom: 20px;">\n                        <div style="width: 50px; height: 50px; background: #4D148C; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; margin-right: 20px;">\n                            <i class="fas fa-map-marker-alt"></i>\n                        </div>\n                        <div>\n                            <h4 style="margin-bottom: 5px; color: #4D148C;">Headquarters</h4>\n                            <p style="color: #666; margin: 0;">123 Shipping Lane, Suite 100</p>\n                            <p style="color: #666; margin: 0;">Global City, GC 12345</p>\n                            <p style="color: #666; margin: 0;">United States</p>\n                        </div>\n                    </div>\n                    \n                    <div style="display: flex; align-items: center;">\n                        <div style="width: 50px; height: 50px; background: #4D148C; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; margin-right: 20px;">\n                            <i class="fas fa-clock"></i>\n                        </div>\n                        <div>\n                            <h4 style="margin-bottom: 5px; color: #4D148C;">Business Hours</h4>\n                            <p style="color: #666; margin: 0;">Monday - Friday: 8:00 AM - 8:00 PM EST</p>\n                            <p style="color: #666; margin: 0;">Saturday: 9:00 AM - 5:00 PM EST</p>\n                            <p style="color: #666; margin: 0;">Sunday: Closed</p>\n                            <p style="color: #666; margin: 0;">24/7 Emergency Support Available</p>\n                        </div>\n                    </div>\n                </div>\n                \n                <!-- Social Media -->\n                <h3>Follow Us</h3>\n                <p style="color: #666; margin-bottom: 20px;">Stay connected with us on social media for updates, promotions, and shipping tips.</p>\n                \n                <div style="display: flex; gap: 15px;">\n                    <a href="#" style="width: 50px; height: 50px; background: #4D148C; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; text-decoration: none;">\n                        <i class="fab fa-facebook-f"></i>\n                    </a>\n                    <a href="#" style="width: 50px; height: 50px; background: #4D148C; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; text-decoration: none;">\n                        <i class="fab fa-twitter"></i>\n                    </a>\n                    <a href="#" style="width: 50px; height: 50px; background: #4D148C; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; text-decoration: none;">\n                        <i class="fab fa-instagram"></i>\n                    </a>\n                    <a href="#" style="width: 50px; height: 50px; background: #4D148C; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; text-decoration: none;">\n                        <i class="fab fa-linkedin-in"></i>\n                    </a>\n                    <a href="#" style="width: 50px; height: 50px; background: #4D148C; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; text-decoration: none;">\n                        <i class="fab fa-youtube"></i>\n                    </a>\n                </div>\n            </div>\n        </div>\n        \n        <!-- FAQ Section -->\n        <div style="margin-top: 60px;">\n            <h2>Frequently Asked Questions</h2>\n            <p style="margin-bottom: 30px; color: #666;">Quick answers to common questions</p>\n            \n            <div style="max-width: 800px;">\n                <div style="background: #F5F5F5; padding: 20px; border-radius: 10px; margin-bottom: 15px;">\n                    <h3 style="color: #4D148C; margin-bottom: 10px;">How do I track my package?</h3>\n                    <p style="color: #666; margin: 0;">Simply enter your tracking number on our Track page. You can find your tracking number on your receipt or shipping confirmation email.</p>\n                </div>\n                \n                <div style="background: #F5F5F5; padding: 20px; border-radius: 10px; margin-bottom: 15px;">\n                    <h3 style="color: #4D148C; margin-bottom: 10px;">What should I do if my package is delayed?</h3>\n                    <p style="color: #666; margin: 0;">Check the tracking status for updates. If there\'s no change after 24 hours, please contact our support team with your tracking number.</p>\n                </div>\n                \n                <div style="background: #F5F5F5; padding: 20px; border-radius: 10px; margin-bottom: 15px;">\n                    <h3 style="color: #4D148C; margin-bottom: 10px;">How do I change the delivery address?</h3>\n                    <p style="color: #666; margin: 0;">Address changes can be requested before the package is out for delivery. Contact customer service with your tracking number as soon as possible.</p>\n                </div>\n                \n                <div style="background: #F5F5F5; padding: 20px; border-radius: 10px; margin-bottom: 15px;">\n                    <h3 style="color: #4D148C; margin-bottom: 10px;">What if my package is damaged?</h3>\n                    <p style="color: #666; margin: 0;">Take photos of the damage and contact us immediately. We\'ll guide you through the claims process and arrange for a replacement or refund.</p>\n                </div>\n                \n                <div style="background: #F5F5F5; padding: 20px; border-radius: 10px;">\n                    <h3 style="color: #4D148C; margin-bottom: 10px;">How do I file a claim for a lost package?</h3>\n                    <p style="color: #666; margin: 0;">Contact our claims department within 30 days of the expected delivery date. Have your tracking number and proof of value ready.</p>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>\n{% endblock %}\n</create-file>\n</function_calls>'}