2026-01-01 22:24:30 -06:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" / >
< title > FAQ - Sky Art Shop< / title >
< link
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700& display=swap"
rel="stylesheet"
2026-01-14 08:10:23 -06:00
/>
< link
rel="stylesheet"
2026-01-01 22:24:30 -06:00
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
2026-01-14 08:10:23 -06:00
/>
< link rel = "stylesheet" href = "/assets/css/theme-colors.css" / >
< link rel = "stylesheet" href = "/assets/css/main.css?v=1735692100" / >
2026-01-14 21:26:57 -06:00
< link rel = "stylesheet" href = "/assets/css/navbar.css?v=1768447584" / >
2026-01-14 08:10:23 -06:00
< link rel = "stylesheet" href = "/assets/css/page-overrides.css?v=1736790001" / >
< link rel = "stylesheet" href = "/assets/css/cart-wishlist.css" / >
< link rel = "stylesheet" href = "/assets/css/shopping.css" / >
< link rel = "stylesheet" href = "/assets/css/responsive.css" / >
< / head >
< body >
< script > window . _ _bodyReady = true < / script >
< div class = "sticky-banner-wrapper" >
<!-- Modern Navigation -->
< nav class = "modern-navbar" >
< div class = "navbar-wrapper" >
< div class = "navbar-brand" >
< a href = "/home" class = "brand-link" >
< img
src="/uploads/cat-png-1767324141436-368259437.png"
alt="Sky Art Shop Logo"
class="brand-logo"
/>
< span class = "brand-name" > Sky' Art Shop< / span >
< / a >
< / div >
< div class = "navbar-menu" >
< ul class = "nav-menu-list" >
< li class = "nav-item" >
< a href = "/home" class = "nav-link" > Home< / a >
< / li >
< li class = "nav-item" >
< a href = "/shop" class = "nav-link" > Shop< / a >
< / li >
< li class = "nav-item" >
< a href = "/portfolio" class = "nav-link" > Portfolio< / a >
< / li >
< li class = "nav-item" >
< a href = "/about" class = "nav-link" > About< / a >
< / li >
< li class = "nav-item" >
< a href = "/blog" class = "nav-link active" > Blog< / a >
< / li >
< li class = "nav-item" >
< a href = "/contact" class = "nav-link" > Contact< / a >
< / li >
< / ul >
< / div >
< div class = "navbar-actions" >
< div class = "action-item wishlist-dropdown-wrapper" >
< button
class="action-btn"
id="wishlistToggle"
aria-label="Wishlist"
>
< i class = "bi bi-heart" > < / i >
< span class = "action-badge" id = "wishlistCount" > 0< / span >
< / button >
< div class = "action-dropdown wishlist-dropdown" id = "wishlistPanel" >
< div class = "dropdown-head" >
< h3 > My Wishlist< / h3 >
< button class = "dropdown-close" id = "wishlistClose" >
< i class = "bi bi-x-lg" > < / i >
< / button >
< / div >
< div class = "dropdown-body" id = "wishlistContent" >
< p class = "empty-state" > Your wishlist is empty< / p >
< / div >
< div class = "dropdown-foot" >
< a href = "/shop" class = "btn-outline" > Continue Shopping< / a >
< / div >
< / div >
< / div >
< div class = "action-item cart-dropdown-wrapper" >
< button
class="action-btn"
id="cartToggle"
aria-label="Shopping Cart"
>
< i class = "bi bi-cart3" > < / i >
< span class = "action-badge" id = "cartCount" > 0< / span >
< / button >
< div class = "action-dropdown cart-dropdown" id = "cartPanel" >
< div class = "dropdown-head" >
< h3 > Shopping Cart< / h3 >
< button class = "dropdown-close" id = "cartClose" >
< i class = "bi bi-x-lg" > < / i >
< / button >
< / div >
< div class = "dropdown-body" id = "cartContent" >
< p class = "empty-state" > < i class = "bi bi-cart-x" > < / i > < br > Your cart is empty< / p >
< / div >
< div class = "dropdown-foot" >
< a href = "/shop" class = "btn-outline" > Continue Shopping< / a >
< / div >
< / div >
< / div >
< button class = "mobile-toggle" id = "mobileMenuToggle" aria-label = "Menu" >
< span class = "toggle-line" > < / span >
< span class = "toggle-line" > < / span >
< span class = "toggle-line" > < / span >
< / button >
< / div >
< / div >
< div class = "mobile-menu" id = "mobileMenu" >
< div class = "mobile-menu-header" >
< span class = "mobile-brand" > Sky' Art Shop< / span >
< button class = "mobile-close" id = "mobileMenuClose" >
< i class = "bi bi-x-lg" > < / i >
< / button >
< / div >
< ul class = "mobile-menu-list" >
< li > < a href = "/home" class = "mobile-link" > Home< / a > < / li >
< li > < a href = "/shop" class = "mobile-link" > Shop< / a > < / li >
< li > < a href = "/portfolio" class = "mobile-link" > Portfolio< / a > < / li >
< li > < a href = "/about" class = "mobile-link" > About< / a > < / li >
< li > < a href = "/blog" class = "mobile-link" > Blog< / a > < / li >
< li > < a href = "/contact" class = "mobile-link" > Contact< / a > < / li >
< / ul >
< / div >
< div class = "mobile-menu-overlay" id = "mobileMenuOverlay" > < / div >
< / nav >
< script >
// Mobile Menu Toggle
(function() {
const mobileToggle = document.getElementById('mobileMenuToggle');
const mobileMenu = document.getElementById('mobileMenu');
const mobileClose = document.getElementById('mobileMenuClose');
const overlay = document.getElementById('mobileMenuOverlay');
function openMenu() {
mobileMenu.classList.add('active');
overlay.classList.add('active');
document.body.style.overflow = 'hidden';
}
function closeMenu() {
mobileMenu.classList.remove('active');
overlay.classList.remove('active');
document.body.style.overflow = '';
}
if (mobileToggle) mobileToggle.addEventListener('click', openMenu);
if (mobileClose) mobileClose.addEventListener('click', closeMenu);
if (overlay) overlay.addEventListener('click', closeMenu);
document.addEventListener('keydown', function(e) {
if (e.key === 'Escape' & & mobileMenu.classList.contains('active')) closeMenu();
});
})();
< / script >
< section class = "about-hero" >
< div class = "container" >
< h1 > < i class = "bi bi-question-circle" > < / i > Frequently Asked Questions< / h1 >
< p class = "hero-subtitle" > Quick answers to common questions< / p >
< / div >
< / section >
< section class = "blog-section" style = "padding: 60px 0; background: #ffebeb" >
< div class = "container" >
< div style = "max-width: 800px; margin: 0 auto; background: white; padding: 40px; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);" >
< div style = "margin-bottom: 30px;" >
< h3 style = "color: #667eea;" > How long does shipping take?< / h3 >
< p style = "color: #666; line-height: 1.8;" > Standard shipping takes 5-7 business days. Express shipping (2-3 days) and overnight shipping are also available.< / p >
< / div >
< div style = "margin-bottom: 30px;" >
< h3 style = "color: #667eea;" > Do you ship internationally?< / h3 >
< p style = "color: #666; line-height: 1.8;" > Yes! We ship to over 50 countries worldwide. International orders typically arrive in 7-14 business days.< / p >
< / div >
< div style = "margin-bottom: 30px;" >
< h3 style = "color: #667eea;" > What is your return policy?< / h3 >
< p style = "color: #666; line-height: 1.8;" > We offer a 30-day return policy on most items. Items must be unused and in original packaging. See our < a href = "/returns" style = "color: #667eea;" > Returns page< / a > for details.< / p >
< / div >
< div style = "margin-bottom: 30px;" >
< h3 style = "color: #667eea;" > How can I track my order?< / h3 >
< p style = "color: #666; line-height: 1.8;" > Once your order ships, you'll receive a tracking number via email. You can also check your order status in your account dashboard.< / p >
< / div >
< div style = "margin-bottom: 30px;" >
< h3 style = "color: #667eea;" > Do you offer gift wrapping?< / h3 >
< p style = "color: #666; line-height: 1.8;" > Yes! Add gift wrapping to your order at checkout for just $4.99. We'll include a personalized message card.< / p >
< / div >
< div style = "background: #f8f9fa; padding: 20px; border-radius: 8px; border-left: 4px solid #667eea; margin-top: 30px;" >
< p style = "color: #666; margin: 0;" > < strong > Still have questions?< / strong > Contact us at < a href = "mailto:support@skyartshop.com" style = "color: #667eea;" > support@skyartshop.com< / a > < / p >
< / div >
< / div >
< / div >
< / section >
< footer class = "footer" >
< div class = "container" >
< div class = "footer-grid" >
< div class = "footer-col" >
< h3 class = "footer-title" > Sky Art Shop< / h3 >
< p class = "footer-text" >
Your destination for unique art pieces and creative supplies.
< / p >
< div class = "social-links" >
< a href = "#" class = "social-link" > < i class = "bi bi-facebook" > < / i > < / a >
< a href = "#" class = "social-link" > < i class = "bi bi-instagram" > < / i > < / a >
< a href = "#" class = "social-link" > < i class = "bi bi-twitter" > < / i > < / a >
< a href = "#" class = "social-link" > < i class = "bi bi-pinterest" > < / i > < / a >
< / div >
< / div >
< div class = "footer-col" >
< h4 class = "footer-heading" > Shop< / h4 >
< ul class = "footer-links" >
< li > < a href = "/shop" > All Products< / a > < / li >
< li > < a href = "/shop?category=paintings" > Paintings< / a > < / li >
< li > < a href = "/shop?category=prints" > Prints< / a > < / li >
< li > < a href = "/shop?category=supplies" > Art Supplies< / a > < / li >
< / ul >
< / div >
< div class = "footer-col" >
< h4 class = "footer-heading" > About< / h4 >
< ul class = "footer-links" >
< li > < a href = "/about" > Our Story< / a > < / li >
< li > < a href = "/portfolio" > Portfolio< / a > < / li >
< li > < a href = "/blog" > Blog< / a > < / li >
< li > < a href = "/contact" > Contact< / a > < / li >
< / ul >
< / div >
< div class = "footer-col" >
< h4 class = "footer-heading" > Customer Service< / h4 >
< ul class = "footer-links" >
< li > < a href = "/shipping-info" > Shipping Info< / a > < / li >
< li > < a href = "/returns" > Returns< / a > < / li >
< li > < a href = "/faq" > FAQ< / a > < / li >
< li > < a href = "/privacy" > Privacy Policy< / a > < / li >
< / ul >
< / div >
< / div >
< div class = "footer-bottom" >
< p > © 2025 Sky Art Shop. All rights reserved.< / p >
< / div >
< / div >
< / footer >
2026-01-14 21:21:32 -06:00
<!-- Core Scripts (standardized order) -->
< script src = "/assets/js/main.js" > < / script >
< script src = "/assets/js/shop-system.js" > < / script >
2026-01-14 08:10:23 -06:00
< script src = "/assets/js/page-transitions.js?v=1766709739" > < / script >
< script src = "/assets/js/back-button-control.js?v=1766723554" > < / script >
< script src = "/assets/js/navigation.js" > < / script >
< / body >
< / html >
