@extends('layouts.app')

@section('title', 'Distributor Guide — IZONE Africa × Magic City')

@section('content')

<section class="page-section">
    <div class="page-card">
        <div class="page-head">
            <h1>Distributor Guide</h1>
            <p>How to sell and dropship with us — step by step.</p>
        </div>

        <div class="dg-note">
            <b>Not a supplier marketplace.</b> IZONE Africa sources and imports on your behalf from trusted global partners (Alibaba, Amazon, eBay and others). We handle sourcing, quality checks and shipping — you handle selling to your customers.
        </div>

        <div class="dg-steps">
            <div class="dg-step">
                <div class="dg-num">1</div>
                <div class="dg-body"><b>Sign In &amp; Connect</b><small>Create an account and tell us about your business — what you sell and where you're based.</small></div>
            </div>
            <div class="dg-step">
                <div class="dg-num">2</div>
                <div class="dg-body"><b>Find Products</b><small>Browse the storefront or send us your sourcing requests. If it's real, genuine and available, we'll source it.</small></div>
            </div>
            <div class="dg-step">
                <div class="dg-num">3</div>
                <div class="dg-body"><b>List Products</b><small>Use our product info, photos and specs to list on your own store or marketplaces.</small></div>
            </div>
            <div class="dg-step">
                <div class="dg-num">4</div>
                <div class="dg-body"><b>Place Order</b><small>Send us your order — we import, quality-check and deliver to your door or straight to your customer.</small></div>
            </div>
        </div>

        <div class="dg-guide">
            <h3>What we handle for you</h3>
            <ul>
                <li><b>Sourcing</b> — real products from global suppliers, no guesswork.</li>
                <li><b>Import &amp; clearance</b> — we manage the shipping journey to Kenya.</li>
                <li><b>Listing support</b> — product data, photos and specifications.</li>
                <li><b>Orders &amp; bulk</b> — single items or bulk dropshipping runs.</li>
                <li><b>Trade assurance</b> — transactions handled through verified channels.</li>
                <li><b>Quality checks</b> — every item inspected before it ships to you.</li>
            </ul>

            <h3>Getting started</h3>
            <ul>
                <li>Start small — one or two products — to learn the flow.</li>
                <li>Keep your margins in mind: ask us for current sourcing quotes.</li>
                <li>Plan 7–14 days for global delivery so your customers know the timeline.</li>
                <li>Reach out on WhatsApp — we'll help you size your first order.</li>
            </ul>
        </div>

        <div class="dg-cta">
            <a class="slide-cta" href="https://wa.me/{{ $shop['contacts']['contact_whatsapp'] ?? '254743293995' }}" target="_blank" rel="noopener">💬 Talk to us on WhatsApp</a>
            <a class="slide-cta magic" href="{{ url('/contact') }}">Book a consultation</a>
        </div>
    </div>
</section>

@endsection