@extends('layouts.master')

@section('title', 'Services | Digital Studio')
@push('scripts')
    <script type="module" src="{{ asset('js/index.js') }}"></script>
@endpush

@section('content')
    {{-- <section class="hero-section">
        <div class="hero-content">
            <h1>Our <span>Services</span></h1>
            <p>At Digital Studio, we thrive on bringing ambitious ideas to life. Whether you're a growing business or an established brand, get in touch today for a free initial consultation!</p>
        </div>
    </section>

    <div class="social-marquee">
        <p>MOBILE APP DEVELOPMENT <span style="color:#FFE100;">•</span> WEBSITE DEVELOPMENT <span style="color:#FFE100;">•</span> DIGITAL MARKETING <span style="color:#FFE100;">•</span> WEBSITE DESIGN <span style="color:#FFE100;">•</span> BRANDING <span style="color:#FFE100;">•</span></p>
        <p>MOBILE APP DEVELOPMENT <span style="color:#FFE100;">•</span> WEBSITE DEVELOPMENT <span style="color:#FFE100;">•</span> DIGITAL MARKETING <span style="color:#FFE100;">•</span> WEBSITE DESIGN <span style="color:#FFE100;">•</span> BRANDING <span style="color:#FFE100;">•</span></p>
        <p>MOBILE APP DEVELOPMENT <span style="color:#FFE100;">•</span> WEBSITE DEVELOPMENT <span style="color:#FFE100;">•</span> DIGITAL MARKETING <span style="color:#FFE100;">•</span> WEBSITE DESIGN <span style="color:#FFE100;">•</span> BRANDING <span style="color:#FFE100;">•</span></p>
    </div> --}}
    
    <section class="services-section">
        <main id="carousel">
            <div class="carousel">
                <img src="{{ asset('assets/Mobile App.svg') }}" alt="Mobile App Development">
                <h1>Mobile App Development</h1>
                <p>
                    Transform your ideas into reality. At Digital Studio, we design high-performance mobile apps that are user-friendly, scalable, and tailored to your business objectives.
                </p>
            </div>

            <div class="carousel">
                <img src="{{ asset('assets/Web Development.svg') }}" alt="Web Development">
                <h1>Web Development</h1>
                <p>
                    Get a powerful, responsive website that represents your brand and drives results. Digital Studio creates sleek, fast, and secure websites built for success.
                </p>
            </div>

            <div class="carousel">
                <img src="{{ asset('assets/Ecoomerce.svg') }}" alt="Ecommerce Website">
                <h1>Ecommerce Website</h1>
                <p>
                    Maximise your sales with a custom eCommerce solution. Our secure, user-focused online stores make shopping simple—for both you and your customers.
                </p>
            </div>

            <div class="carousel">
                <img src="{{ asset('assets/Logo.svg') }}" alt="Logo Design">
                <h1>Logo Design</h1>
                <p>
                    Make a lasting first impression. Our creative team delivers distinctive, memorable logos that capture your brand's identity and speak to your audience.
                </p>
            </div>

            <div class="carousel">
                <img src="{{ asset('assets/Branding.svg') }}" alt="Branding">
                <h1>Branding</h1>
                <p>
                    Build a strong, cohesive brand that connects. From visuals to voice, Digital Studio helps define your identity and ensures consistency across every touchpoint.
                </p>
            </div>

            <div class="carousel">
                <img src="{{ asset('assets/SMM.svg') }}" alt="Social Media Marketing">
                <h1>Social Media Marketing</h1>
                <p>
                    Grow your presence and engage your audience. Our social media experts create data-driven campaigns that drive real results across all platforms.
                </p>
            </div>

            <div class="carousel">
                <img src="{{ asset('assets/SEO.svg') }}" alt="Search Engine Optimization">
                <h1>Search Engine Optimization</h1>
                <p>
                    Boost your visibility on Google and beyond. Digital Studio's SEO strategies improve rankings, attract the right traffic, and increase conversions.
                </p>
            </div>
        </main>
    </section>
    
    <!-- Statistics Section -->
    <div class="stats-container" style="padding-top:100px">
        <div class="stat-box">
            <p class="stat-label">Clients</p>
            <p class="stat-number">200+</p>
        </div>
        <div class="stat-box">
            <p class="stat-label">Projects</p>
            <p class="stat-number">280+</p>
        </div>
        <div class="stat-box">
            <p class="stat-label">Happy Clients</p>
            <p class="stat-number">100%</p>
        </div>
        <div class="stat-box">
            <p class="stat-label">Followers</p>
            <p class="stat-number">420K</p>
        </div>
        <div class="stat-box">
            <p class="stat-label">Years of Experience</p>
            <p class="stat-number">10+</p>
        </div>
    </div>

    <section class="marketing-services">
        <h1>Transforming Businesses into Brands - <span>Avail<br> Finest Digital Marketing Services</span></h1>
        <p class="description">
            Assemble your brands with Certified Logo Maker! We are here to assist organizations with beating their competitors through expert yet reasonable custom advanced advertising arrangements. Our services focus on offering clients administrations according to their brand identity, culture, and values.
        </p>

        <!-- Service Features -->
        <div class="service-features">
            <div class="feature-box-one">
                <div class="feature-icon"><img src="{{ asset('assets/Service.svg') }}" alt="Customer"></div>
                <h3>24/7 Customer Service</h3>
            </div>
            <div class="feature-box">
                <div class="feature-icon"><img src="{{ asset('assets/Team.svg') }}" alt="Team"></div>
                <h3>Team of Professionals</h3>
            </div>
            <div class="feature-box">
                <div class="feature-icon"><img src="{{ asset('assets/Guarantee.svg') }}" alt="Money"></div>
                <h3>100% Money-back Guarantee</h3>
            </div>
            <div class="feature-box">
                <div class="feature-icon"><img src="{{ asset('assets/Quality.svg') }}" alt="Quality"></div>
                <h3>Quality Guaranteed</h3>
            </div>
            <div class="feature-box">
                <div class="feature-icon"><img src="{{ asset('assets/Revision.svg') }}" alt="Revision"></div>
                <h3>Unlimited Revisions</h3>
            </div>
        </div>
    </section>

    <section class="digital-journey">
        <h1>How Digital Studio Elevates <span>Your Digital<br>Journey</span></h1>
        <p class="description">
            Partnering with Digital Studio offers a multitude of advantages. Experience increased brand visibility, enhanced customer engagement, and a higher return on investment. Our tailored solutions are designed to meet your unique business needs, ensuring sustainable growth and lasting success.
        </p>

        <!-- Steps Section -->
        <div class="steps-container">
            <div class="step-box">
                <div class="icon"><img src="{{ asset('assets/Order.svg') }}" alt="Order Form"></div>
                <h3>Order Form</h3>
                <p>Fill out the necessary details in the order form. Be sure to include all relevant information and requirements to ensure accuracy.</p>
            </div>

            <div class="step-box">
                <div class="icon"><img src="{{ asset('assets/Payment.svg') }}" alt="Payment Process"></div>
                <h3>Payment Process</h3>
                <p>Once the form is complete, you will proceed to the payment section. Select the package that best suits your needs.</p>
            </div>

            <div class="step-box">
                <div class="icon"><img src="{{ asset('assets/Delivery.svg') }}" alt="Project Delivery"></div>
                <h3>Delivery</h3>
                <p>After your project is completed, we will send it to you for approval. You can request updates or modifications if necessary.</p>
            </div>
        </div>
    </section>

    <section class="testimonials">
        <h2><span>Our</span> Testimonials</h2>
        <p class="sub-text">
            Don't just take our word for it—hear what our satisfied clients have to say about their experience with Digital Studio. We take pride in building lasting relationships and delivering exceptional results.
        </p>

        <div class="testimonial-container">
            <div class="testimonial-card">
                <p class="testimonial-text">
                    The mobile app Digital Studio developed for us exceeded our expectations. Its user-friendly interface and seamless functionality have earned us rave reviews from our users.
                </p>
                <div class="author">
                    <img src="{{ asset('assets/user_placeholder.jpg') }}" alt="User">
                    <div class="author-info">
                        <h4>Lisa Williams</h4>
                        <p>Head of Product at HealthTech Innovations</p>
                    </div>
                </div>
            </div>

            <div class="testimonial-card">
                <p class="testimonial-text">
                    Working with Digital Studio was a pleasure. Their web design team created a stunning website that perfectly captured our brand's essence. The feedback from our customers has been overwhelmingly positive.
                </p>
                <div class="author">
                    <img src="{{ asset('assets/user_placeholder.jpg') }}" alt="User">
                    <div class="author-info">
                        <h4>Mark Roberts</h4>
                        <p>Founder of GreenEarth Eco Store</p>
                    </div>
                </div>
            </div>

            <div class="testimonial-card">
                <p class="testimonial-text">
                    Digital Studio transformed our outdated website into a modern, responsive platform. Their attention to detail and ability to understand our vision made the entire process smooth and hassle-free.
                </p>
                <div class="author">
                    <img src="{{ asset('assets/user_placeholder.jpg') }}" alt="User">
                    <div class="author-info">
                        <h4>Michael Johnson</h4>
                        <p>Marketing Manager at GlobalTech Solutions</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @include('includes.function')
@endsection