<!-- <button id="back-to-top" class="back-to-top-btn">↑</button> -->
<footer>
    <div class="social-marquee">
        <p>FOLLOW US ON SOCIAL MEDIA <span style="color:#FFE100;">•</span> FOLLOW US ON SOCIAL MEDIA <span
                style="color:#FFE100;">•</span> FOLLOW US ON SOCIAL MEDIA <span style="color:#FFE100;">•</span>
            FOLLOW US ON SOCIAL MEDIA <span style="color:#FFE100;">•</span> FOLLOW US ON SOCIAL MEDIA <span
                style="color:#FFE100;">•</span></p>
        <p>FOLLOW US ON SOCIAL MEDIA <span style="color:#FFE100;">•</span> FOLLOW US ON SOCIAL MEDIA <span
                style="color:#FFE100;">•</span> FOLLOW US ON SOCIAL MEDIA <span style="color:#FFE100;">•</span>
            FOLLOW US ON SOCIAL MEDIA <span style="color:#FFE100;">•</span> FOLLOW US ON SOCIAL MEDIA <span
                style="color:#FFE100;">•</span></p>
    </div>

    <div class="parent">
        <a href="{{ route('social.info') }}" target="_blank" class="div1 social-card">
            <span class="social-icon"><img src="{{ asset('assets/INSTAGRAM.png') }}" alt="INSTAGRAM Logo"></span>
            <h3>INSTAGRAM</h3>
            <p>Share visually appealing snippets of our latest web projects.</p>
            <span class="arrow">↗</span>
        </a>

        <a href="{{ route('social.info') }}" target="_blank" class="div2 social-card">
            <span class="social-icon"><img src="{{ asset('assets/TWITTER.png') }}" alt="TWITTER Logo"></span>
            <h3>TWITTER</h3>
            <p>Tweet about interesting coding challenges you've overcome.</p>
            <span class="arrow">↗</span>
        </a>

        <a href="https://www.facebook.com/BoltonStudio.co.uk" target="_blank" class="div3 social-card">
            <span class="social-icon"><img src="{{ asset('assets/fb.png') }}" alt="DRIBBBLE Logo"></span>
            <h3>FACEBOOK</h3>
            <p>Showcase design elements of our web projects.</p>
            <span class="arrow">↗</span>
        </a>

        <a href="{{ route('social.info') }}" target="_blank" class="div4 social-card">
            <span class="social-icon"><img src="{{ asset('assets/BEHANCE.png') }}" alt="BEHANCE Logo"></span>
            <h3>BEHANCE</h3>
            <p>Create detailed presentations for our projects.</p>
            <span class="arrow">↗</span>
        </a>

        <div class="div5 footer-links">
            <div class="footer-column">
                <h4>Home</h4>
                <a href="{{ route('about') }}">About Us</a>
                <a href="{{ route('contact') }}">Contact Us</a>
                <a href="{{ route('packages') }}">Packages</a>
                <a href="{{ route('portfolio') }}">Portfolio</a>
            </div>
            <div class="footer-column">
                <h4>Services</h4>
                <a href="{{ route('services') }}">Web Development</a>
                <a href="{{ route('services.app') }}">App Development</a>
                <a href="{{ route('services.logo') }}">Logo Design</a>
                <a href="{{ route('services.ecom') }}">Ecommerce Website</a>
            </div>
            <div class="footer-column">
                <h4>Services</h4>
                <a href="{{ route('services.brand') }}">Branding</a>
                <a href="{{ route('services.smm') }}">Social Media Marketing</a>
                <a href="{{ route('services.seo') }}">Seach Engine Optimizeation</a>
            </div>
            <div class="footer-column">
                <h4>Quick Links</h4>
                <a href="{{ route('terms.conditions') }}">Terms & Condition</a>
                <a href="{{ route('privacy.policy') }}">Privacy Policy</a>
            </div>
        </div>
        <div class="div6 newsletter">
            <h5>NEWSLETTER</h5>
            <p>SUBSCRIBE TO OUR NEWSLETTER</p>
            <div class="newsletter-input">
                <input type="email" placeholder="Enter your email">
                <span class="arrow">↗</span>
            </div>
        </div>
        <div class="div7 footer-bottom">
            <p>© 2025 Digital Studio. All rights reserved.</p>
            <p>
                <a href="{{ route('terms.conditions') }}" style="text-decoration: none; color: white;">Terms & Conditions</a>
                <a href="{{ route('privacy.policy') }}" style="text-decoration: none; color: white;">Privacy Policy</a>
            </p>
        </div>
    </div>
</footer>