

<?php $__env->startSection('title', 'Search Engine Optimisation | DIGITAL STUDIO'); ?>

<?php $__env->startSection('content'); ?>
    <section class="hero hero-service-detail py-5 position-relative overflow-hidden" data-aos="fade-up">
        <div class="hero-pattern"></div>
        <div class="container py-lg-5 text-center">
            <h2 class="h5 text-primary fw-bold mb-3" data-aos="fade-up" data-aos-delay="100">Search Engine Optimisation</h2>
            <h1 class="display-4 fw-bold mb-4" data-aos="fade-up" data-aos-delay="200">
                Strategic Search Engine <br>
                <span class="text-gradient">Optimisation Solutions</span>
            </h1>
            <p class="lead text-muted mx-auto mb-5" style="max-width: 800px;" data-aos="fade-up" data-aos-delay="300">
                Enhance your online visibility and drive high-calibre traffic through DIGITAL STUDIO’s expert SEO
                solutions. We implement proven strategies, meticulous keyword research, and on-page optimisation to help
                your enterprise rank higher on search engines, generate superior leads, and grow revenue efficiently.
            </p>
            <div data-aos="fade-up" data-aos-delay="400">
                <a href="<?php echo e(route('contact')); ?>" class="btn btn-primary btn-lg px-5 py-3 rounded-pill">
                    Request a Bespoke Quote
                </a>
            </div>
        </div>
    </section>

    <section class="services-detail py-5" data-aos="fade-up">
        <div class="container">
            <div class="text-center mb-5">
                <h2 class="display-5 fw-bold mb-4">
                    Search Engine Optimisation <span class="text-gradient">Expertise</span>
                </h2>
            </div>

            <div class="row g-4">
                <!-- On-Page SEO -->
                <div class="col-lg-8" data-aos="fade-up" data-aos-delay="100">
                    <div class="service-card-detail p-4 bg-white border rounded-3 shadow-sm h-100">
                        <div class="row align-items-center">
                            <div class="col-md-8">
                                <h4 class="fw-bold mb-3">On-Page SEO</h4>
                                <p class="text-muted">
                                    Optimise your website content, architecture, and metadata through our expert on-page SEO
                                    solutions. From keyword-rich headings and content optimisation to internal linking and
                                    mobile-responsiveness.
                                </p>
                                <a href="#" class="text-primary text-decoration-none fw-bold">Read More <i
                                        class="fas fa-arrow-right ms-1"></i></a>
                            </div>
                            <div class="col-md-4 text-center">
                                <img src="<?php echo e(asset('assets/SEO Service (1).png')); ?>" alt="On-Page SEO" class="img-fluid">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4" data-aos="fade-up" data-aos-delay="200">
                    <div class="row g-4 h-100">
                        <!-- Off-Page SEO -->
                        <div class="col-12">
                            <div class="service-card-detail p-4 bg-white border rounded-3 shadow-sm h-100">
                                <h4 class="fw-bold mb-3">Off-Page SEO</h4>
                                <p class="text-muted mb-0">
                                    Strengthen your online authority and build trust with effective off-page SEO strategies,
                                    featuring high-quality backlinks and strategic outreach.
                                </p>
                                <a href="#" class="text-primary text-decoration-none fw-bold mt-2 d-inline-block">Read More
                                    <i class="fas fa-arrow-right ms-1"></i></a>
                            </div>
                        </div>
                        <!-- Hire SEO Strategist -->
                        <div class="col-12">
                            <div
                                class="service-card-detail p-4 bg-primary border rounded-3 shadow-sm h-100 d-flex flex-column justify-content-center">
                                <h4 class="fw-bold mb-3 text-white">Hire a Specialist SEO Strategist</h4>
                                <a href="<?php echo e(route('contact')); ?>"
                                    class="btn btn-light rounded-pill w-100 fw-bold text-primary">
                                    Get Started
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Technical SEO -->
                <div class="col-12" data-aos="fade-up" data-aos-delay="300">
                    <div class="service-card-detail p-4 bg-white border rounded-3 shadow-sm">
                        <div class="row align-items-center">
                            <div class="col-lg-4 text-center">
                                <img src="<?php echo e(asset('assets/SEO Service (2).png')); ?>" alt="Technical SEO" class="img-fluid">
                            </div>
                            <div class="col-lg-8">
                                <h4 class="fw-bold mb-3">Technical SEO Solutions</h4>
                                <p class="text-muted mb-0">
                                    Improve site speed, crawlability, and overall technical performance with our technical
                                    SEO solutions. We optimise your website architecture, rectify indexing issues, implement
                                    structured data, and ensure seamless accessibility for both users and search engine
                                    crawlers.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="platforms py-5 bg-primary-ultra-light" data-aos="fade-up">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6 text-center text-lg-start mb-4 mb-lg-0">
                    <h2 class="fw-bold mb-3">Maximise Your Visibility on Major Search Platforms!</h2>
                    <p class="text-muted">Establish your presence where it matters most! Optimise your online visibility and
                        attract a broader audience on premier search platforms effortlessly.</p>
                </div>
                <div class="col-lg-6">
                    <div class="row g-3 justify-content-center">
                        <?php
                            $searchPlatforms = [
                                'seo logo (1).png' => 'Google',
                                'seo logo (2).png' => 'Bing',
                                'seo logo (3).png' => 'Yahoo',
                                'seo logo (4).png' => 'Yandex'
                            ];
                        ?>

                        <?php $__currentLoopData = $searchPlatforms; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $icon => $name): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div class="col-6 col-md-3" data-aos="fade-up" data-aos-delay="<?php echo e($loop->index * 50); ?>">
                                <div class="platform-card p-3 bg-white border rounded-3 shadow-sm text-center">
                                    <img src="<?php echo e(asset('assets/' . $icon)); ?>" alt="<?php echo e($name); ?>" class="img-fluid mb-2"
                                        style="height: 40px;">
                                    <p class="small mb-0 text-dark fw-bold"><?php echo e($name); ?></p>
                                </div>
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="why-choose-us py-5" data-aos="fade-up">
        <div class="container text-center">
            <h2 class="mb-4 text-dark"><span class="text-primary">Why</span> Partner With Us</h2>
            <p class="text-muted mb-5 mx-auto" style="max-width: 800px;">
                At DIGITAL STUDIO, we assist organisations in elevating their digital presence with expert, competitive,
                and bespoke solutions. Whether you are building a brand from inception or enhancing your existing online
                identity, our services are meticulously tailored to reflect your brand's persona, values, and culture.
                Distinguish your enterprise from the competition with creative strategies that deliver tangible commercial
                results.
            </p>

            <div class="row g-4 justify-content-center">
                <div class="col-md-4" data-aos="fade-up" data-aos-delay="100">
                    <div class="feature-card h-100 p-4">
                        <div class="feature-icon mb-3">
                            <i class="fas fa-headset fa-2x text-primary"></i>
                        </div>
                        <h4 class="h6 mb-0 text-dark fw-bold">24/7 Client Assistance</h4>
                    </div>
                </div>
                <div class="col-md-4" data-aos="fade-up" data-aos-delay="200">
                    <div class="feature-card h-100 p-4">
                        <div class="feature-icon mb-3">
                            <i class="fas fa-users fa-2x text-primary"></i>
                        </div>
                        <h4 class="h6 mb-0 text-dark fw-bold">Professional Specialist Team</h4>
                    </div>
                </div>
                <div class="col-md-4" data-aos="fade-up" data-aos-delay="300">
                    <div class="feature-card h-100 p-4">
                        <div class="feature-icon mb-3">
                            <i class="fas fa-award fa-2x text-primary"></i>
                        </div>
                        <h4 class="h6 mb-0 text-dark fw-bold">Assured Quality</h4>
                    </div>
                </div>
            </div>
        </div>
    </section>
<?php $__env->stopSection(); ?>

<?php $__env->startPush('styles'); ?>
    <style>
        .hero-service-detail {
            background-color: var(--background-color);
            background-image:
                linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.85)),
                url("https://images.unsplash.com/photo-1542744094-24638eff58bb?auto=format&fit=crop&q=80&w=2071");
            background-size: cover;
            background-position: center;
            min-height: 50vh;
            display: flex;
            align-items: center;
            position: relative;
        }

        .hero-pattern {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 86c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm66 3c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm-46-71c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm20 31c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%239929ea' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");
            opacity: 1;
            pointer-events: none;
        }

        .text-gradient {
            background: linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .service-card-detail {
            transition: var(--transition-smooth);
            border: 1px solid var(--border-light);
        }

        .service-card-detail:hover {
            border-color: var(--primary-color);
            transform: translateY(-5px);
            box-shadow: var(--shadow-lg);
        }

        .platform-card {
            transition: var(--transition-smooth);
            border: 1px solid var(--border-light);
        }

        .platform-card:hover {
            border-color: var(--primary-color);
            transform: translateY(-3px);
        }

        .feature-card {
            background: white;
            border-radius: 16px;
            border: 1px solid var(--primary-color);
            transition: var(--transition-smooth);
        }

        .feature-card:hover {
            transform: translateY(-4px);
        }

        .feature-icon {
            width: 80px;
            height: 80px;
            background: var(--primary-ultra-light);
            border-radius: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto;
            transition: var(--transition-smooth);
        }

        .feature-card:hover .feature-icon {
            background: var(--primary-color);
        }

        .feature-card:hover .feature-icon i {
            color: white !important;
        }

        @media (max-width: 767.98px) {
            .hero-service-detail {
                min-height: auto;
                padding: 4rem 0;
            }

            .platform-card {
                padding: 1rem;
            }
        }
    </style>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/unitedwe/brand4.unitedwebdesign.co.uk/brand4/resources/views/pages/services-seo.blade.php ENDPATH**/ ?>