<section class="hero-slider" id="heroSlider" aria-label="Featured banners">
    <div class="hero-slides">

        
        <div class="hero-slide hero-slide--provide is-active" data-slide="0">
            <div class="banner-bg banner-bg--provide" aria-hidden="true">
                <span class="bg-orb bg-orb--teal"></span>
                <span class="bg-orb bg-orb--mint"></span>
            </div>
            <div class="container slide-inner slide-inner--provide">
                <div class="provide-copy slide-animate" data-animate="copy">
                    <span class="hero-badge">GERG · Legends of future</span>
                    <h1>We Provide</h1>
                    <p class="hero-divider"></p>
                    <p class="hero-subtitle">Website, Mobile App, UI/UX, E-Commerce Design and Development Services.</p>
                    <div class="hero-actions">
                        <a href="<?php echo e(route('contact')); ?>" class="btn btn-primary">Contact Now</a>
                        <a href="<?php echo e(route('quotation')); ?>" class="btn btn-outline">Get a Quotation</a>
                    </div>
                </div>
                <div class="provide-showcase slide-animate" data-animate="bento">
                    <article class="showcase-card showcase-card--featured">
                        <div class="showcase-icon"><i class="fas fa-laptop-code"></i></div>
                        <div class="showcase-body">
                            <h3>Web Development</h3>
                            <p>HTML · CSS · PHP · Laravel</p>
                        </div>
                    </article>
                    <article class="showcase-card">
                        <div class="showcase-icon"><i class="fas fa-mobile-screen-button"></i></div>
                        <div class="showcase-body">
                            <h3>Mobile Apps</h3>
                            <p>Android & cross-platform</p>
                        </div>
                    </article>
                    <article class="showcase-card">
                        <div class="showcase-icon"><i class="fas fa-palette"></i></div>
                        <div class="showcase-body">
                            <h3>UI/UX Design</h3>
                            <p>User-centered interfaces</p>
                        </div>
                    </article>
                    <article class="showcase-card">
                        <div class="showcase-icon"><i class="fas fa-store"></i></div>
                        <div class="showcase-body">
                            <h3>E-Commerce</h3>
                            <p>Online stores & payments</p>
                        </div>
                    </article>
                </div>
            </div>
        </div>

        
        <div class="hero-slide hero-slide--editorial" data-slide="1">
            <div class="banner-bg banner-bg--editorial" aria-hidden="true">
                <span class="bg-orb bg-orb--warm"></span>
                <span class="bg-orb bg-orb--cool"></span>
            </div>
            <div class="banner-grain" aria-hidden="true"></div>
            <canvas class="slide-plexus" data-plexus aria-hidden="true"></canvas>
            <div class="container slide-inner slide-inner--editorial">
                <div class="editorial-copy slide-animate" data-animate="copy">
                    <span class="editorial-eyebrow">Golden Era Software Solutions</span>
                    <h1>Your trusted partner in <em>website</em>, <em>Android development</em> And <em>Digital marketing</em>.</h1>
                    <p>Website, UI-UX Design, SEO, Mobile App, Product base E-commerce Design and Development Company</p>
                    <a href="<?php echo e(route('services')); ?>" class="btn btn-glow">Explore More</a>
                </div>
                <div class="editorial-aside slide-animate" data-animate="bento">
                    <div class="aside-card aside-card--featured">
                        <i class="fas fa-globe"></i>
                        <span>Web & UI/UX</span>
                    </div>
                    <div class="aside-card"><i class="fas fa-mobile-screen"></i><span>Mobile Apps</span></div>
                    <div class="aside-card"><i class="fas fa-cart-shopping"></i><span>E-Commerce</span></div>
                    <div class="aside-card"><i class="fas fa-chart-line"></i><span>SEO & Marketing</span></div>
                </div>
            </div>
        </div>

        
        <div class="hero-slide hero-slide--aurora" data-slide="2">
            <div class="banner-bg banner-bg--aurora" aria-hidden="true">
                <span class="bg-orb bg-orb--1"></span>
                <span class="bg-orb bg-orb--2"></span>
                <span class="bg-orb bg-orb--3"></span>
                <span class="bg-grid"></span>
            </div>
            <div class="container slide-inner slide-inner--aurora">
                <div class="banner-slogans">
                    <article class="glass-pill glass-pill--violet slide-animate" data-animate="d1">
                        <span class="pill-label">We're</span>
                        <strong>MINIMALIST</strong>
                    </article>
                    <article class="glass-pill glass-pill--amber slide-animate" data-animate="d2">
                        <span class="pill-label">We're</span>
                        <strong>GESSC</strong>
                    </article>
                    <article class="glass-pill glass-pill--sky slide-animate" data-animate="d3">
                        <span class="pill-label">We're</span>
                        <strong>PASSIONATE</strong>
                    </article>
                </div>

                <div class="banner-hub slide-animate" data-animate="hub" aria-hidden="true">
                    <div class="hub-ring hub-ring--outer"></div>
                    <div class="hub-ring hub-ring--inner"></div>
                    <div class="hub-core">
                        <span class="hub-logo">G</span>
                        <small>GERG</small>
                    </div>
                    <div class="hub-orbit-item hub-orbit-item--1" title="Website Design">
                        <i class="fas fa-globe"></i>
                    </div>
                    <div class="hub-orbit-item hub-orbit-item--2" title="Mobile Apps">
                        <i class="fas fa-mobile-screen"></i>
                    </div>
                    <div class="hub-orbit-item hub-orbit-item--3" title="UI/UX Design">
                        <i class="fas fa-pen-ruler"></i>
                    </div>
                    <div class="hub-orbit-item hub-orbit-item--4" title="E-Commerce">
                        <i class="fas fa-cart-shopping"></i>
                    </div>
                    <div class="hub-stats">
                        <div class="hub-stat"><strong>Web</strong><span>Development</span></div>
                        <div class="hub-stat"><strong>Mobile</strong><span>Android & iOS</span></div>
                        <div class="hub-stat"><strong>Digital</strong><span>Marketing</span></div>
                    </div>
                    <svg class="hub-lines" viewBox="0 0 200 200" aria-hidden="true">
                        <line x1="100" y1="100" x2="30" y2="50" />
                        <line x1="100" y1="100" x2="170" y2="50" />
                        <line x1="100" y1="100" x2="30" y2="150" />
                        <line x1="100" y1="100" x2="170" y2="150" />
                    </svg>
                </div>

                <div class="banner-panel glass-device slide-animate" data-animate="tech">
                    <div class="device-frame">
                        <div class="device-bar"><span></span><span></span><span></span></div>
                        <div class="device-code">
                            <code><span class="tok-kw">function</span> build() {<br>&nbsp;&nbsp;<span class="tok-fn">return</span> <span class="tok-str">'success'</span>;<br>}</code>
                        </div>
                    </div>
                    <div class="stack-tags">
                        <span class="stack-tag">JAVA</span>
                        <span class="stack-tag">PHP</span>
                        <span class="stack-tag">JS</span>
                        <span class="stack-tag">HTML</span>
                        <span class="stack-tag">C++</span>
                    </div>
                    <div class="device-extras">
                        <span class="device-extra"><i class="fas fa-shield-halved"></i> Secure</span>
                        <span class="device-extra"><i class="fas fa-bolt"></i> Fast</span>
                        <span class="device-extra"><i class="fas fa-arrows-rotate"></i> Agile</span>
                    </div>
                </div>
            </div>
        </div>

        <div class="hero-banner-footer">
            <div class="hero-dots" id="heroDots" role="tablist" aria-label="Slide pagination">
                <button type="button" class="hero-dot is-active" data-index="0" aria-label="Slide 1" aria-selected="true"></button>
                <button type="button" class="hero-dot" data-index="1" aria-label="Slide 2" aria-selected="false"></button>
                <button type="button" class="hero-dot" data-index="2" aria-label="Slide 3" aria-selected="false"></button>
            </div>
        </div>
    </div>
</section>
<?php /**PATH D:\GOLDEN ERA SOFTWARE\resources\views/partials/hero-slideshow.blade.php ENDPATH**/ ?>