@extends('frontend.layouts.app')
@section('style')
    @include('frontend.pages.my_store.css')
@endsection
@section('content')
    <div class="slider" id="imageSlider">
        <img src="{{ asset('mystore/slider/finance-investment-2.webp') }}" class="active" alt="slide1">
        <img src="{{ asset('mystore/slider/images.jpeg') }}" alt="slide2">
        <img src="{{ asset('mystore/slider/التمويل-والإستثمار-696x398.jpg') }}" alt="slide3">
        <img src="{{ asset('mystore/slider/تخصص-التمويل-والاستثمار.jpg.webp') }}" alt="slide4">
    </div>

    <section class="cards-section">
        <div class="cards-grid">
            <div class="card">
                <a href="{{ route('frontend.single_store',1) }}">
                    <img src="{{ asset('mystore/download.jpeg') }}" alt="Store">
                </a>
                <h3>إدارة المتجر</h3>
            </div>
            <div class="card">
                <a href="{{ route('frontend.single_store',1) }}">
                    <img src="{{ asset('mystore/download (1).jpeg') }}" alt="Marketing">
                </a>
                <h3>الحملات التسويقية</h3>
            </div>
            <div class="card">
                <a href="{{ route('frontend.single_store',1) }}">
                    <img src="{{ asset('mystore/download (2).jpeg') }}" alt="Export">
                </a>
                <h3>خدمات التصدير</h3>
            </div>
            <div class="card">
                <a href="{{ route('frontend.single_store',1) }}">
                    <img src="{{ asset('mystore/download (3).jpeg') }}" alt="Investment">
                </a>
                <h3>التمويل والاستثمار</h3>
            </div>
        </div>
    </section>

    <section class="delivery-partners-section">
        <div class="partner-card">
            <i class="fas fa-truck"></i>
            <h3>إنشاء حساب مع شركات التوصيل المعتمدة</h3>
            <p>لتتمكن من التوصيل عبر الشركات المعتمدة، قم بإنشاء حساب جديد الآن.</p>
            <button class="btn btn-primary">إنشاء حساب</button>

            <div class="delivery-images">
                <img src="{{ asset('images/ناقل.jpg') }}" alt="ناقل" class="delivery-icon">
                <img style="width: 300px !important; margin-left: -52px !important;" src="{{ asset('images/WhatsApp Image 2025-05-05 at 12.39.52_da441f6a.jpg') }}" alt="ساعي" class="delivery-icon">
            </div>
        </div>
    </section>
    @include('frontend.pages.my_store.js')
@endsection