@section('meta_description', 'Read JixTech's comprehensive terms and conditions for domain services, website development, SEO solutions and digital services.')

@section('content')
<div class="min-h-screen bg-gray-50 py-12">
    <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
        
        <!-- Header -->
        <div class="bg-white rounded-lg shadow-lg p-8 mb-8">
            <div class="text-center mb-8">
                <h1 class="text-4xl font-bold text-gray-900 mb-4">
                    <i class="fas fa-file-contract text-blue-600 mr-3"></i>
                    Terms and Conditions
                </h1>
                <p class="text-lg text-gray-600 max-w-2xl mx-auto">
                    These terms govern your use of JixTech services including domain registration, transfer, renewal, website development, and SEO services.
                </p>
                <div class="mt-4 p-3 bg-blue-50 rounded-lg">
                    <p class="text-sm text-blue-700">
                        <i class="fas fa-calendar-alt mr-2"></i>
                        Last Updated: August 20, 2026
                    </p>
                </div>
            </div>
        </div>

        <!-- Content -->
        <div class="bg-white rounded-lg shadow-lg p-8 space-y-8">
            
            <!-- Section 1 -->
            <section class="border-l-4 border-blue-500 pl-6">
                <h2 class="text-2xl font-semibold text-gray-900 mb-4">
                    <i class="fas fa-handshake text-blue-600 mr-2"></i>
                    1. Agreement to Terms
                </h2>
                <div class="prose prose-lg text-gray-700">
                    <p class="mb-4">
                        Welcome to <strong>JixTech.net</strong>! By accessing and using our services, you agree to be bound by these Terms of Service. JixTech provides comprehensive digital services including:
                    </p>
                    <ul class="list-disc pl-6 space-y-2 mb-4">
                        <li><strong>Domain Registration</strong> - New domain acquisitions</li>
                        <li><strong>Domain Transfer</strong> - Secure domain migrations</li>
                        <li><strong>Domain Renewal</strong> - Timely domain extensions</li>
                        <li><strong>Website Development</strong> - Custom web solutions</li>
                        <li><strong>SEO Services</strong> - Search engine optimization</li>
                    </ul>
                    <p>If you do not agree to these terms, please discontinue use of our services immediately.</p>
                </div>
            </section>

            <!-- Section 2 -->
            <section class="border-l-4 border-green-500 pl-6">
                <h2 class="text-2xl font-semibold text-gray-900 mb-4">
                    <i class="fas fa-globe text-green-600 mr-2"></i>
                    2. Domain Services
                </h2>
                <div class="prose prose-lg text-gray-700">
                    <h3 class="text-xl font-semibold mb-3">Domain Registration</h3>
                    <p class="mb-4">
                        All domain registrations are subject to the policies of the respective registry and ICANN rules. Domain availability is not guaranteed until payment is processed and registration is confirmed.
                    </p>
                    
                    <h3 class="text-xl font-semibold mb-3">Domain Transfer</h3>
                    <p class="mb-4">
                        Domain transfers require authorization codes and may take 5-7 business days. Transfers must be initiated at least 60 days after registration or previous transfer.
                    </p>
                    
                    <h3 class="text-xl font-semibold mb-3">Domain Renewal</h3>
                    <p>
                        Domain renewals must be completed before expiration. Grace periods vary by TLD. JixTech will send renewal reminders but clients are responsible for timely renewals.
                    </p>
                </div>
            </section>

            <!-- Section 3 -->
            <section class="border-l-4 border-purple-500 pl-6">
                <h2 class="text-2xl font-semibold text-gray-900 mb-4">
                    <i class="fas fa-code text-purple-600 mr-2"></i>
                    3. Website Development & SEO Services
                </h2>
                <div class="prose prose-lg text-gray-700">
                    <p class="mb-4">
                        Our website development and SEO services are provided based on agreed project specifications and timelines.
                    </p>
                    <ul class="list-disc pl-6 space-y-2 mb-4">
                        <li>Project timelines are estimates and may vary based on complexity</li>
                        <li>Client approval is required at each milestone</li>
                        <li>SEO results are not guaranteed and depend on various factors</li>
                        <li>Source code and assets remain JixTech property until full payment</li>
                    </ul>
                </div>
            </section>

            <!-- Section 4 -->
            <section class="border-l-4 border-red-500 pl-6">
                <h2 class="text-2xl font-semibold text-gray-900 mb-4">
                    <i class="fas fa-exclamation-triangle text-red-600 mr-2"></i>
                    4. Prohibited Uses
                </h2>
                <div class="prose prose-lg text-gray-700">
                    <p class="mb-4">Clients may not use our services for:</p>
                    <ul class="list-disc pl-6 space-y-2 mb-4">
                        <li>Illegal activities or content</li>
                        <li>Spam, phishing, or malicious activities</li>
                        <li>Copyright or trademark infringement</li>
                        <li>Adult content or gambling (restrictions apply)</li>
                        <li>Activities that violate any laws or regulations</li>
                    </ul>
                </div>
            </section>

            <!-- Section 5 -->
            <section class="border-l-4 border-yellow-500 pl-6">
                <h2 class="text-2xl font-semibold text-gray-900 mb-4">
                    <i class="fas fa-credit-card text-yellow-600 mr-2"></i>
                    5. Payment Terms
                </h2>
                <div class="prose prose-lg text-gray-700">
                    <p class="mb-4">
                        All services require upfront payment unless otherwise agreed. We accept major credit cards, bank transfers, and approved payment methods.
                    </p>
                    <ul class="list-disc pl-6 space-y-2">
                        <li>Domain registrations are non-refundable after processing</li>
                        <li>Development projects require 50% advance payment</li>
                        <li>Monthly services are billed in advance</li>
                        <li>Late payments may result in service suspension</li>
                    </ul>
                </div>
            </section>

            <!-- Section 6 -->
            <section class="border-l-4 border-indigo-500 pl-6">
                <h2 class="text-2xl font-semibold text-gray-900 mb-4">
                    <i class="fas fa-shield-alt text-indigo-600 mr-2"></i>
                    6. Limitation of Liability
                </h2>
                <div class="prose prose-lg text-gray-700">
                    <p class="mb-4">
                        JixTech's liability is limited to the amount paid for the specific service. We are not responsible for indirect damages, lost profits, or consequential damages.
                    </p>
                </div>
            </section>

            <!-- Contact -->
            <div class="bg-gradient-to-r from-blue-50 to-indigo-50 p-6 rounded-lg">
                <h3 class="text-xl font-semibold text-gray-900 mb-3">
                    <i class="fas fa-envelope text-blue-600 mr-2"></i>
                    Questions About These Terms?
                </h3>
                <p class="text-gray-700 mb-4">
                    If you have any questions about these Terms of Service, please contact us at:
                </p>
                <div class="flex flex-wrap gap-4">
                    <a href="mailto:legal@jixtech.net" class="text-blue-600 hover:text-blue-800 font-medium">
                        <i class="fas fa-envelope mr-2"></i>legal@jixtech.net
                    </a>
                    <a href="tel:+1234567890" class="text-blue-600 hover:text-blue-800 font-medium">
                        <i class="fas fa-phone mr-2"></i>+1 (234) 567-890
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Terms and Conditions - JixTech</title>
    <link rel="preload" as="style" href="https://mail.jixtech.net/build/assets/app-Dkixx8yK.css" /><link rel="modulepreload" as="script" href="https://mail.jixtech.net/build/assets/app-C0G0cght.js" /><link rel="stylesheet" href="https://mail.jixtech.net/build/assets/app-Dkixx8yK.css" /><script type="module" src="https://mail.jixtech.net/build/assets/app-C0G0cght.js"></script>    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
</head>
<body>
    <header class="bg-white shadow-lg sticky top-0 z-50" 
    x-data="{ 
        mobileMenuOpen: false,
        cartCount: 0,
        init() {
            fetch('https://mail.jixtech.net/cart/data').then(res => res.json()).then(data => { this.cartCount = data.cartCount; });
            window.addEventListener('cart-updated', event => { this.cartCount = event.detail.cartCount; });
        }
    }"
    x-init="init()">
    <nav class="container mx-auto px-6 py-4">
        <div class="flex items-center justify-between">
            <!-- Logo (Left side) -->
            <a href="/" class="flex items-center space-x-3 hover:opacity-80 transition-opacity duration-300">
                <div class="relative">
                    <svg class="w-10 h-10" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <circle cx="25" cy="25" r="23" fill="url(#gradient1)" stroke="#4F46E5" stroke-width="2"/>
                        <path d="M15 20L25 30L35 20" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                        <circle cx="25" cy="15" r="3" fill="white"/>
                        <defs><linearGradient id="gradient1" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:#6366F1"/><stop offset="100%" style="stop-color:#4F46E5"/></linearGradient></defs>
                    </svg>
                    <div class="absolute -top-1 -right-1 w-4 h-4 bg-yellow-400 rounded-full border-2 border-white"></div>
                </div>
                <div>
                    <span class="text-2xl font-bold text-gray-800 lg:text-3xl">JixTech</span>
                    <div class="text-xs text-indigo-600 font-medium">Digital Excellence</div>
                </div>
            </a>

            <!-- Mobile menu button -->
            <div class="flex lg:hidden">
                <button @click="mobileMenuOpen = !mobileMenuOpen" type="button" class="text-gray-500 hover:text-gray-600 focus:outline-none focus:text-gray-600 p-2 rounded-md" aria-label="toggle menu">
                    <svg viewBox="0 0 24 24" class="w-6 h-6 fill-current"><path d="M4 5h16a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2z"></path></svg>
                </button>
            </div>

            <!-- Desktop Menu (Right side) -->
            <div class="hidden lg:flex items-center space-x-6">
                <!-- Domain Dropdown -->
                <div class="relative" x-data="{ open: false }">
                    <button @click="open = !open" class="flex items-center text-gray-700 hover:text-indigo-600 font-medium">
                        <span>Domains</span>
                        <svg class="h-4 w-4 ml-1 transition-transform" :class="{'rotate-180': open}" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg>
                    </button>
                    <div x-show="open" @click.away="open = false" x-transition class="absolute right-0 mt-2 py-2 w-56 bg-white rounded-lg shadow-xl border z-20">
                        <a href="https://mail.jixtech.net/domain-search" class="block px-4 py-2 text-sm text-gray-700 hover:bg-indigo-50">Domain Search</a>
                        <a href="https://mail.jixtech.net/domain-transfer" class="block px-4 py-2 text-sm text-gray-700 hover:bg-indigo-50">Transfer Domain</a>
                        <a href="https://mail.jixtech.net/bulk-domain-search" class="block px-4 py-2 text-sm text-gray-700 hover:bg-indigo-50">Bulk Search</a>
                    </div>
                </div>
                
                <!-- Services Dropdown -->
                <div class="relative" x-data="{ open: false }">
                    <button @click="open = !open" class="flex items-center text-gray-700 hover:text-indigo-600 font-medium">
                        <span>Services</span>
                        <svg class="h-4 w-4 ml-1 transition-transform" :class="{'rotate-180': open}" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg>
                    </button>
                    <div x-show="open" @click.away="open = false" x-transition class="absolute right-0 mt-2 py-2 w-64 bg-white rounded-lg shadow-xl border z-20">
                        <a href="https://mail.jixtech.net/web-development" class="block px-4 py-2 text-sm text-gray-700 hover:bg-indigo-50">Website Development</a>
                        <a href="https://mail.jixtech.net/seo-services" class="block px-4 py-2 text-sm text-gray-700 hover:bg-indigo-50">SEO Services</a>
                    </div>
                </div>

             <a href="https://mail.jixtech.net/about" class="text-gray-700 hover:text-indigo-600 font-medium">About</a>
                
                <a href="https://mail.jixtech.net/cart" class="relative text-gray-700 hover:text-indigo-600 p-2">
                    <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="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path></svg>
                    <template x-if="cartCount > 0"><span class="absolute top-0 right-0 inline-flex items-center justify-center px-2 py-1 text-xs font-bold text-red-100 bg-red-600 rounded-full" x-text="cartCount"></span></template>
                </a>
                
                                    <a href="https://mail.jixtech.net/login" class="px-5 py-2 text-sm text-white bg-indigo-600 rounded-lg hover:bg-indigo-700">Login</a>
                    <a href="https://mail.jixtech.net/register" class="px-5 py-2 text-sm text-indigo-600 border border-indigo-600 rounded-lg hover:bg-indigo-50">Get Started</a>
                            </div>
        </div>

        <!-- Mobile Menu -->
        <div :class="{'block': mobileMenuOpen, 'hidden': !mobileMenuOpen}" class="lg:hidden mt-4 border-t pt-4">
            <div class="flex flex-col space-y-2">
                <div class="font-bold text-gray-500 text-sm uppercase px-1 pt-2">Domains</div>
                <a href="https://mail.jixtech.net/domain-search" class="flex items-center text-gray-600 hover:text-indigo-600 py-2 pl-4 rounded-md hover:bg-indigo-50">Domain Search</a>
                <a href="https://mail.jixtech.net/domain-transfer" class="flex items-center text-gray-600 hover:text-indigo-600 py-2 pl-4 rounded-md hover:bg-indigo-50">Transfer Domain</a>
                <a href="https://mail.jixtech.net/bulk-domain-search" class="flex items-center text-gray-600 hover:text-indigo-600 py-2 pl-4 rounded-md hover:bg-indigo-50">Bulk Search</a>

                <div class="font-bold text-gray-500 text-sm uppercase px-1 pt-4">Services</div>
                <a href="https://mail.jixtech.net/web-development" class="flex items-center text-gray-600 hover:text-indigo-600 py-2 pl-4 rounded-md hover:bg-indigo-50">Website Development</a>
                <a href="https://mail.jixtech.net/seo-services" class="flex items-center text-gray-600 hover:text-indigo-600 py-2 pl-4 rounded-md hover:bg-indigo-50">SEO Services</a>
                
                <div class="border-t my-2"></div>
                <a href="#" class="flex items-center text-gray-600 hover:text-indigo-600 py-2">About</a>
                
                <div class="pt-4 space-y-2">
                                            <a href="https://mail.jixtech.net/login" class="block px-4 py-2 text-sm text-white bg-indigo-600 rounded-lg text-center">Login</a>
                        <a href="https://mail.jixtech.net/register" class="block px-4 py-2 text-sm text-indigo-600 border border-indigo-600 rounded-lg text-center">Get Started</a>
                                    </div>
            </div>
        </div>
    </nav>
</header>    <main>
            </main>
    <footer class="bg-gray-900 text-white relative overflow-hidden">
    <!-- Background Pattern -->
    <div class="absolute inset-0 opacity-5">
        <div class="absolute inset-0 bg-gradient-to-br from-indigo-500/20 to-purple-500/20"></div>
    </div>
    
    <div class="container mx-auto px-6 py-16 relative z-10">
        <div class="grid grid-cols-1 md:grid-cols-4 gap-12">
            <!-- Column 1: About -->
            <div>
                <div class="flex items-center space-x-3 mb-6">
                    <div class="relative">
                        <svg class="w-10 h-10" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <circle cx="25" cy="25" r="23" fill="url(#footerGradient)" stroke="#6366F1" stroke-width="2"/>
                            <path d="M15 20L25 30L35 20" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                            <circle cx="25" cy="15" r="3" fill="white"/>
                            <defs>
                                <linearGradient id="footerGradient" x1="0%" y1="0%" x2="100%" y2="100%">
                                    <stop offset="0%" style="stop-color:#6366F1"/>
                                    <stop offset="100%" style="stop-color:#8B5CF6"/>
                                </linearGradient>
                            </defs>
                        </svg>
                        <div class="absolute -top-1 -right-1 w-4 h-4 bg-yellow-400 rounded-full border-2 border-gray-900"></div>
                    </div>
                    <div>
                        <h3 class="text-2xl font-bold text-white">JixTech</h3>
                        <div class="text-sm text-indigo-400 font-medium">Digital Solutions</div>
                    </div>
                </div>
                
                <p class="text-gray-400 leading-relaxed mb-6 text-sm">
                    Your trusted partner for domain registration, website development, and SEO solutions. Building digital success since 2024.
                </p>
                
                <!-- Social Media Links -->
                <div class="flex space-x-3">
                    <a href="#" class="w-8 h-8 bg-gray-800 rounded-lg flex items-center justify-center hover:bg-indigo-600 transition-all duration-300">
                        <svg class="w-4 h-4 text-gray-400 hover:text-white" fill="currentColor" viewBox="0 0 24 24"><path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/></svg>
                    </a>
                    <a href="#" class="w-8 h-8 bg-gray-800 rounded-lg flex items-center justify-center hover:bg-blue-600 transition-all duration-300">
                        <svg class="w-4 h-4 text-gray-400 hover:text-white" fill="currentColor" viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
                    </a>
                    <a href="#" class="w-8 h-8 bg-gray-800 rounded-lg flex items-center justify-center hover:bg-red-600 transition-all duration-300">
                        <svg class="w-4 h-4 text-gray-400 hover:text-white" fill="currentColor" viewBox="0 0 24 24"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
                    </a>
                    <a href="#" class="w-8 h-8 bg-gray-800 rounded-lg flex items-center justify-center hover:bg-pink-600 transition-all duration-300">
                        <svg class="w-4 h-4 text-gray-400 hover:text-white" fill="currentColor" viewBox="0 0 24 24"><path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.174-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.097.118.112.219.085.339-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.402.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.357-.629-2.758-1.378l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.624 0 11.99-5.367 11.99-11.987C24.007 5.367 18.641.001 12.017.001z"/></svg>
                    </a>
                </div>
            </div>

            <!-- Column 2: Domains -->
            <div>
                <h3 class="font-bold mb-6 text-lg text-white">Domain Services</h3>
                <ul class="space-y-3 text-gray-400 text-sm">
                    <li><a href="https://mail.jixtech.net/domain-search" class="hover:text-indigo-400 transition-colors duration-200">Domain Registration</a></li>
                    <li><a href="https://mail.jixtech.net/domain-transfer" class="hover:text-indigo-400 transition-colors duration-200">Domain Transfer</a></li>
                    <li><a href="https://mail.jixtech.net/bulk-domain-search" class="hover:text-indigo-400 transition-colors duration-200">Bulk Domain Search</a></li>
                    <li><a href="#" class="hover:text-indigo-400 transition-colors duration-200">Domain Renewal</a></li>
                    <li><a href="#" class="hover:text-indigo-400 transition-colors duration-200">WHOIS Lookup</a></li>
                </ul>
            </div>

            <!-- Column 3: Services -->
            <div>
                <h3 class="font-bold mb-6 text-lg text-white">Our Services</h3>
                <ul class="space-y-3 text-gray-400 text-sm">
                    <li><a href="https://mail.jixtech.net/web-development" class="hover:text-indigo-400 transition-colors duration-200">Web Development</a></li>
                    <li><a href="https://mail.jixtech.net/seo-services" class="hover:text-indigo-400 transition-colors duration-200">SEO Services</a></li>
                    <li><a href="#" class="hover:text-indigo-400 transition-colors duration-200">Website Design</a></li>
                    <li><a href="#" class="hover:text-indigo-400 transition-colors duration-200">Digital Marketing</a></li>
                    <li><a href="#" class="hover:text-indigo-400 transition-colors duration-200">Web Hosting</a></li>
                </ul>
            </div>

            <!-- Column 4: Company & Legal -->
            <div>
                <h3 class="font-bold mb-6 text-lg text-white">Company</h3>
                <ul class="space-y-3 text-gray-400 text-sm">
                    <li><a href="https://mail.jixtech.net/about" class="hover:text-indigo-400 transition-colors duration-200">About Us</a></li>
                    <li><a href="#" class="hover:text-indigo-400 transition-colors duration-200">Contact Us</a></li>
                    <li><a href="#" class="hover:text-indigo-400 transition-colors duration-200">Support Center</a></li>
                    <li><a href="#" class="hover:text-indigo-400 transition-colors duration-200">Submit Ticket</a></li>
                </ul>
                
                <!-- Legal Links Section -->
                <div class="mt-6 pt-4 border-t border-gray-700">
                    <h4 class="font-semibold mb-3 text-white text-sm">Legal</h4>
                    <ul class="space-y-2 text-gray-400 text-sm">
                        <li><a href="https://mail.jixtech.net/terms" class="hover:text-indigo-400 transition-colors duration-200">Terms of Service</a></li>
                        <li><a href="https://mail.jixtech.net/privacy" class="hover:text-indigo-400 transition-colors duration-200">Privacy Policy</a></li>
                        <li><a href="https://mail.jixtech.net/refund" class="hover:text-indigo-400 transition-colors duration-200">Refund Policy</a></li>
                    </ul>
                </div>
            </div>
        </div>
        
        <!-- Bottom Section -->
        <div class="mt-16 pt-8 border-t border-gray-700">
            <div class="flex flex-col lg:flex-row justify-between items-center space-y-6 lg:space-y-0">
                <!-- Copyright and Legal -->
                <div class="flex flex-col lg:flex-row items-center space-y-2 lg:space-y-0 lg:space-x-6 text-gray-400 text-sm">
                    <p>© 2026 JixTech.net. All rights reserved. | Building digital success since 2024.</p>
                </div>
                
                <!-- Payment Methods -->
                <div class="flex items-center space-x-2">
                    <span class="text-gray-400 text-sm mr-3">We Accept:</span>
                    <!-- Payment Icons Row -->
                    <div class="flex items-center space-x-3">
                        <!-- UPI -->
                        <div class="bg-white rounded p-1 shadow-sm">
                            <svg class="w-8 h-5" viewBox="0 0 32 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <rect width="32" height="20" rx="2" fill="#FF6600"/>
                                <text x="16" y="13" text-anchor="middle" fill="white" font-family="Arial, sans-serif" font-size="8" font-weight="bold">UPI</text>
                            </svg>
                        </div>
                        <!-- Visa -->
                        <div class="bg-white rounded p-1 shadow-sm">
                            <svg class="w-8 h-5" viewBox="0 0 32 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <rect width="32" height="20" rx="2" fill="#1A1F71"/>
                                <text x="16" y="13" text-anchor="middle" fill="white" font-family="Arial, sans-serif" font-size="6" font-weight="bold">VISA</text>
                            </svg>
                        </div>
                        <!-- Mastercard -->
                        <div class="bg-white rounded p-1 shadow-sm">
                            <svg class="w-8 h-5" viewBox="0 0 32 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <rect width="32" height="20" rx="2" fill="#EB001B"/>
                                <circle cx="12" cy="10" r="5" fill="#FF5F00"/>
                                <circle cx="20" cy="10" r="5" fill="#F79E1B"/>
                            </svg>
                        </div>
                        <!-- American Express -->
                        <div class="bg-white rounded p-1 shadow-sm">
                            <svg class="w-8 h-5" viewBox="0 0 32 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <rect width="32" height="20" rx="2" fill="#006FCF"/>
                                <text x="16" y="13" text-anchor="middle" fill="white" font-family="Arial, sans-serif" font-size="5" font-weight="bold">AMEX</text>
                            </svg>
                        </div>
                        <!-- RuPay -->
                        <div class="bg-white rounded p-1 shadow-sm">
                            <svg class="w-8 h-5" viewBox="0 0 32 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <rect width="32" height="20" rx="2" fill="#1f4e79"/>
                                <text x="16" y="8" text-anchor="middle" fill="white" font-family="Arial, sans-serif" font-size="4" font-weight="bold">RuPay</text>
                                <text x="16" y="15" text-anchor="middle" fill="white" font-family="Arial, sans-serif" font-size="3">India</text>
                            </svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
</body>
</html>