Contact Information – Sloofree
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
line-height: 1.6;
color: #333;
background: #fff;
}
.container {
max-width: 900px;
margin: 0 auto;
padding: 40px 20px;
}
/* Header */
.header {
text-align: center;
margin-bottom: 60px;
padding: 60px 20px;
background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
color: white;
border-radius: 10px;
}
.header-brand {
font-size: 0.85rem;
letter-spacing: 2px;
opacity: 0.8;
margin-bottom: 10px;
text-transform: uppercase;
}
.header h1 {
font-size: 3rem;
margin-bottom: 10px;
font-weight: 700;
}
.header h1 span {
color: #d4a574;
font-style: italic;
}
.header p {
font-size: 1.1rem;
opacity: 0.9;
max-width: 600px;
margin: 0 auto;
}
/* Main Content */
.content-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
margin-bottom: 60px;
}
.contact-card {
background: #f8f9fa;
padding: 30px;
border-radius: 10px;
border-left: 4px solid #d4a574;
}
.contact-card h2 {
font-size: 1.5rem;
margin-bottom: 20px;
color: #1a1a1a;
font-weight: 600;
}
.contact-card p {
margin-bottom: 15px;
color: #555;
line-height: 1.8;
}
.contact-item {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #e0e0e0;
}
.contact-item:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.contact-label {
font-weight: 600;
color: #1a1a1a;
display: block;
margin-bottom: 5px;
font-size: 0.95rem;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #d4a574;
}
.contact-value {
color: #555;
font-size: 1.05rem;
}
.contact-value a {
color: #d4a574;
text-decoration: none;
font-weight: 500;
}
.contact-value a:hover {
text-decoration: underline;
}
/* Response Time */
.response-time {
background: #e8f5e9;
border-left: 4px solid #4caf50;
padding: 20px;
border-radius: 5px;
margin: 20px 0;
}
.response-time p {
color: #2e7d32;
margin: 0;
font-weight: 500;
}
/* Contact Form Section */
.form-section {
background: #f8f9fa;
padding: 40px;
border-radius: 10px;
margin-bottom: 60px;
}
.form-section h2 {
font-size: 1.8rem;
margin-bottom: 30px;
color: #1a1a1a;
font-weight: 600;
text-align: center;
}
.form-group {
margin-bottom: 20px;
}
.form-group label {
display: block;
margin-bottom: 8px;
font-weight: 600;
color: #1a1a1a;
}
.form-group input,
.form-group textarea {
width: 100%;
padding: 12px;
border: 1px solid #ddd;
border-radius: 5px;
font-family: inherit;
font-size: 1rem;
color: #333;
}
.form-group input:focus,
.form-group textarea:focus {
outline: none;
border-color: #d4a574;
box-shadow: 0 0 0 3px rgba(212, 165, 116, 0.1);
}
.form-group textarea {
resize: vertical;
min-height: 150px;
}
.submit-btn {
background: #1a1a1a;
color: white;
padding: 12px 30px;
border: none;
border-radius: 5px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background 0.3s ease;
width: 100%;
}
.submit-btn:hover {
background: #d4a574;
}
/* FAQ Section */
.faq-section {
margin-bottom: 60px;
}
.faq-section h2 {
font-size: 1.8rem;
margin-bottom: 30px;
color: #1a1a1a;
font-weight: 600;
text-align: center;
}
.faq-item {
background: #f8f9fa;
padding: 20px;
margin-bottom: 15px;
border-radius: 5px;
border-left: 4px solid #d4a574;
}
.faq-question {
font-weight: 600;
color: #1a1a1a;
margin-bottom: 10px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
}
.faq-question:hover {
color: #d4a574;
}
.faq-answer {
color: #555;
line-height: 1.8;
display: none;
}
.faq-item.active .faq-answer {
display: block;
}
.faq-toggle {
font-size: 1.2rem;
color: #d4a574;
}
/* Business Hours */
.hours-section {
background: #f8f9fa;
padding: 30px;
border-radius: 10px;
margin-bottom: 60px;
}
.hours-section h2 {
font-size: 1.5rem;
margin-bottom: 20px;
color: #1a1a1a;
font-weight: 600;
}
.hours-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
}
.hour-item {
display: flex;
justify-content: space-between;
padding: 10px 0;
border-bottom: 1px solid #e0e0e0;
}
.hour-item:last-child {
border-bottom: none;
}
.hour-day {
font-weight: 600;
color: #1a1a1a;
}
.hour-time {
color: #d4a574;
}
/* Footer */
.footer {
border-top: 1px solid #e0e0e0;
padding-top: 40px;
margin-top: 60px;
text-align: center;
color: #999;
font-size: 0.9rem;
}
/* Responsive */
@media (max-width: 768px) {
.header h1 {
font-size: 2rem;
}
.content-wrapper {
grid-template-columns: 1fr;
gap: 30px;
}
.hours-list {
grid-template-columns: 1fr;
}
.container {
padding: 20px 15px;
}
.header {
padding: 40px 20px;
}
}
⏰ Business Hours
Monday
24/7 Support
Tuesday
24/7 Support
Wednesday
24/7 Support
Thursday
24/7 Support
Friday
24/7 Support
Saturday
24/7 Support
Sunday
24/7 Support
Frequently Asked Questions
How can I contact customer support?
−
You can reach our support team via email at peters@maplepeak.store. We provide 24/7 email support and respond to all inquiries within 24 business hours. You can also use the contact form on this page to send us a message directly.
What is your response time?
+
We aim to respond to all customer inquiries within 24 business hours. During peak seasons or holidays, response times may be slightly longer, but we'll do our best to help you as quickly as possible.
How do I track my order?
+
Once your order ships, you'll receive an email with a tracking number and a link to track your package in real-time. If you haven't received a tracking email within 3 business days, please contact us at peters@maplepeak.store.
What if I have a problem with my order?
+
If you experience any issues with your order—such as damage, incorrect items, or missing parts—please contact us immediately at peters@maplepeak.store with your order number and photos if applicable. We'll work to resolve the issue quickly.
How do I return or exchange an item?
+
For information about returns and exchanges, please visit our Return and Refund Policy page. You can also email us at peters@maplepeak.store to start a return process. We offer a 30-day return window from the date of delivery.
Do you offer customer support on weekends?
+
Yes! We provide 24/7 email support, including weekends and holidays. While we may not respond immediately during off-hours, all emails are monitored and you'll receive a response within 24 business hours.
// FAQ Toggle Functionality
document.querySelectorAll('.faq-question').forEach(question => {
question.addEventListener('click', function() {
const item = this.parentElement;
// Close all other items
document.querySelectorAll('.faq-item').forEach(faq => {
if (faq !== item) {
faq.classList.remove('active');
}
});
// Toggle current item
item.classList.toggle('active');
});
});
// Contact Form Handler
function handleSubmit(event) {
event.preventDefault();
const name = document.getElementById('name').value;
const email = document.getElementById('email').value;
const subject = document.getElementById('subject').value;
const message = document.getElementById('message').value;
// Create mailto link
const mailtoLink = `mailto:peters@maplepeak.store?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(`Name: ${name}\nEmail: ${email}\n\nMessage:\n${message}`)}`;
// Open default email client
window.location.href = mailtoLink;
// Reset form
event.target.reset();
}