

<?php $__env->startSection('title', 'Portfolio | Digital Studio'); ?>
<?php $__env->startPush('scripts'); ?>
    <script type="module" src="<?php echo e(asset('js/index.js')); ?>"></script>
<?php $__env->stopPush(); ?>

<?php $__env->startSection('content'); ?>
    

    

    <section class="showcase-section" style="padding-top:20px;">
        <h2><span>Our</span> Showcase</h2>
        <p>At Digital Studio, we bring your ideas to life through creative design and innovative digital solutions. From standout logos to fully responsive websites and marketing campaigns, our portfolio showcases the results of tailored strategies that drive growth and elevate brands. Explore our work and see how we help businesses across the UK—and beyond—stand out.</p>

        <!-- Filter Menu -->
        <div class="showcase-filter-menu">
            <button class="active">All</button>
            <button>Logo Design</button>
            <button>Website Development</button>
            <button>Ecommerce Web Solutions</button>
            <button>App Design</button>
            <button>Branding</button>
            <button>Social Media Marketing</button>
        </div>

        <!-- Showcase Grid -->
        <div class="showcase-projects">
            <!-- Showcase Six Set 1 -->
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/WebPortfolios1.webp')); ?>" alt="Landing Page 3D Design" class="showcase-card-image-scroll">
                <div class="showcase-info">
                    <span class="showcase-category">Website Development</span>
                    <h3>Landing Page 3D Design Studio</h3>
                    <a href="<?php echo e(route('services')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/EcomPortfolios1.webp')); ?>" alt="Ecommerce Web Solutions" class="showcase-card-image-scroll">
                <div class="showcase-info">
                    <span class="showcase-category">Ecommerce Web Solutions</span>
                    <h3>Ecommerce Web Solutions</h3>
                    <a href="<?php echo e(route('services.ecom')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/BrandPortfolio1.jpg')); ?>" alt="Branding Page Design">
                <div class="showcase-info">
                    <span class="showcase-category">Branding</span>
                    <h3>Branding Page Design</h3>
                    <a href="<?php echo e(route('services.brand')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/LogoPortfolios1.jpg')); ?>" alt="Logo 3D Design">
                <div class="showcase-info">
                    <span class="showcase-category">Logo Design</span>
                    <h3>Logo 3D Design Studio</h3>
                    <a href="<?php echo e(route('services.logo')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
           
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/AppPortfolio1.png')); ?>" alt="Mobile App 3D Design">
                <div class="showcase-info">
                    <span class="showcase-category">App Design</span>
                    <h3>Mobile App 3D Design</h3>
                    <a href="<?php echo e(route('services.app')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/SMMPortfolios1.jpg')); ?>" alt="Mobile App 3D Design">
                <div class="showcase-info">
                    <span class="showcase-category">Social Media Marketing</span>
                    <h3>Social Media Marketing Posts</h3>
                    <a href="<?php echo e(route('services.smm')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            <!-- Showcase Six Set 2 -->
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/EcomPortfolios2.webp')); ?>" alt="Ecommerce Web Solutions" class="showcase-card-image-scroll">
                <div class="showcase-info">
                    <span class="showcase-category">Ecommerce Web Solutions</span>
                    <h3>Landing Page 3D Design Studio</h3>
                    <a href="<?php echo e(route('services.ecom')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/WebPortfolios2.webp')); ?>" alt="Landing Page 3D Design" class="showcase-card-image-scroll">
                <div class="showcase-info">
                    <span class="showcase-category">Website Development</span>
                    <h3>Landing Page 3D Design Studio</h3>
                    <a href="<?php echo e(route('services.web')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
                  
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/AppPortfolio2.png')); ?>" alt="Mobile App 3D Design">
                <div class="showcase-info">
                    <span class="showcase-category">App Design</span>
                    <h3>Mobile App 3D Design</h3>
                    <a href="<?php echo e(route('services.app')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/LogoPortfolios2.png')); ?>" alt="Logo 3D Design">
                <div class="showcase-info">
                    <span class="showcase-category">Logo Design</span>
                    <h3>Logo 3D Design Studio</h3>
                    <a href="<?php echo e(route('services.logo')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>

            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/BrandPortfolio2.png')); ?>" alt="Branding Page Design">
                <div class="showcase-info">
                    <span class="showcase-category">Branding</span>
                    <h3>Branding Page Design</h3>
                    <a href="<?php echo e(route('services.brand')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/SMMPortfolios2.png')); ?>" alt="Mobile App 3D Design">
                <div class="showcase-info">
                    <span class="showcase-category">Social Media Marketing</span>
                    <h3>Social Media Marketing Posts</h3>
                    <a href="<?php echo e(route('services.smm')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            <!-- Showcase Six Set 3 -->
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/EcomPortfolios3.webp')); ?>" alt="Ecommerce Web Solutions" class="showcase-card-image-scroll">
                <div class="showcase-info">
                    <span class="showcase-category">Ecommerce Web Solutions</span>
                    <h3>Landing Page 3D Design Studio</h3>
                    <a href="<?php echo e(route('services.ecom')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/WebPortfolios3.webp')); ?>" alt="Landing Page 3D Design" class="showcase-card-image-scroll">
                <div class="showcase-info">
                    <span class="showcase-category">Website Development</span>
                    <h3>Landing Page 3D Design Studio</h3>
                    <a href="<?php echo e(route('services.web')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
                  
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/AppPortfolio3.png')); ?>" alt="Mobile App 3D Design">
                <div class="showcase-info">
                    <span class="showcase-category">App Design</span>
                    <h3>Mobile App 3D Design</h3>
                    <a href="<?php echo e(route('services.app')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/LogoPortfolios3.jpg')); ?>" alt="Logo 3D Design">
                <div class="showcase-info">
                    <span class="showcase-category">Logo Design</span>
                    <h3>Logo 3D Design Studio</h3>
                    <a href="<?php echo e(route('services.logo')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>

            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/BrandPortfolio3.jpg')); ?>" alt="Branding Page Design">
                <div class="showcase-info">
                    <span class="showcase-category">Branding</span>
                    <h3>Branding Page Design</h3>
                    <a href="<?php echo e(route('services.brand')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/SMMPortfolios3.jpg')); ?>" alt="Mobile App 3D Design">
                <div class="showcase-info">
                    <span class="showcase-category">Social Media Marketing</span>
                    <h3>Social Media Marketing Posts</h3>
                    <a href="<?php echo e(route('services.smm')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            <!-- Showcase Six Set 4 -->
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/EcomPortfolios4.webp')); ?>" alt="Ecommerce Web Solutions" class="showcase-card-image-scroll">
                <div class="showcase-info">
                    <span class="showcase-category">Ecommerce Web Solutions</span>
                    <h3>Landing Page 3D Design Studio</h3>
                    <a href="<?php echo e(route('services.ecom')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/WebPortfolios4.webp')); ?>" alt="Landing Page 3D Design" class="showcase-card-image-scroll">
                <div class="showcase-info">
                    <span class="showcase-category">Website Development</span>
                    <h3>Landing Page 3D Design Studio</h3>
                    <a href="<?php echo e(route('services.web')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
                  
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/AppPortfolio4.png')); ?>" alt="Mobile App 3D Design">
                <div class="showcase-info">
                    <span class="showcase-category">App Design</span>
                    <h3>Mobile App 3D Design</h3>
                    <a href="<?php echo e(route('services.app')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/LogoPortfolios4.jpg')); ?>" alt="Logo 3D Design">
                <div class="showcase-info">
                    <span class="showcase-category">Logo Design</span>
                    <h3>Logo 3D Design Studio</h3>
                    <a href="<?php echo e(route('services.logo')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>

            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/BrandPortfolio4.png')); ?>" alt="Branding Page Design">
                <div class="showcase-info">
                    <span class="showcase-category">Branding</span>
                    <h3>Branding Page Design</h3>
                    <a href="<?php echo e(route('services.brand')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/SMMPortfolios4.jpg')); ?>" alt="Mobile App 3D Design">
                <div class="showcase-info">
                    <span class="showcase-category">Social Media Marketing</span>
                    <h3>Social Media Marketing Posts</h3>
                    <a href="<?php echo e(route('services.smm')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            <!-- Showcase Six Set 5 -->
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/EcomPortfolios5.webp')); ?>" alt="Ecommerce Web Solutions" class="showcase-card-image-scroll">
                <div class="showcase-info">
                    <span class="showcase-category">Ecommerce Web Solutions</span>
                    <h3>Landing Page 3D Design Studio</h3>
                    <a href="<?php echo e(route('services.ecom')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/WebPortfolios5.webp')); ?>" alt="Landing Page 3D Design" class="showcase-card-image-scroll">
                <div class="showcase-info">
                    <span class="showcase-category">Website Development</span>
                    <h3>Landing Page 3D Design Studio</h3>
                    <a href="<?php echo e(route('services.web')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
                  
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/AppPortfolio5.jpg')); ?>" alt="Mobile App 3D Design">
                <div class="showcase-info">
                    <span class="showcase-category">App Design</span>
                    <h3>Mobile App 3D Design</h3>
                    <a href="<?php echo e(route('services.app')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/LogoPortfolios5.jpg')); ?>" alt="Logo 3D Design">
                <div class="showcase-info">
                    <span class="showcase-category">Logo Design</span>
                    <h3>Logo 3D Design Studio</h3>
                    <a href="<?php echo e(route('services.logo')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>

            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/BrandPortfolio5.jpg')); ?>" alt="Branding Page Design">
                <div class="showcase-info">
                    <span class="showcase-category">Branding</span>
                    <h3>Branding Page Design</h3>
                    <a href="<?php echo e(route('services.brand')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/SMMPortfolios5.png')); ?>" alt="Mobile App 3D Design">
                <div class="showcase-info">
                    <span class="showcase-category">Social Media Marketing</span>
                    <h3>Social Media Marketing Posts</h3>
                    <a href="<?php echo e(route('services.smm')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            <!-- Showcase Six Set 6 -->
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/EcomPortfolios6.webp')); ?>" alt="Ecommerce Web Solutions" class="showcase-card-image-scroll">
                <div class="showcase-info">
                    <span class="showcase-category">Ecommerce Web Solutions</span>
                    <h3>Landing Page 3D Design Studio</h3>
                    <a href="<?php echo e(route('services.ecom')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/WebPortfolios6.webp')); ?>" alt="Landing Page 3D Design" class="showcase-card-image-scroll">
                <div class="showcase-info">
                    <span class="showcase-category">Website Development</span>
                    <h3>Landing Page 3D Design Studio</h3>
                    <a href="<?php echo e(route('services.web')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
                  
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/AppPortfolio6.png')); ?>" alt="Mobile App 3D Design">
                <div class="showcase-info">
                    <span class="showcase-category">App Design</span>
                    <h3>Mobile App 3D Design</h3>
                    <a href="<?php echo e(route('services.app')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/LogoPortfolios6.jpg')); ?>" alt="Logo 3D Design">
                <div class="showcase-info">
                    <span class="showcase-category">Logo Design</span>
                    <h3>Logo 3D Design Studio</h3>
                    <a href="<?php echo e(route('services.logo')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>

            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/BrandPortfolio6.jpg')); ?>" alt="Branding Page Design">
                <div class="showcase-info">
                    <span class="showcase-category">Branding</span>
                    <h3>Branding Page Design</h3>
                    <a href="<?php echo e(route('services.brand')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/SMMPortfolios6.jpg')); ?>" alt="Mobile App 3D Design">
                <div class="showcase-info">
                    <span class="showcase-category">Social Media Marketing</span>
                    <h3>Social Media Marketing Posts</h3>
                    <a href="<?php echo e(route('services.smm')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            <!-- Showcase Six Set 7 -->
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/EcomPortfolios7.webp')); ?>" alt="Ecommerce Web Solutions" class="showcase-card-image-scroll">
                <div class="showcase-info">
                    <span class="showcase-category">Ecommerce Web Solutions</span>
                    <h3>Landing Page 3D Design Studio</h3>
                    <a href="<?php echo e(route('services.ecom')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/WebPortfolios7.webp')); ?>" alt="Landing Page 3D Design" class="showcase-card-image-scroll">
                <div class="showcase-info">
                    <span class="showcase-category">Website Development</span>
                    <h3>Landing Page 3D Design Studio</h3>
                    <a href="<?php echo e(route('services.web')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
                  
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/AppPortfolio7.png')); ?>" alt="Mobile App 3D Design">
                <div class="showcase-info">
                    <span class="showcase-category">App Design</span>
                    <h3>Mobile App 3D Design</h3>
                    <a href="<?php echo e(route('services.app')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/LogoPortfolios7.jpg')); ?>" alt="Logo 3D Design">
                <div class="showcase-info">
                    <span class="showcase-category">Logo Design</span>
                    <h3>Logo 3D Design Studio</h3>
                    <a href="<?php echo e(route('services.logo')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>

            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/BrandPortfolio7.jpg')); ?>" alt="Branding Page Design">
                <div class="showcase-info">
                    <span class="showcase-category">Branding</span>
                    <h3>Branding Page Design</h3>
                    <a href="<?php echo e(route('services.brand')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/SMMPortfolios7.jpg')); ?>" alt="Mobile App 3D Design">
                <div class="showcase-info">
                    <span class="showcase-category">Social Media Marketing</span>
                    <h3>Social Media Marketing Posts</h3>
                    <a href="<?php echo e(route('services.smm')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            <!-- Showcase Six Set 8 -->
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/EcomPortfolios8.webp')); ?>" alt="Ecommerce Web Solutions" class="showcase-card-image-scroll">
                <div class="showcase-info">
                    <span class="showcase-category">Ecommerce Web Solutions</span>
                    <h3>Landing Page 3D Design Studio</h3>
                    <a href="<?php echo e(route('services.ecom')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/WebPortfolios8.webp')); ?>" alt="Landing Page 3D Design" class="showcase-card-image-scroll">
                <div class="showcase-info">
                    <span class="showcase-category">Website Development</span>
                    <h3>Landing Page 3D Design Studio</h3>
                    <a href="<?php echo e(route('services.web')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
                  
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/AppPortfolio8.png')); ?>" alt="Mobile App 3D Design">
                <div class="showcase-info">
                    <span class="showcase-category">App Design</span>
                    <h3>Mobile App 3D Design</h3>
                    <a href="<?php echo e(route('services.app')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/LogoPortfolios8.jpg')); ?>" alt="Logo 3D Design">
                <div class="showcase-info">
                    <span class="showcase-category">Logo Design</span>
                    <h3>Logo 3D Design Studio</h3>
                    <a href="<?php echo e(route('services.logo')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>

            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/BrandPortfolio8.jpg')); ?>" alt="Branding Page Design">
                <div class="showcase-info">
                    <span class="showcase-category">Branding</span>
                    <h3>Branding Page Design</h3>
                    <a href="<?php echo e(route('services.brand')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/SMMPortfolios8.jpg')); ?>" alt="Mobile App 3D Design">
                <div class="showcase-info">
                    <span class="showcase-category">Social Media Marketing</span>
                    <h3>Social Media Marketing Posts</h3>
                    <a href="<?php echo e(route('services.smm')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            <!-- Showcase Six Set 9 -->
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/EcomPortfolios9.webp')); ?>" alt="Ecommerce Web Solutions" class="showcase-card-image-scroll">
                <div class="showcase-info">
                    <span class="showcase-category">Ecommerce Web Solutions</span>
                    <h3>Landing Page 3D Design Studio</h3>
                    <a href="<?php echo e(route('services.ecom')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/WebPortfolios9.webp')); ?>" alt="Landing Page 3D Design" class="showcase-card-image-scroll">
                <div class="showcase-info">
                    <span class="showcase-category">Website Development</span>
                    <h3>Landing Page 3D Design Studio</h3>
                    <a href="<?php echo e(route('services.web')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
                  
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/AppPortfolio9.png')); ?>" alt="Mobile App 3D Design">
                <div class="showcase-info">
                    <span class="showcase-category">App Design</span>
                    <h3>Mobile App 3D Design</h3>
                    <a href="<?php echo e(route('services.app')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/LogoPortfolios9.jpg')); ?>" alt="Logo 3D Design">
                <div class="showcase-info">
                    <span class="showcase-category">Logo Design</span>
                    <h3>Logo 3D Design Studio</h3>
                    <a href="<?php echo e(route('services.logo')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>

            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/BrandPortfolio9.jpg')); ?>" alt="Branding Page Design">
                <div class="showcase-info">
                    <span class="showcase-category">Branding</span>
                    <h3>Branding Page Design</h3>
                    <a href="<?php echo e(route('services.brand')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
            
            <div class="showcase-card">
                <img src="<?php echo e(asset('assets/Portfolios/SMMPortfolios9.jpg')); ?>" alt="Mobile App 3D Design">
                <div class="showcase-info">
                    <span class="showcase-category">Social Media Marketing</span>
                    <h3>Social Media Marketing Posts</h3>
                    <a href="<?php echo e(route('services.smm')); ?>" class="showcase-arrow-link"><img src="<?php echo e(asset('assets/square-arrow.svg')); ?>" alt="arrow"></a>
                </div>
            </div>
        </div>

        <button class="showcase-learn-more">Load More</button>
    </section>

    <section class="digital-journey">
        <h1>How Digital Studio Elevates <span>Your Digital<br> Journey</span></h1>
        <p class="description">
            At Digital Studio, we streamline your digital transformation with expert-led services tailored to your goals. Whether it's crafting your brand identity, building a powerful website, or launching a targeted marketing campaign, we make the process seamless and results-driven from start to finish.
        </p>

        <!-- Steps Section -->
        <div class="steps-container">
            <div class="step-box">
                <div class="icon"><img src="<?php echo e(asset('assets/Order.svg')); ?>" alt="Order Form"></div>
                <h3>Submit Your Brief</h3>
                <p>Start by filling out our quick project form with all your requirements. The more we know, the better we can create your vision.</p>
            </div>

            <div class="step-box">
                <div class="icon"><img src="<?php echo e(asset('assets/Payment.svg')); ?>" alt="Payment Process"></div>
                <h3>Secure Your Slot</h3>
                <p>Choose the perfect package for your needs and complete payment securely. Your project then gets assigned to our expert team.</p>
            </div>

            <div class="step-box">
                <div class="icon"><img src="<?php echo e(asset('assets/Delivery.svg')); ?>" alt="Delivery"></div>
                <h3>Design & Deliver</h3>
                <p>We get to work and keep you updated throughout. Once ready, you'll receive the final deliverables with room for feedback and revisions.</p>
            </div>
        </div>
    </section>

    <?php echo $__env->make('includes.function', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\xampp\htdocs\maijitech-projects\company-projects\new brands\laravel1\brand1\resources\views/pages/portfolio.blade.php ENDPATH**/ ?>