Hugging Face's logo

Spaces:
demonsom
/
easy-light-studio
Running

App Files Community
easy-light-studio
File size: 11,943 Bytes
5555fc7
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact Us - GlobalShip</title>
    <meta name="description" content="Contact GlobalShip for support, sales inquiries, or general questions. We're here to help with all your shipping needs.">
    <link rel="stylesheet" href="assets/css/styles.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
    <header class="header">
        <nav class="nav">
            <div class="nav-container">
                <div class="nav-brand">
                    <h1 class="logo">GlobalShip</h1>
                    <span class="logo-subtitle">Worldwide Delivery</span>
                </div>
                <ul class="nav-menu">
                    <li><a href="index.html" class="nav-link">Home</a></li>
                    <li><a href="about.html" class="nav-link">About</a></li>
                    <li><a href="services.html" class="nav-link">Services</a></li>
                    <li><a href="track.html" class="nav-link">Track Package</a></li>
                    <li><a href="quote.html" class="nav-link">Get Quote</a></li>
                    <li><a href="contact.html" class="nav-link active">Contact</a></li>
                    <li><a href="login.html" class="nav-link login-btn">Login</a></li>
                </ul>
                <div class="nav-toggle">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
        </nav>
    </header>

    <main class="page-content">
        <div class="container">
            <section class="page-header">
                <h1>Contact Us</h1>
                <p>Get in touch with our team. We're here to help with all your shipping needs.</p>
            </section>

            <section class="contact-section">
                <div class="contact-grid">
                    <div class="contact-info">
                        <div class="contact-card">
                            <div class="contact-icon">📞</div>
                            <h3>Phone Support</h3>
                            <p><strong>Customer Service:</strong><br>1-800-GLOBAL-1</p>
                            <p><strong>Business Sales:</strong><br>1-800-GLOBAL-2</p>
                            <p><strong>Hours:</strong><br>24/7 Support Available</p>
                        </div>

                        <div class="contact-card">
                            <div class="contact-icon">📧</div>
                            <h3>Email Support</h3>
                            <p><strong>General Inquiries:</strong><br>info@globalship.com</p>
                            <p><strong>Customer Support:</strong><br>support@globalship.com</p>
                            <p><strong>Business Sales:</strong><br>sales@globalship.com</p>
                        </div>

                        <div class="contact-card">
                            <div class="contact-icon">📍</div>
                            <h3>Headquarters</h3>
                            <p>GlobalShip International<br>
                            123 Shipping Boulevard<br>
                            New York, NY 10001<br>
                            United States</p>
                        </div>

                        <div class="contact-card">
                            <div class="contact-icon">💬</div>
                            <h3>Live Chat</h3>
                            <p>Chat with our support team in real-time for immediate assistance.</p>
                            <button class="btn btn-primary">Start Chat</button>
                        </div>
                    </div>

                    <div class="contact-form-container">
                        <form class="contact-form" id="contactForm">
                            <h3>Send us a Message</h3>
                            
                            <div class="form-row">
                                <div class="form-group">
                                    <label for="firstName">First Name</label>
                                    <input type="text" id="firstName" name="firstName" required>
                                </div>
                                <div class="form-group">
                                    <label for="lastName">Last Name</label>
                                    <input type="text" id="lastName" name="lastName" required>
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="email">Email Address</label>
                                <input type="email" id="email" name="email" required>
                            </div>

                            <div class="form-group">
                                <label for="phone">Phone Number</label>
                                <input type="tel" id="phone" name="phone">
                            </div>

                            <div class="form-group">
                                <label for="company">Company (Optional)</label>
                                <input type="text" id="company" name="company">
                            </div>

                            <div class="form-group">
                                <label for="subject">Subject</label>
                                <select id="subject" name="subject" required>
                                    <option value="">Select a subject</option>
                                    <option value="general">General Inquiry</option>
                                    <option value="tracking">Package Tracking Issue</option>
                                    <option value="shipping">Shipping Question</option>
                                    <option value="business">Business Partnership</option>
                                    <option value="billing">Billing Question</option>
                                    <option value="complaint">File a Complaint</option>
                                    <option value="feedback">Feedback</option>
                                </select>
                            </div>

                            <div class="form-group">
                                <label for="trackingNumber">Tracking Number (if applicable)</label>
                                <input type="text" id="trackingNumber" name="trackingNumber" placeholder="GS123456789">
                            </div>

                            <div class="form-group">
                                <label for="message">Message</label>
                                <textarea id="message" name="message" rows="6" required placeholder="Please provide details about your inquiry..."></textarea>
                            </div>

                            <div class="form-group checkbox-group">
                                <label class="checkbox-label">
                                    <input type="checkbox" id="newsletter" name="newsletter">
                                    <span class="checkmark"></span>
                                    Subscribe to our newsletter for shipping tips and updates
                                </label>
                            </div>

                            <button type="submit" class="btn btn-primary btn-full">Send Message</button>
                        </form>
                    </div>
                </div>
            </section>

            <section class="faq-section">
                <h2>Frequently Asked Questions</h2>
                <div class="faq-grid">
                    <div class="faq-item">
                        <h3>How do I track my package?</h3>
                        <p>You can track your package using your tracking number on our Track Package page. Enter the number in the search field and click "Track" to see real-time updates.</p>
                    </div>
                    <div class="faq-item">
                        <h3>What are your delivery timeframes?</h3>
                        <p>Delivery times vary by service level and destination. Economy shipping takes 5-7 business days, Express takes 2-3 days, and Overnight delivery is next business day.</p>
                    </div>
                    <div class="faq-item">
                        <h3>Do you offer insurance?</h3>
                        <p>Yes, we offer shipping insurance for all packages. Basic coverage is included, and you can add additional insurance up to $10,000 for high-value items.</p>
                    </div>
                    <div class="faq-item">
                        <h3>How do I calculate shipping costs?</h3>
                        <p>Use our Get Quote tool to calculate shipping costs. Enter your package details, origin, and destination to get instant pricing for different service levels.</p>
                    </div>
                    <div class="faq-item">
                        <h3>What items cannot be shipped?</h3>
                        <p>Restricted items include hazardous materials, flammable liquids, firearms, perishable goods, and items prohibited by international regulations. Contact us for specific restrictions.</p>
                    </div>
                    <div class="faq-item">
                        <h3>Do you ship to P.O. Boxes?</h3>
                        <p>Yes, we ship to P.O. Boxes within the United States. However, signature confirmation may be required for certain high-value items.</p>
                    </div>
                </div>
            </section>
        </div>
    </main>

    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h3>GlobalShip</h3>
                    <p>Your trusted partner for worldwide shipping solutions.</p>
                </div>
                <div class="footer-section">
                    <h4>Services</h4>
                    <ul>
                        <li><a href="services.html">International Shipping</a></li>
                        <li><a href="services.html">Express Delivery</a></li>
                        <li><a href="services.html">Package Tracking</a></li>
                        <li><a href="services.html">Business Solutions</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h4>Company</h4>
                    <ul>
                        <li><a href="about.html">About Us</a></li>
                        <li><a href="contact.html">Contact</a></li>
                        <li><a href="#">Careers</a></li>
                        <li><a href="#">Press</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h4>Support</h4>
                    <ul>
                        <li><a href="track.html">Track Package</a></li>
                        <li><a href="quote.html">Get Quote</a></li>
                        <li><a href="#">Help Center</a></li>
                        <li><a href="#">Shipping Calculator</a></li>
                    </ul>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2024 GlobalShip. All rights reserved.</p>
                <p>Built with <a href="https://huggingface.co/spaces/akhaliq/anycoder" target="_blank">anycoder</a></p>
            </div>
        </div>
    </footer>

    <script src="assets/js/script.js"></script>
    <script src="assets/js/contact.js"></script>
</body>
</html>