@push('metadata')
@php
$page_id = 36;
$mTitle = @$seoData['seo_title'];
$mDescr = @$seoData['meta_description'];
$faqs = $seoData['faq'] ?? '[]';
$mKWords= $seoData['meta_keywords'];
$mUrl = url()->current();
$mImage = config('constants.advertise');
@endphp

<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_news')}}" />
<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 property="twitter:title" content="{{ @$mTitle }}" />
<meta property="twitter:description" content="{{ @$mDescr }}" />
<meta property="twitter:url" content="{{ @$mUrl }}" />
<meta property="twitter:image" content="{{ @$mImage }}" />
<meta name="twitter:site" content="{{config('constants.twitter_url')}}" />
<meta name="twitter:creator" content="{{config('constants.twitter_url')}}" />
@endpush
<div>

    <section class="brdcrumb">
        <div class="container">
            <ul class="mb-0">
                <li><a href="/" title="Home">Home</a> <i class="fas fa-chevron-right small text-dark ms-2"></i></li>
                <li>Crypto Presale Marketing</li>
            </ul>
        </div>
    </section>

    <section>
        <div class="container py-4">
            <div class="row">
                <div class="col-12 text-center">
                    <h1 class="h2 fw-semibold">Advertise Your Crypto Presale with Active Crypto Investors</h1>
                </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">
                        <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="submit-crypto-presale-ico-ido-ieo-projects"
                                    class="text-decoration-none btn mainbluebtn me-2" title="Submit">
                                    Submit Now
                                </a>
                                <a href="/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">
                    <span class="h3 fw-semibold">Why Crypto Presale is Trusted</span>
                    <div class="row">
                        <div class="col-xl-3 col-sm-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-sm-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-sm-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-sm-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 justify-content-center">
                <div class="col-12">
                    <span class="h2 fw-semibold">Projects We've Helped Launch</span>
                </div>
                <!-- Replace with PHP loop for projects -->
                @if (!empty($coins))
                @foreach ($coins as $coin)
                <div class="col-lg-4 col-md-6 mt-4">
                    <div class="d-flex align-items-center gap-3 borderblue p-3 rounded-3 shadow-sm project-box">
                        <img src="{{ Illuminate\Support\Str::startsWith($coin['image'], 'public/')
      ? 'https://d3iuzwoiyg9qa8.cloudfront.net/webadmin/storage/' . $coin['image']
      : $coin['image'] }}" alt="{{ $coin['name'] ?? 'Coin Display'}}" width="64" height="64" class="rounded-circle"/>
                        <!-- <img src="{{ asset('assets/images/boost.jpg') }}" alt="project" width="64" height="64"
                            class="rounded-circle"> -->
                        <span class="d-none">Banner Images</span>
                        <div>
                            <span class="fs-5 fw-bold d-block">{{$coin['name'] ?? 'Unknown' }}</span>
                            <span class="fs-14 text-secondary">{{ $coin['alias'] ?? 'Uncategorized' }}</span>
                        </div>
                    </div>
                </div>
                @endforeach
                @endif
            </div>
        </div>
    </section>

    <section>
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 text-center">
                    <span class="h2 fw-semibold">Marketing Solutions</span>
                </div>
                <div class="col-xl-4 col-lg-6 col-sm-10 mt-3">
                    <div class="promo-card1">
                        <div class="promo-icon1">
                            <i class="fas fa-ad" title="Ad"></i>
                        </div>
                        <span class="h3 fw-semibold">Above Header Banner</span>
                        <p>Your banners are displayed on high traffic category pages to maximize visibility and
                            reach.
                        </p>
                        <div class="promo-specs1">
                            <div class="spec1">Size: 2972×240</div>
                        </div>
                        <div class="promo-price1">$1500 / per month</div>
                        <button class="secondary-btn1">Preview</button>
                        <a href="https://t.me/CryptoPresaleBD" class="btn-main 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-10 mt-3">
                    <div class="promo-card1 featured1">
                        <div class="promo-icon1">
                            <i class="fas fa-crown" title="Premium Placement"></i>
                        </div>
                        <span class="h3 fw-semibold">Top banner</span>
                        <p>Top of the page. Top of their mind. Advertise on our most visited sections.</p>
                        <div class="promo-specs1">
                            <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" class="btn-main 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-10 mt-3">
                    <div class="promo-card1">
                        <div class="promo-icon1">
                            <i class="fas fa-star" title="Middle Banner"></i>
                        </div>
                        <span class="h3 fw-semibold">Middle Banner</span>
                        <p>Smart placement, strong impact — showcase your brand mid-page on high traffic categories.
                        </p>
                        <div class="promo-specs1">
                            <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" class="btn-main 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 my-4">
            <div class="row justify-content-center">
                <div class="col-12 text-center">
                    <span class="h2 fw-semibold">Premium Services</span>
                </div>
                <div class="col-xl-4 col-lg-6 col-sm-10 mt-3">
                    <div class="service-card1">
                        <div class="service-icon1"><i class="fab fa-telegram" title="Alert System"></i></div>
                        <span class="h3 fw-semibold text-white">Social Media</span>
                        <p>We send 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"
                            class="btn-main 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-10 mt-3">
                    <div class="service-card1">
                        <div class="service-icon1"><i class="fas fa-list" title="Verification Badge"></i></div>
                        <span class="h3 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"
                            class="btn-main 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-10 mt-3">
                    <div class="service-card1">
                        <div class="service-icon1"><i class="fas fa-crown text-white" title="AMA Session"></i></div>
                        <span class="h3 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 (15 days) & Telegram/Twitter</div>
                        <div class="service-price1">$299 / 15 days</div>
                        <a href="https://t.me/CryptoPresaleBD"
                            class="btn-main 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">
            <div class="row justify-content-center">
                <div class="col-12 text-center">
                    <span class="h2 fw-semibold">Add News Services</span>
                </div>
                <div class="col-xl-4 col-lg-6 col-sm-10 mt-3">
                    <div class="service-card1">
                        <div class="service-icon1"><i class="fas fa-shield-alt" title="Verification Badge"></i>
                        </div>
                        <span class="h3 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"
                            class="btn-main 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-10 mt-3">
                    <div class="service-card1">
                        <div class="service-icon1"><i class="fas fa-comments" title="AMA Session"></i></div>
                        <span class="h3 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"
                            class="btn-main 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-10 mt-3">
                    <div class="service-card1">
                        <div class="service-icon1"><i class="fas fa-bell" title="Alert System"></i></div>
                        <span class="h3 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"
                            class="btn-main 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>

</div>