@push('metadata')
    @php
        $pageId = $seoData['id'];
        $mTitle = @$seoData['seo_title'];
        $mDescr = @$seoData['meta_description'];
        $faqs = $seoData['faq'] ?? '[]';
        $mKWords = $seoData['meta_keywords'];
        $mUrl = url()->current();
        $mImage = config('constants.crypto_presale_ico_marketing_campaign');
    @endphp
    @push('pageId')
        <script>
            window.pageId = "{{ $pageId ?? '' }}";
        </script>
    @endpush
    <title>{{ @$mTitle }}</title>
    {{--<meta name="keywords" content="{{ @$mKWords }}" />--}}
    <meta name="description" content="{{ @$mDescr }}" />
    <meta property=og:locale content="{{ app()->getLocale() }}" />
    <meta property=og:type content="{{config('constants.organisation_type')}}" />
    <meta property="og:site_name" content="Crypto Presale" />
    <meta property="og:title" content="{{ @$mTitle }}" />
    <meta property="og:description" content="{{ @$mDescr }}" />
    <meta property="og:url" content="{{ @$mUrl }}" />
    <meta property="og:image" content="{{ @$mImage }}" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="{{ @$mTitle }}" />
    <meta name="twitter:description" content="{{ @$mDescr }}" />
    <meta name="twitter:url" content="{{ @$mUrl }}" />
    <meta name="twitter:image" content="{{ @$mImage }}" />
    <meta name="twitter:site" content="{{config('constants.twitter_url')}}" />
    <meta name="twitter:creator" content="{{config('constants.twitter_url')}}" />
@endpush
@push('head_scripts')
    {!! SchemaHelper::webpageSchema($mTitle ?? null, $mDescr ?? null) !!}
    {!! SchemaHelper::getBreadcrumbSchema([
    ['name' => 'Home', 'url' => url('/')],
    ['name' => 'Crypto Marketing Services and ICO Campaigns', 'url' => CommonHelper::makeUrl('crypto-presale-ico-marketing-campaign')]
    ]) !!}
    {!! SchemaHelper::getImageObjectSchema($mImage, $mTitle, 1200, 630) !!}
    @if(!empty($seoData['faq']))
    {!! SchemaHelper::getFaqSchema($seoData['faq']) !!}
    @endif
    {!! SchemaHelper::createActionSchema([
    'name' => 'Crypto Presale Ico Marketing Campaign',
    'url' => $mUrl,
    'method' => 'POST',
    'resultType' => 'Person'
    ]) !!}
@endpush
<div>

    <section class="brdcrumb">
        <div class="container">
            <ul class="mb-0">
                <li><a href="{{ URL::to('/') }}" title="Home">Home</a> <i
                        class="fas fa-chevron-right small text-dark ms-2"></i></li>
                <li>{{ @$seoData['breadcrumb'] }}</li>
            </ul>
        </div>
    </section>

    <section>
        <div class="container py-4">
            <div class="row">
                <div class="col-12 text-center top-details headingfont">
                    {!! @$seoData['top_page_content'] !!}
                </div>
                <div class="col-xl-3 col-md-6 mt-3">
                    <div class="feature1 d-flex align-items-center justify-content-center shadow gap-2 rounded-pill">
                        <i class="fas fa-headset" title="technical support"></i>
                        <span class="fw-semibold">24/7 Support Your token Sales</span>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6 mt-3">
                    <div class="feature1 d-flex align-items-center justify-content-center shadow gap-2 rounded-pill">
                        <i class="fas fa-sync-alt" title="Unlimited project updates"></i>
                        <span class="fw-semibold">Unlimited project updates</span>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6 mt-3">
                    <div class="feature1 d-flex align-items-center justify-content-center shadow gap-2 rounded-pill">
                        <i class="fas fa-chart-line" title="Real-time market data"></i>
                        <span class="fw-semibold">Real-time market data</span>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6 mt-3">
                    <div class="feature1 d-flex align-items-center justify-content-center shadow gap-2 rounded-pill">
                        <i class="fas fa-bullhorn" title="Global investor exposure"></i>
                        <span class="fw-semibold">Global investor exposure</span>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section>
        <div class="container">
            <div class="row">
                <div class="col-12 my-3">
                    <div class="gradient-lightblue p-4 rounded-3 shadow">
                        <div class="row align-items-center">
                            <div class="col-lg-8 text-center text-lg-start">
                                <span class="fs-3 fw-semibold d-block">Launch Your Token Sales For Free</span>
                                <span>Start by adding your crypto project.</span>
                            </div>
                            <div class="col-lg-4 text-center text-lg-end mt-3 mt-lg-0">
                                <a href="{{ URL::to('submit-crypto-presale-ico-ido-ieo-projects') }}"
                                    class="text-decoration-none btn mainbluebtn me-2" title="Submit">
                                    Submit Now
                                </a>
                                <a href="{{ URL::to('contact-crypto-presale-team') }}" title="Contact Us"
                                    class="text-decoration-none btn mainbluebtn">
                                    Contact Us
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 text-center my-4">
                    <h2 class="h4 fw-semibold">Why Crypto Presale is Trusted</h2>
                    <div class="row">
                        <div class="col-xl-3 col-6 mt-3">
                            <div class="stat-item1 borderblue shadow">
                                <i class="fas fa-users" title="users"></i>
                                <div class="stat-value1">20+</div>
                                <div class="fs-14 text-secondary">Country Traffic</div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-6 mt-3">
                            <div class="stat-item1 borderblue shadow">
                                <i class="fas fa-list" title="list"></i>
                                <div class="stat-value1">5000+</div>
                                <div class="fs-14 text-secondary">Projects Listed</div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-6 mt-3">
                            <div class="stat-item1 borderblue shadow">
                                <i class="fas fa-paper-plane" title="Request Service"></i>
                                <div class="stat-value1">100K+</div>
                                <div class="fs-14 text-secondary">Social Media Subscribers</div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-6 mt-3">
                            <div class="stat-item1 borderblue shadow">
                                <i class="fas fa-tags" title="Market Volume"></i>
                                <div class="stat-value1">20+</div>
                                <div class="fs-14 text-secondary">Token Categories Covered</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section>
        <div class="container my-4">
            <div class="row">
                <div class="col-12">
                    <h2 class="h4 fw-semibold">Projects We've Helped Launch</h2>
                </div>
                <!-- Replace with PHP loop for projects -->
                @if (!empty($coins))
                    @foreach ($coins as $coin)
                        <div class="col-xl-3 col-lg-4 col-md-6 mt-3">
                            <div class="d-flex align-items-center gap-3 borderblue p-3 rounded-3 shadow-sm project-box">
                                <img src="{{ CommonHelper::s3ImageOrDefault($coin['imageUrl']) }}" width="50" height="50" class="rounded-circle" alt="{{ $coin['name'] }}"
                                    onerror="this.onerror=null; this.src='{{ CommonHelper::imgFallback() }}';" />
                                <span class="d-none">{{$coin['name'] ?? 'Unknown' }}</span>
                                <div>
                                    <span class="fs-author lh-1 fw-bold d-block">{{$coin['name'] ?? 'Unknown' }}</span>
                                    <span class="fs-13 text-secondary">{{ $coin['alias'] ?? 'Uncategorized' }}</span>
                                </div>
                            </div>
                        </div>
                    @endforeach
                @endif
            </div>
        </div>
    </section>

    <section>
        <div class="container mt-5">
            <div class="row justify-content-center">
                <div class="col-12 text-center">
                    <h2 class="h4 fw-semibold">Marketing Solutions</h2>
                </div>
                <div class="col-xl-4 col-lg-6 col-sm-8 mt-3">
                    <div class="promo-card1 service-card1">
                        <div class="promo-icon1 rounded-circle d-flex align-items-center justify-content-center">
                            <i class="fas fa-ad" title="Ad"></i>
                        </div>
                        <span class="h4 fw-semibold">Above Header Banner</span>
                        <p>Your banners are displayed on high traffic category pages to maximize visibility and
                            reach.
                        </p>
                        <div class="d-flex justify-content-between mb-3">
                            <div class="spec1">Size: 1296*104</div>
                        </div>
                        <div class="promo-price1">$1500 / per month</div>
                        <button class="secondary-btn1">Preview</button>
                        <a href="https://t.me/CryptoPresaleBD" rel="nofollow noopener noreferrer"
                            class="btn-main position-relative overflow-hidden primary-btn action-btn1 text-center" title="Book Your Spot">
                            <i class="fas fa-paper-plane me-2"></i>Book Your Spot
                        </a>
                    </div>
                </div>

                <div class="col-xl-4 col-lg-6 col-sm-8 mt-3">
                    <div class="promo-card1 service-card1 featured1">
                        <div class="promo-icon1 rounded-circle d-flex align-items-center justify-content-center">
                            <i class="fas fa-crown" title="Premium Placement"></i>
                        </div>
                        <span class="h4 fw-semibold">Top banner</span>
                        <p>Top of the page. Top of their mind. Advertise on our most visited sections.</p>
                        <div class="d-flex justify-content-between mb-3">
                            <div class="spec1">Size: 855*100</div>
                        </div>
                        <div class="promo-price1">$1000 / per month</div>
                        <button class="secondary-btn1">Preview</button>
                        <a href="https://t.me/CryptoPresaleBD" rel="nofollow noopener noreferrer"
                            class="btn-main position-relative overflow-hidden primary-btn action-btn1 text-center" title="Book Your Spot">
                            <i class="fas fa-paper-plane me-2"></i>Book Your Spot
                        </a>
                    </div>
                </div>

                <div class="col-xl-4 col-lg-6 col-sm-8 mt-3">
                    <div class="promo-card1 service-card1">
                        <div class="promo-icon1 rounded-circle d-flex align-items-center justify-content-center">
                            <i class="fas fa-star" title="Middle Banner"></i>
                        </div>
                        <span class="h4 fw-semibold">Middle Banner</span>
                        <p>Smart placement, strong impact — showcase your brand mid-page on high traffic categories.
                        </p>
                        <div class="d-flex justify-content-between mb-3">
                            <div class="spec1">Size: 416*90</div>
                        </div>
                        <div class="promo-price1">$800 / per month</div>
                        <button class="secondary-btn1">Preview</button>
                        <a href="https://t.me/CryptoPresaleBD" rel="nofollow noopener noreferrer"
                            class="btn-main position-relative overflow-hidden primary-btn action-btn1 text-center" title="Book Your Spot">
                            <i class="fas fa-paper-plane me-2"></i>Book Your Spot
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section>
        <div class="container mt-5">
            <div class="row justify-content-center">
                <div class="col-12 text-center">
                    <h2 class="h4 fw-semibold">Premium Services</h2>
                </div>
                <div class="col-xl-4 col-lg-6 col-sm-8 mt-3">
                    <div class="service-card1">
                        <div class="service-icon1 rounded-circle d-flex align-items-center justify-content-center"><i class="fab fa-telegram" title="Alert System"></i></div>
                        <span class="h4 fw-semibold text-white">Social Media</span>
                        <p>Custom push notifications to our 90k+ subscribers across all devices. Each alert drives 300–500 clicks.</p>
                        <div class="spec1">Telegram/Twitter</div>
                        <div class="service-price1">$100 / per campaign</div>
                        <a href="https://t.me/CryptoPresaleBD" rel="nofollow noopener noreferrer"
                            class="btn-main position-relative overflow-hidden primary-btn me-2 action-btn1 text-center" title="Book Your Spot">
                            <i class="fas fa-paper-plane me-2"></i>Book Your Spot
                        </a>
                    </div>
                </div>

                <div class="col-xl-4 col-lg-6 col-sm-8 mt-3">
                    <div class="service-card1">
                        <div class="service-icon1 rounded-circle d-flex align-items-center justify-content-center"><i class="fas fa-list" title="Verification Badge"></i></div>
                        <span class="h4 fw-semibold text-white">Featured Listing</span>
                        <p>Unlock Listing exposure with a Featured Listing — top placement, top visibility, top
                            results.
                        </p>
                        <div class="spec1">Top feature for 15 days</div>
                        <div class="service-price1">$150 / 15 days</div>
                        <a href="https://t.me/CryptoPresaleBD" rel="nofollow noopener noreferrer"
                            class="btn-main position-relative overflow-hidden primary-btn me-2 action-btn1 text-center" title="Book Your Spot">
                            <i class="fas fa-paper-plane me-2"></i>Book Your Spot
                        </a>
                    </div>
                </div>

                <div class="col-xl-4 col-lg-6 col-sm-8 mt-3">
                    <div class="service-card1">
                        <div class="service-icon1 rounded-circle d-flex align-items-center justify-content-center"><i class="fas fa-crown text-white" title="AMA Session"></i></div>
                        <span class="h4 fw-semibold text-white">Premium Listing</span>
                        <p>A 15-day top Premium front-page spotlight with 24-hour pinned posts on both Twitter and
                            Telegram.</p>
                        <div class="spec1">Top Premium for 15 days</div>
                        <div class="service-price1">$299 / 15 days</div>
                        <a href="https://t.me/CryptoPresaleBD" rel="nofollow noopener noreferrer"
                            class="btn-main position-relative overflow-hidden primary-btn me-2 action-btn1 text-center" title="Book Your Spot">
                            <i class="fas fa-paper-plane me-2"></i>Book Your Spot
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section>
        <div class="container mt-5">
            <div class="row justify-content-center">
                <div class="col-12 text-center">
                    <h2 class="h4 fw-semibold">Add News Services</h2>
                </div>
                <div class="col-xl-4 col-lg-6 col-sm-8 mt-3">
                    <div class="service-card1">
                        <div class="service-icon1 rounded-circle d-flex align-items-center justify-content-center"><i class="fas fa-shield-alt" title="Verification Badge"></i>
                        </div>
                        <span class="h4 fw-semibold text-white">Organic Blog</span>
                        <p>Promote your project through organic content that blends seamlessly with real crypto
                            news.
                        </p>
                        <div class="service-price1">$250 / per Post</div>
                        <a href="https://t.me/CryptoPresaleBD" rel="nofollow noopener noreferrer"
                            class="btn-main position-relative overflow-hidden primary-btn me-2 action-btn1 text-center" title="Book Your Spot">
                            <i class="fas fa-paper-plane me-2"></i>Book Your Spot
                        </a>
                    </div>
                </div>

                <div class="col-xl-4 col-lg-6 col-sm-8 mt-3">
                    <div class="service-card1">
                        <div class="service-icon1 rounded-circle d-flex align-items-center justify-content-center"><i class="fas fa-comments" title="AMA Session"></i></div>
                        <span class="h4 fw-semibold text-white">Press Release Blog</span>
                        <p>Announce your project to thousands of daily crypto readers with a featured Press Release
                            /
                            Guest
                            Post.</p>
                        <div class="service-price1">$150 / per Post</div>
                        <a href="https://t.me/CryptoPresaleBD" rel="nofollow noopener noreferrer"
                            class="btn-main position-relative overflow-hidden primary-btn me-2 action-btn1 text-center" title="Book Your Spot">
                            <i class="fas fa-paper-plane me-2"></i>Book Your Spot
                        </a>
                    </div>
                </div>

                <div class="col-xl-4 col-lg-6 col-sm-8 mt-3">
                    <div class="service-card1">
                        <div class="service-icon1 rounded-circle d-flex align-items-center justify-content-center"><i class="fas fa-bell" title="Alert System"></i></div>
                        <span class="h4 fw-semibold text-white">Listicle Feature</span>
                        <p>Get your project featured on Listicle — where crypto news meets real investor eyes.</p>
                        <div class="service-price1">$75 / per Post</div>
                        <a href="https://t.me/CryptoPresaleBD" rel="nofollow noopener noreferrer"
                            class="btn-main position-relative overflow-hidden primary-btn me-2 action-btn1 text-center" title="Book Your Spot">
                            <i class="fas fa-paper-plane me-2"></i>Book Your Spot
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section>
        <div class="container my-4">
            <div class="row">
                <div class="col-12">
                    <div class="contentview">
                        <div class="details-page">
                            {!! $seoData['description'] !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <livewire:faq-section pageType="advertise" />
    
</div>