{% extends 'base.html' %}
{% load i18n %}
{% block content %}

<div class="container py-1">
    <div class="row justify-content-center">
        <div class="col-lg-11">
            <!-- Hero Header -->
            <div class="text-center mb-2">
                <h1 class="display-4 fw-bold text-primary">BanshiX</h1>
                <p class="lead text-muted">A Modern Marketplace for Everyday Living</p>
            </div>

            <!-- Introduction -->
            <div class="card shadow-sm border-0 mb-5">
                <div class="card-body p-2">
                    <p class="lead">
                        BanshiX is a forward-thinking and customer-focused online marketplace built on the principles of 
                        <strong>trust, accessibility, innovation, and long-term value</strong>.
                    </p>
                    <p>
                        Established in 2014, with over a decade of practical experience in retail and customer service, 
                        BanshiX has grown into a reliable and expanding global platform where individuals and businesses 
                        can confidently buy, sell, and explore a wide range of products in one convenient location.
                    </p>
                </div>
            </div>

            <!-- Our Marketplace -->
            <h3 class="fw-bold mb-4 text-center">Our Marketplace</h3>
            <div class="row g-4 mb-5">
                <div class="col-md-6">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body">
                            <p>
                                BanshiX offers an extensive collection of products across many categories, including:
                            </p>
                            <ul class="list-unstyled">
                                <li class="mb-2"><i class="fas fa-check text-success me-2"></i>Advanced electronics and modern gadgets</li>
                                <li class="mb-2"><i class="fas fa-check text-success me-2"></i>Durable home appliances</li>
                                <li class="mb-2"><i class="fas fa-check text-success me-2"></i>Vehicles and mobility solutions</li>
                                <li class="mb-2"><i class="fas fa-check text-success me-2"></i>Fashion, lifestyle, and personal care</li>
                                <li class="mb-2"><i class="fas fa-check text-success me-2"></i>Skincare and beauty essentials</li>
                                <li class="mb-2"><i class="fas fa-check text-success me-2"></i>Household goods and daily essentials</li>
                                <li class="mb-2"><i class="fas fa-check text-success me-2"></i>Verified pre-owned items</li>
                                <li><i class="fas fa-check text-success me-2"></i>Healthy and well-cared-for pets from our dedicated pet farm</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="card h-100 border-0 shadow-sm bg-light">
                        <div class="card-body">
                            <h5 class="fw-bold">Our Goal</h5>
                            <p class="mb-0">
                                To give customers everything they need in one trusted place, eliminating the stress of searching 
                                across multiple platforms.
                            </p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Vision & Mission -->
            <div class="row g-4 mb-5">
                <div class="col-md-6">
                    <div class="card h-100 shadow-sm">
                        <div class="card-body">
                            <h4 class="fw-bold text-primary mb-3">Our Vision</h4>
                            <p>
                                To become a globally recognized and trusted digital marketplace, known for innovation, 
                                reliability, and customer satisfaction.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="card h-100 shadow-sm">
                        <div class="card-body">
                            <h4 class="fw-bold text-primary mb-3">Our Mission</h4>
                            <ul class="list-unstyled">
                                <li class="mb-2">• Provide a diverse and high-quality product selection</li>
                                <li class="mb-2">• Support both buyers and sellers within one ecosystem</li>
                                <li class="mb-2">• Offer flexible and accessible payment solutions</li>
                                <li class="mb-2">• Maintain a simple, efficient, and user-friendly platform</li>
                                <li>• Deliver honest, transparent, and dependable services</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <!-- What Makes Us Different -->
            <div class="card shadow-sm mb-2">
                <div class="card-body p-2">
                    <h3 class="fw-bold text-center mb-2">What Makes BanshiX Different</h3>
                    <p class="lead text-center">
                        We combine <strong>variety, flexibility, customer empowerment, reliable service, and innovative features</strong> 
                        into one unified platform.
                    </p>
                </div>
            </div>

            <!-- Why Choose BanshiX -->
            <h3 class="fw-bold text-center mb-2">Why Choose BanshiX</h3>
            <div class="row g-4 mb-2">
                <div class="col-md-4">
                    <div class="text-center">
                        <i class="fas fa-award fa-3x text-primary mb-3"></i>
                        <h5>Established Since 2014</h5>
                        <p class="small text-muted">Over a decade of trusted service</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="text-center">
                        <i class="fas fa-handshake fa-3x text-success mb-3"></i>
                        <h5>Flexible Payments</h5>
                        <p class="small text-muted">6 Months, 1 Year &amp; 2 Years Installment Plans</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="text-center">
                        <i class="fas fa-globe fa-3x text-info mb-3"></i>
                        <h5>Worldwide Delivery</h5>
                        <p class="small text-muted">Fast and reliable shipping globally</p>
                    </div>
                </div>
            </div>

            <!-- Our Commitment -->
            <div class="bg-light rounded-3 p-2 text-center">
                <h3 class="fw-bold mb-1">Our Commitment</h3>
                <p class="lead">
                    At BanshiX, we are committed to continuously improving our services and expanding our marketplace 
                    to meet the evolving needs of our customers. We aim to build not just a business, but a long-term 
                    relationship based on trust, value, and reliability.
                </p>
                <p class="mt-2 fw-bold text-primary">BanshiX — Redefining Online Shopping for Everyday Living.</p>
            </div>

        </div>
    </div>
    <!-- Our Story & Commitment -->
    <section class="mb-2">
        <h3 class="fw-bold text-center mb-1">Our Story & Commitment</h3>
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <div class="card shadow-sm border-0 mb-2">
                    <div class="card-body p-2">
                        <h4 class="fw-bold mb-2 text-primary">Driven by Purpose, Built for People</h4>
                        <p class="lead">
                            BanshiX was created from a simple but powerful vision — to build a marketplace where people 
                            can find everything they need, sell what they no longer use, and enjoy flexible payment options 
                            without stress.
                        </p>
                        <p>
                            From the beginning, we recognized a major challenge in online shopping: customers often had 
                            to move from one platform to another just to complete a single purchase. We saw the need for 
                            something better — a complete, all-in-one marketplace that simplifies life.
                        </p>
                    </div>
                </div>

                <div class="row g-4">
                    <div class="col-md-6">
                        <div class="card h-100 shadow-sm">
                            <div class="card-body p-2">
                                <h5 class="fw-bold">Growing With Experience</h5>
                                <p>
                                    Over the years, BanshiX has evolved into a strong and reliable business, built on 
                                    consistency, customer satisfaction, and continuous improvement.
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="card h-100 shadow-sm">
                            <div class="card-body p-2">
                                <h5 class="fw-bold">Customer-Centered Philosophy</h5>
                                <p>
                                    Everything we do at BanshiX is designed around the customer. We provide multiple 
                                    product choices, flexible installment plans, negotiation opportunities, and fair pricing.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="mt-2 p-2 bg-light rounded-3">
                    <h5 class="fw-bold mb-1">Looking Ahead</h5>
                    <p>
                        The future of BanshiX is focused on growth, expansion, and innovation. We are building a platform 
                        that will not only serve today’s needs but also adapt to the demands of tomorrow.
                    </p>
                    <p class="fw-bold text-primary mt-2">
                        BanshiX — Built on Trust, Designed for You.
                    </p>
                </div>
            </div>
        </div>
    </section>

    <!-- Our Values & Business Principles -->
    <section>
        <h2 class="fw-bold text-center mb-5">Our Values & Business Principles</h2>
        
        <div class="row g-4">
            <!-- Values Cards -->
            <div class="col-lg-4">
                <div class="card h-100 shadow-sm border-0">
                    <div class="card-body p-2">
                        <h5 class="fw-bold text-success">1. Trust and Transparency</h5>
                        <p>We maintain clear communication, transparent pricing, and straightforward policies in all transactions.</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="card h-100 shadow-sm border-0">
                    <div class="card-body p-2">
                        <h5 class="fw-bold text-success">2. Customer Satisfaction First</h5>
                        <p>Every product, service, and feature is designed to deliver a smooth and satisfying experience.</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="card h-100 shadow-sm border-0">
                    <div class="card-body p-2">
                        <h5 class="fw-bold text-success">3. Quality Without Compromise</h5>
                        <p>We carefully verify our products — whether new or pre-owned — to ensure they meet high standards.</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="mt-2">
            <div class="card shadow-sm">
                <div class="card-body p-2">
                    <h4 class="fw-bold mb-2">Security & Customer Protection</h4>
                    <p class="mb-2">
                        We take customer protection seriously by ensuring secure payment processes, verified transactions, 
                        safe handling of customer information, and reliable delivery systems.
                    </p>

                    <h5 class="fw-bold mb-3">Our Business Model</h5>
                    <p>
                        BanshiX operates as a multi-functional marketplace combining direct retail sales, pre-owned products, 
                        customer-to-company selling, negotiation-based purchases, and flexible installment solutions.
                    </p>

                    <div class="mt-2">
                        <h5 class="fw-bold">Why Customers Choose BanshiX</h5>
                        <div class="row text-center mt-3">
                            <div class="col-md-3 col-6 mb-3">
                                <i class="fas fa-shield-alt fa-2x text-primary mb-2"></i>
                                <p class="small fw-bold">Secure &amp; Trusted</p>
                            </div>
                            <div class="col-md-3 col-6 mb-3">
                                <i class="fas fa-wallet fa-2x text-success mb-2"></i>
                                <p class="small fw-bold">Flexible Payments</p>
                            </div>
                            <div class="col-md-3 col-6 mb-3">
                                <i class="fas fa-exchange-alt fa-2x text-info mb-2"></i>
                                <p class="small fw-bold">Buy &amp; Sell</p>
                            </div>
                            <div class="col-md-3 col-6 mb-3">
                                <i class="fas fa-globe fa-2x text-warning mb-2"></i>
                                <p class="small fw-bold">Worldwide Delivery</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Final Message -->
        <div class="text-center mt-2 py-2 bg-light rounded-4">
            <h3 class="fw-bold mb-3">Final Word</h3>
            <p class="lead">
                Choosing BanshiX means choosing <strong>Convenience • Flexibility • Security • Value</strong>.<br>
                We are here not just to meet expectations — but to exceed them.
            </p>
            <p class="mt-4 fw-bold text-primary fs-4">
                BanshiX — Trusted Today, Reliable Tomorrow.
            </p>
        </div>
    </section>

</div>

{% endblock %}