<!-- <button id="back-to-top" class="back-to-top-btn">↑</button> -->
{{-- <footer>

    <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> --}}



<!-- <button id="back-to-top" class="back-to-top-btn">↑</button> -->
<footer>
    <div class="footer-container">
        <div class="footer-top">
            <div class="footer-brand">
                <a href="{{ route('home') }}" class="fw-semibold text-light text-decoration-none">
                    Digital Studio
                </a>

                {{-- <p class="footer-tagline">Creating digital experiences that drive results</p> --}}
            <p class="footer-tagline">
                Digital Studio is a digital creative studio focused on building meaningful and effective online experiences.  
                We work closely with businesses to understand their goals and transform ideas into powerful digital products.  
                Our expertise spans design, development, and scalable solutions tailored to modern brands.  
                Every project is approached with attention to detail, performance, and long-term growth.  
                We aim to create digital solutions that not only look great but deliver real results.
            </p>

            </div>

            <div class="footer-links-grid">
                <div class="footer-column">
                    <h4 class="footer-column-title">Home</h4>
                    <a href="{{ route('about') }}" class="footer-link">About Us</a>
                    <a href="{{ route('contact') }}" class="footer-link">Contact Us</a>
                    <a href="{{ route('packages') }}" class="footer-link">Packages</a>
                    <a href="{{ route('portfolio') }}" class="footer-link">Portfolio</a>
                </div>
                <div class="footer-column">
                    <h4 class="footer-column-title">Services</h4>
                    <a href="{{ route('services') }}" class="footer-link">Web Development</a>
                    <a href="{{ route('services.app') }}" class="footer-link">App Development</a>
                    <a href="{{ route('services.logo') }}" class="footer-link">Logo Design</a>
                    <a href="{{ route('services.ecom') }}" class="footer-link">Ecommerce Website</a>
                </div>
                <div class="footer-column">
                    <h4 class="footer-column-title">More Services</h4>
                    <a href="{{ route('services.brand') }}" class="footer-link">Branding</a>
                    <a href="{{ route('services.smm') }}" class="footer-link">Social Media Marketing</a>
                    <a href="{{ route('services.seo') }}" class="footer-link">Search Engine Optimization</a>
                </div>
                <div class="footer-column">
                    <h4 class="footer-column-title">Legal</h4>
                    <a href="{{ route('terms.conditions') }}" class="footer-link">Terms & Conditions</a>
                    <a href="{{ route('privacy.policy') }}" class="footer-link">Privacy Policy</a>
                </div>
            </div>

            <div class="footer-newsletter">
                <h4 class="newsletter-title">Stay Updated</h4>
                <p class="newsletter-desc">Subscribe to our newsletter for the latest updates</p>
                <div class="newsletter-form">
                    <input type="email" placeholder="Your email address" class="newsletter-input">
                    <button class="newsletter-btn">
                        <span class="arrow">→</span>
                    </button>
                </div>
            </div>
        </div>

        <div class="footer-divider"></div>

        <div class="footer-bottom">
            <p class="copyright">© 2025 Digital Studio. All rights reserved.</p>
            <div class="footer-bottom-links">
                <a href="{{ route('terms.conditions') }}" class="footer-bottom-link">Terms & Conditions</a>
                <span class="divider">|</span>
                <a href="{{ route('privacy.policy') }}" class="footer-bottom-link">Privacy Policy</a>
            </div>
        </div>
    </div>
</footer>