<div x-data="{ 
    search: '',
    activeCategory: 'orders',
    categories: ['orders', 'shipping', 'payments', 'returns', 'account'],
    get filteredFaqs() {
        if (!this.search.trim()) return this.faqsByCategory;
        const s = this.search.toLowerCase();
        let result = {};
        for (let [cat, items] of Object.entries(this.faqsByCategory)) {
            let filtered = items.filter(f => f.q.toLowerCase().includes(s) || f.a.toLowerCase().includes(s));
            if (filtered.length) result[cat] = filtered;
        }
        return result;
    },
    faqsByCategory: {
        orders: [
            { q: 'How do I place an order?', a: 'Simply browse our catalog, add items to your cart, proceed to checkout, enter your delivery details, and choose your payment method. You can checkout as a guest or create an account for faster future purchases.' },
            { q: 'Can I modify or cancel my order after placing it?', a: 'Orders can be modified or cancelled within 1 hour of placement. Contact our customer service team immediately via WhatsApp or phone for assistance with any changes.' },
            { q: 'How will I know when my order is confirmed?', a: 'You will receive an order confirmation email and SMS with your order number and details. You can also track your order status in your account dashboard.' },
            { q: 'Do you offer bulk or wholesale orders?', a: 'Yes! We offer special pricing for bulk and wholesale orders. Contact our sales team at sales@smarthomerajo.com or call us for customized quotes.' },
            { q: 'Can I order items that are out of stock?', a: 'Out-of-stock items typically have a "Notify Me" option. Click it to receive an email when the item is back in stock. You can also contact us for estimated restock dates.' },
        ],
        shipping: [
            { q: 'What areas do you deliver to?', a: 'We deliver to all 16 regions of Ghana. Our standard delivery covers all regional capitals and major towns. Remote areas may require additional delivery time.' },
            { q: 'How much does shipping cost?', a: 'Shipping fees vary by location and order size. Delivery within Accra starts at GH₵ 15, and regional deliveries start at GH₵ 25. Free delivery is available on orders over GH₵ 200.' },
            { q: 'How long does delivery take?', a: 'Same-day delivery is available in Accra and Kumasi for orders placed before 2 PM. Express delivery to regional capitals takes 24-48 hours. Standard delivery to other areas takes 3-5 business days.' },
            { q: 'Do you offer international shipping?', a: 'Currently, we only deliver within Ghana. We are working on expanding our delivery network to other West African countries in the near future.' },
            { q: 'What if my package is delayed?', a: 'If your order exceeds the estimated delivery time, please contact our support team. We will investigate and keep you updated. In case of significant delays, we offer compensation.' },
        ],
        payments: [
            { q: 'What payment methods do you accept?', a: 'We accept Mobile Money (MTN, Vodafone, AirtelTigo), all major debit and credit cards (Visa, Mastercard), bank transfers, and cash on delivery for select locations.' },
            { q: 'Is it safe to pay online?', a: 'Absolutely. We use industry-standard SSL encryption to protect your payment information. We are PCI-DSS compliant and never store your full card details on our servers.' },
            { q: 'Can I pay with Mobile Money?', a: 'Yes! Mobile Money is one of our most popular payment methods. Select MoMo at checkout and you will receive a payment prompt on your phone to complete the transaction.' },
            { q: 'Do you offer cash on delivery?', a: 'Cash on Delivery is available in Accra, Kumasi, and select areas. A small convenience fee of GH₵ 5 applies. Our delivery agent will collect payment when your order arrives.' },
            { q: 'How do I get a refund?', a: 'Refunds are processed to your original payment method within 5-7 business days after we receive your returned item. Mobile Money refunds are processed within 24-48 hours.' },
        ],
        returns: [
            { q: 'What is your return policy?', a: 'We offer a 14-day return window from the date of delivery. Items must be unused, in their original packaging, with all tags attached. Some exclusions apply.' },
            { q: 'How do I initiate a return?', a: 'Log into your account, go to your orders, and select "Return Item" for the order you wish to return. Alternatively, contact our customer service team to start the process.' },
            { q: 'Who pays for return shipping?', a: 'If the return is due to a defect, wrong item, or our error, we cover the return shipping costs. For change-of-mind returns, the customer is responsible for return shipping fees.' },
            { q: 'How long does it take to process a refund?', a: 'Once we receive and inspect your return, refunds are processed within 3-5 business days. It may take an additional 2-3 days for the refund to appear in your account.' },
            { q: 'Can I exchange an item instead of returning?', a: 'Yes! We offer exchanges for same-value items. If the exchange item costs more, you can pay the difference. Contact us to arrange an exchange.' },
            { q: 'What items are non-returnable?', a: 'For hygiene reasons, underwear, swimwear, earrings, and personal care items cannot be returned. Also excluded are perishable goods, digital products, and custom-made items.' },
        ],
        account: [
            { q: 'How do I create an account?', a: 'Click the "Sign Up" button on the top right corner. Enter your name, email address, and create a password. You can also register using your Google or Facebook account for faster signup.' },
            { q: 'I forgot my password. What should I do?', a: 'Click "Forgot Password" on the login page. Enter your registered email address, and we will send you a password reset link. Follow the instructions to set a new password.' },
            { q: 'How do I track my order?', a: 'Log into your account and visit the "My Orders" section. You can also use the order tracking feature on our website with your order number and email address.' },
            { q: 'How do I update my profile or address?', a: 'Go to "My Account" and select "Addresses" to add, edit, or remove delivery addresses. You can update your personal information in the "Profile" section.' },
            { q: 'Do you have a loyalty program?', a: 'Yes! Our loyalty program rewards you with points on every purchase. Points can be redeemed for discounts on future orders. Sign up for free and start earning immediately.' },
        ],
    }
}">
    
    <div class="relative bg-gradient-to-r from-[#1B2A4A] to-[#0F1A2E] rounded-2xl overflow-hidden mb-12">
        <div class="relative z-10 px-8 py-16 lg:py-20 text-center">
            <h1 class="text-4xl lg:text-5xl font-bold text-white mb-4">Frequently Asked Questions</h1>
            <p class="text-[#E0E5EF] text-lg max-w-2xl mx-auto mb-8">Everything you need to know about shopping at Smart Home Rajo City</p>
            
            <div class="max-w-xl mx-auto relative">
                <svg class="absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-[#B8C3D9]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg>
                <input type="text" x-model="search" placeholder="Search questions..." class="w-full pl-12 pr-4 py-3.5 rounded-xl text-[#1B2A4A] placeholder-[#B8C3D9] focus:outline-none focus:ring-2 focus:ring-[#B8C3D9] shadow-lg">
            </div>
        </div>
    </div>

    
    <div class="flex flex-wrap gap-2 mb-8">
        <template x-for="cat in categories" :key="cat">
            <button @click="activeCategory = cat" :class="activeCategory === cat ? 'bg-[#1B2A4A] text-white shadow-lg shadow-[#B8C3D9]' : 'bg-white text-[#8A9BC0] hover:bg-[#FAF9F6] border border-[#E0E5EF]'" class="px-5 py-2.5 rounded-xl text-sm font-medium transition-all capitalize">
                <span x-text="cat"></span>
            </button>
        </template>
    </div>

    
    <div class="space-y-4 mb-12">
        <template x-for="(faqs, cat) in filteredFaqs" :key="cat">
            <div x-show="activeCategory === cat || search.trim()">
                <template x-for="(faq, i) in faqs" :key="i">
                    <div class="bg-white rounded-xl border border-[#E0E5EF] overflow-hidden" x-data="{ open: false }">
                        <button @click="open = !open" class="w-full flex items-center justify-between px-6 py-4 text-left hover:bg-[#FAF9F6] transition-colors">
                            <span class="font-medium text-[#1B2A4A] pr-4" x-text="faq.q"></span>
                            <svg :class="open ? 'rotate-180 text-[#1B2A4A]' : 'text-[#B8C3D9]'" class="w-5 h-5 shrink-0 transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
                        </button>
                        <div x-show="open" x-collapse.duration.200ms>
                            <div class="px-6 pb-4 text-[#8A9BC0] leading-relaxed" x-text="faq.a"></div>
                        </div>
                    </div>
                </template>
            </div>
        </template>
        <div x-show="Object.keys(filteredFaqs).length === 0" class="text-center py-16 text-[#B8C3D9]">
            <svg class="w-16 h-16 mx-auto mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
            <p class="text-lg font-medium">No questions found</p>
            <p class="text-sm">Try a different search term</p>
        </div>
    </div>

    
    <div class="bg-gradient-to-r from-[#1B2A4A] to-[#0F1A2E] rounded-2xl p-8 lg:p-12 text-center mb-12">
        <h2 class="text-2xl font-bold text-white mb-3">Still Have Questions?</h2>
        <p class="text-[#E0E5EF] mb-6 max-w-lg mx-auto">Our customer service team is always ready to help you with any questions or concerns.</p>
        <div class="flex flex-wrap justify-center gap-4">
            <a href="https://smarthome.rajocityrealty.com/contact" class="inline-flex items-center gap-2 px-6 py-3 bg-white text-[#152038] font-semibold rounded-xl hover:bg-[#F0F2F7] transition-colors shadow-lg">
                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg>
                Contact Us
            </a>
            <a href="https://wa.me/233XXXXXXXXX" target="_blank" rel="noopener" class="inline-flex items-center gap-2 px-6 py-3 bg-green-500 text-white font-semibold rounded-xl hover:bg-green-600 transition-colors shadow-lg">
                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
                WhatsApp Chat
            </a>
        </div>
    </div>
</div>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="QFOOeu73WpHBrzzL7f0Q04NoptBCQed5c02ke8NC">
        <title>Frequently Asked Questions - Smart Home Rajo City</title>
    <meta name="description" content="Find answers to common questions about ordering, shipping, payments, returns, and account management at Smart Home Rajo City.">

    <link rel="canonical" href="https://smarthome.rajocityrealty.com/faq">

    <meta property="og:site_name" content="Smart Home Rajo City">
    <meta property="og:title" content="FAQ - Smart Home Rajo City">
    <meta property="og:description" content="Quick answers to your most common questions about shopping at Smart Home Rajo City.">
    <meta property="og:url" content="https://smarthome.rajocityrealty.com/faq">
    <meta property="og:type" content="website">
    <meta property="og:image" content="https://smarthome.rajocityrealty.com/images/og-default.png">

    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="FAQ - Smart Home Rajo City">
    <meta name="twitter:description" content="Quick answers to your most common questions about shopping at Smart Home Rajo City.">
    <meta name="twitter:image" content="https://smarthome.rajocityrealty.com/images/og-default.png">

            <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "Store",
            "name": "Smart Home Rajo City",
            "url": "https://smarthome.rajocityrealty.com",
            "description": "Premium online shopping for fashion, beauty, electronics, home & living, sports, and accessories.",
            "address": {
                "@type": "PostalAddress",
                "addressCountry": "GH"
            },
            "priceRange": "GH₵"
        }
        </script>
    
    <link rel="preconnect" href="https://fonts.bunny.net">
    <link href="https://fonts.bunny.net/css?family=inter:400,500,600,700,800" rel="stylesheet">

    <link rel="preload" as="style" href="https://smarthome.rajocityrealty.com/build/assets/app-XKrvDQxW.css" /><link rel="modulepreload" as="script" href="https://smarthome.rajocityrealty.com/build/assets/app-CIomGrQN.js" /><link rel="stylesheet" href="https://smarthome.rajocityrealty.com/build/assets/app-XKrvDQxW.css" data-navigate-track="reload" /><script type="module" src="https://smarthome.rajocityrealty.com/build/assets/app-CIomGrQN.js" data-navigate-track="reload"></script>    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
</head>
<body class="font-sans antialiased bg-brand-cream text-[#1B2A4A]">
    <div class="flex flex-col min-h-screen">
        <header wire:key="lw-1496449963-0" wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;uSmZKwOxUetVDlebj2QX&quot;,&quot;name&quot;:&quot;store.layout.topbar&quot;,&quot;path&quot;:&quot;faq&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:{&quot;lw-4189679052-0&quot;:[&quot;div&quot;,&quot;SfqF7FCxHUx9LHgb5MRw&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;18b909945f1529f4802dcc6d5af6c1f8390f450b7b568dbc15897fc25d51b8fe&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;wishlist-updated&quot;]}" wire:id="uSmZKwOxUetVDlebj2QX" wire:name="store.layout.topbar" class="bg-white border-b border-[#E0E5EF] sticky top-0 z-40">
    <div class="flex items-center justify-between px-4 lg:px-8 h-16">
        
        <button x-data @click="$dispatch('open-mobile-menu')" class="p-2 text-[#8A9BC0] hover:text-[#152038] lg:hidden">
            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/></svg>
        </button>

        
        <a href="/" class="flex items-center gap-2.5 shrink-0">
            <svg class="w-8 h-8 text-[#D4A843]" fill="none" stroke="currentColor" stroke-width="1.8" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955a1.126 1.126 0 011.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"/>
            </svg>
            <div class="hidden sm:flex flex-col leading-none">
                <span class="text-[11px] font-extrabold tracking-[0.18em] text-[#1B2A4A] uppercase">Smart Home</span>
                <span class="text-[10px] font-bold tracking-[0.22em] text-[#D4A843] uppercase">Rajo City</span>
            </div>
        </a>

        
        <div class="flex-1 max-w-xl mx-4 lg:mx-8">
            <div wire:key="lw-4189679052-0" wire:snapshot="{&quot;data&quot;:{&quot;query&quot;:&quot;&quot;,&quot;showDropdown&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;SfqF7FCxHUx9LHgb5MRw&quot;,&quot;name&quot;:&quot;store.layout.search-dropdown&quot;,&quot;path&quot;:&quot;faq&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;625eccd9106f83487e01af1c9b67589f836409a3bf159f5137ea037b1f686411&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;search-focused&quot;]}" wire:id="SfqF7FCxHUx9LHgb5MRw" wire:name="store.layout.search-dropdown" x-data="{ open: window.Livewire.find('SfqF7FCxHUx9LHgb5MRw').entangle('showDropdown') }" @click.away="open = false" class="relative">
    <div class="relative">
        <svg class="absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-[#8A9BC0]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg>
        <input type="text" wire:model.live.debounce.300ms="query" @focus="open = true; $wire.focus()"
               placeholder="Search products..."
               class="w-full pl-10 pr-4 py-2.5 bg-[#F0F2F7] border-0 rounded-xl text-sm focus:outline-none focus:ring-2 focus:ring-[#D4A843] focus:bg-white transition-colors">
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </div>

    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
        </div>

        
        <div class="flex items-center gap-1 sm:gap-2">
            <a href="https://smarthome.rajocityrealty.com/wishlist" class="relative p-2 text-[#8A9BC0] hover:text-[#152038] transition-colors">
                <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/></svg>
                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </a>
            <button class="relative p-2 text-[#8A9BC0] hover:text-[#152038] transition-colors" @click="$dispatch('open-cart')">
                <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"/></svg>
                <span class="absolute -top-0.5 -right-0.5 w-5 h-5 bg-[#1B2A4A] text-white text-[10px] font-bold rounded-full flex items-center justify-center">0</span>
            </button>
        </div>
    </div>
</header>

        <main class="flex-1 px-4 lg:px-8">
                    </main>

        <footer class="border-t border-[#E0E5EF] bg-white">
            <div class="max-w-7xl mx-auto px-4 lg:px-8 py-12">
                <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
                    <div>
                        <h4 class="font-semibold text-[#1B2A4A] mb-4">Shop</h4>
                        <ul class="space-y-2 text-sm text-[#8A9BC0]">
                            <li><a href="https://smarthome.rajocityrealty.com" class="hover:text-[#1B2A4A]">Home</a></li>
                            <li><a href="https://smarthome.rajocityrealty.com/cart" class="hover:text-[#1B2A4A]">Cart</a></li>
                            <li><a href="https://smarthome.rajocityrealty.com/wishlist" class="hover:text-[#1B2A4A]">Wishlist</a></li>
                            <li><a href="https://smarthome.rajocityrealty.com/brands" class="hover:text-[#1B2A4A]">Brands</a></li>
                            <li><a href="https://smarthome.rajocityrealty.com/blog" class="hover:text-[#1B2A4A]">Blog</a></li>
                            <li><a href="https://smarthome.rajocityrealty.com/flash-sales" class="hover:text-[#1B2A4A]">Flash Sales</a></li>
                            <li><a href="https://smarthome.rajocityrealty.com/clearance" class="hover:text-[#1B2A4A]">Clearance</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="font-semibold text-[#1B2A4A] mb-4">Customer Service</h4>
                        <ul class="space-y-2 text-sm text-[#8A9BC0]">
                            <li><a href="https://smarthome.rajocityrealty.com/contact" class="hover:text-[#1B2A4A]">Contact Us</a></li>
                            <li><a href="https://smarthome.rajocityrealty.com/faq" class="hover:text-[#1B2A4A]">FAQ</a></li>
                            <li><a href="https://smarthome.rajocityrealty.com/help" class="hover:text-[#1B2A4A]">Help Center</a></li>
                            <li><a href="https://smarthome.rajocityrealty.com/shipping" class="hover:text-[#1B2A4A]">Shipping Info</a></li>
                            <li><a href="https://smarthome.rajocityrealty.com/returns" class="hover:text-[#1B2A4A]">Returns</a></li>
                            <li><a href="https://smarthome.rajocityrealty.com/warranty" class="hover:text-[#1B2A4A]">Warranty</a></li>
                            <li><a href="https://smarthome.rajocityrealty.com/orders" class="hover:text-[#1B2A4A]">Track Order</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="font-semibold text-[#1B2A4A] mb-4">Company</h4>
                        <ul class="space-y-2 text-sm text-[#8A9BC0]">
                            <li><a href="https://smarthome.rajocityrealty.com/about" class="hover:text-[#1B2A4A]">About Us</a></li>
                            <li><a href="https://smarthome.rajocityrealty.com/store-locations" class="hover:text-[#1B2A4A]">Store Locations</a></li>
                            <li><a href="https://smarthome.rajocityrealty.com/careers" class="hover:text-[#1B2A4A]">Careers</a></li>
                            <li><a href="https://smarthome.rajocityrealty.com/press" class="hover:text-[#1B2A4A]">Press</a></li>
                            <li><a href="https://smarthome.rajocityrealty.com/blog" class="hover:text-[#1B2A4A]">Blog</a></li>
                            <li><a href="https://smarthome.rajocityrealty.com/gift-cards" class="hover:text-[#1B2A4A]">Gift Cards</a></li>
                            <li><a href="https://smarthome.rajocityrealty.com/loyalty" class="hover:text-[#1B2A4A]">Loyalty Program</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="font-semibold text-[#1B2A4A] mb-4">Legal</h4>
                        <ul class="space-y-2 text-sm text-[#8A9BC0]">
                            <li><a href="https://smarthome.rajocityrealty.com/privacy" class="hover:text-[#1B2A4A]">Privacy Policy</a></li>
                            <li><a href="https://smarthome.rajocityrealty.com/terms" class="hover:text-[#1B2A4A]">Terms & Conditions</a></li>
                            <li><a href="https://smarthome.rajocityrealty.com/cookies" class="hover:text-[#1B2A4A]">Cookie Policy</a></li>
                            <li><a href="https://smarthome.rajocityrealty.com/accessibility" class="hover:text-[#1B2A4A]">Accessibility</a></li>
                            <li><a href="https://smarthome.rajocityrealty.com/gdpr" class="hover:text-[#1B2A4A]">GDPR</a></li>
                            <li><a href="https://smarthome.rajocityrealty.com/disclaimer" class="hover:text-[#1B2A4A]">Disclaimer</a></li>
                            <li><a href="https://smarthome.rajocityrealty.com/buyer-protection" class="hover:text-[#1B2A4A]">Buyer Protection</a></li>
                        </ul>
                    </div>
                </div>
                <div class="border-t border-[#E0E5EF] mt-8 pt-8 flex flex-col md:flex-row items-center justify-between gap-4">
                    <div class="text-sm text-[#8A9BC0]">
                        &copy; 2026 Smart Home Rajo City. All rights reserved.
                    </div>
                    
                    <div class="flex items-center gap-4">
                    </div>
                </div>
            </div>
        </footer>
    </div>

    <div wire:key="lw-1496449963-1" wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;GHjyEbZkSmgqO8jm6SW5&quot;,&quot;name&quot;:&quot;store.layout.cart-drawer&quot;,&quot;path&quot;:&quot;faq&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;3eba4517fa016f352073e7a01360f461106a0abd0eb0141520d4502a7a43a59a&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;cart-updated&quot;]}" wire:id="GHjyEbZkSmgqO8jm6SW5" wire:name="store.layout.cart-drawer" x-data="{ open: false }"
     @open-cart.window="open = true"
     @close-cart.window="open = false"
     x-cloak
     class="fixed inset-0 z-50 pointer-events-none"
     :class="{ 'pointer-events-auto': open }">
    <div x-show="open" x-transition.opacity class="fixed inset-0 bg-black/40" @click="open = false"></div>

    <div x-show="open" x-transition:enter="transition ease-out duration-300"
         x-transition:enter-start="translate-x-full"
         x-transition:enter-end="translate-x-0"
         x-transition:leave="transition ease-in duration-200"
         x-transition:leave-start="translate-x-0"
         x-transition:leave-end="translate-x-full"
         class="fixed right-0 top-0 h-full w-full max-w-md bg-white shadow-xl z-50 flex flex-col">
        <div class="flex items-center justify-between px-6 py-4 border-b border-[#E0E5EF]">
            <h2 class="text-lg font-semibold text-[#1B2A4A]">Shopping Cart (0)</h2>
            <button @click="open = false" class="p-2 text-[#B8C3D9] hover:text-[#8A9BC0]">
                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg>
            </button>
        </div>

        <div class="flex-1 overflow-y-auto px-6 py-4">
            <!--[if BLOCK]><![endif]-->                <div class="flex flex-col items-center justify-center h-full text-[#B8C3D9]">
                    <svg class="w-16 h-16 mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"/></svg>
                    <p class="text-lg">Your cart is empty</p>
                </div>
            <!--[if ENDBLOCK]><![endif]-->        </div>

        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </div>
</div>

    <div x-data="toast()" x-init="init()" x-cloak
         class="fixed bottom-6 right-6 z-[100] flex flex-col gap-3 pointer-events-none">
        <template x-for="(t, i) in toasts" :key="t.id">
            <div x-show="t.visible" x-transition:enter="transition ease-out duration-300"
                 x-transition:enter-start="translate-y-4 opacity-0"
                 x-transition:enter-end="translate-y-0 opacity-100"
                 x-transition:leave="transition ease-in duration-200"
                 x-transition:leave-start="translate-y-0 opacity-100"
                 x-transition:leave-end="translate-y-4 opacity-0"
                 :class="t.type === 'error' ? 'bg-red-600' : t.type === 'warning' ? 'bg-amber-600' : 'bg-green-600'"
                 class="pointer-events-auto px-5 py-3.5 rounded-xl text-white text-sm font-medium shadow-lg flex items-center gap-3 max-w-sm">
                <svg x-show="t.type === 'success'" class="w-5 h-5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"/></svg>
                <svg x-show="t.type === 'error'" class="w-5 h-5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12"/></svg>
                <svg x-show="t.type === 'warning'" class="w-5 h-5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/></svg>
                <span x-text="t.message" class="flex-1"></span>
                <button @click="t.visible = false" class="text-white/70 hover:text-white shrink-0">
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg>
                </button>
            </div>
        </template>
    </div>
    <script>
        function toast() {
            return {
                toasts: [],
                nextId: 0,
                init() {
                    window.addEventListener('notify', (e) => {
                        const detail = e.detail || {};
                        const id = this.nextId++;
                        this.toasts.push({
                            id,
                            message: detail.message || '',
                            type: detail.type || 'success',
                            visible: true,
                        });
                        setTimeout(() => {
                            const t = this.toasts.find(t => t.id === id);
                            if (t) t.visible = false;
                            setTimeout(() => { this.toasts = this.toasts.filter(t => t.id !== id); }, 300);
                        }, detail.duration || 4000);
                    });
                },
            };
        }
    </script>

    <div wire:key="lw-1496449963-2" wire:snapshot="{&quot;data&quot;:{&quot;show&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;6A4OnfFXWumkgkks2n3y&quot;,&quot;name&quot;:&quot;store.cookie-consent&quot;,&quot;path&quot;:&quot;faq&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;7eea9c516a495949df308a02b46618eede2875033063684abd46ef1b6ee30564&quot;}" wire:effects="[]" wire:id="6A4OnfFXWumkgkks2n3y" wire:name="store.cookie-consent">
    <!--[if BLOCK]><![endif]-->    <div
        x-data
        x-on:cookie-consent-set.window="$wire.show = false"
        class="fixed bottom-0 inset-x-0 z-50 p-4 md:p-6"
        x-transition:enter="transition ease-out duration-500"
        x-transition:enter-start="translate-y-full opacity-0"
        x-transition:enter-end="translate-y-0 opacity-100"
        x-transition:leave="transition ease-in duration-300"
        x-transition:leave-start="translate-y-0 opacity-100"
        x-transition:leave-end="translate-y-full opacity-0"
    >
        <div class="max-w-4xl mx-auto bg-white rounded-2xl shadow-2xl border border-[#E0E5EF] p-6 md:p-8">
            <div class="flex flex-col md:flex-row items-start md:items-center gap-4 md:gap-6">
                <div class="flex-1">
                    <h3 class="text-lg font-semibold text-[#1B2A4A] mb-1">Cookie Preferences</h3>
                    <p class="text-sm text-[#8A9BC0]">
                        We use cookies to enhance your browsing experience, serve personalized content, and analyze our traffic.
                        By clicking "Accept All", you consent to our use of all cookies.
                    </p>
                </div>
                <div class="flex flex-col sm:flex-row gap-3 w-full md:w-auto">
                    <button
                        wire:click="acceptAll"
                        class="px-6 py-2.5 bg-[#1B2A4A] text-white text-sm font-medium rounded-xl hover:bg-[#152038] transition-colors text-center"
                    >
                        Accept All
                    </button>
                    <button
                        wire:click="acceptEssential"
                        class="px-6 py-2.5 border border-[#E0E5EF] text-[#1B2A4A] text-sm font-medium rounded-xl hover:bg-[#FAF9F6] transition-colors text-center"
                    >
                        Essential Only
                    </button>
                    <button
                        wire:click="rejectAll"
                        class="px-6 py-2.5 text-[#8A9BC0] text-sm font-medium hover:text-[#1B2A4A] transition-colors text-center"
                    >
                        Reject All
                    </button>
                </div>
            </div>
        </div>
    </div>
    <!--[if ENDBLOCK]><![endif]--></div>

    <script src="https://smarthome.rajocityrealty.com/livewire-89311618/livewire.min.js?id=657d57c2"   data-csrf="QFOOeu73WpHBrzzL7f0Q04NoptBCQed5c02ke8NC" data-module-url="https://smarthome.rajocityrealty.com/livewire-89311618" data-update-uri="https://smarthome.rajocityrealty.com/livewire-89311618/update" data-navigate-once="true"></script>
    </body>
</html>