{% extends 'front.html.twig' %}

{% block title %}Website Design & Modernisation Sydney | Fast & Mobile Ready | PixelShield Software{% endblock %}

{% block body %}

    <section class="w3l-new-block-1">
        <div class="new-block top-bottom">
            <div class="wrapper">
                <div class="middle-section">
                    <div class="section-width">
                        <h2>Website Design &amp; Modernisation</h2>
                    </div>
                    <div class="link-list-menu">
                        <p>
                            Stop losing leads to a slow, outdated website. We build high-performance, mobile-first websites
                            designed to turn Sydney locals into paying customers.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="w3l-content-with-photo-17">
        <div id="content-with-photo17_sur">
            <div class="wrapper">
                <div class="cwp17-two">
                    <div class="cwp17-image">
                        <img src="{{ asset('images/web-development.png') }}" alt="Mobile responsive website design" />
                    </div>
                    <div class="cwp17-text">
                        <h2>High-Speed Sites Built for Sydney Trades</h2>
                        <p>
                            Most potential customers will leave your website if it takes more than 3 seconds to load.
                            That’s why we don't just "design" sites—we engineer them for speed.
                        </p>
                        <p>
                            By hosting your website on <strong>Google Cloud’s Sydney Data Centres</strong>, we ensure your business website
                            loads instantly for local clients. Combined with our mobile-first approach, your business website will look professional
                            whether it's being viewed on a desktop or a tablet on a job site.
                        </p>
                        <div style="margin-top: 20px;">
                            <ul style="list-style: none; padding-left: 0;">
                                <li style="margin-bottom: 10px;"><span class="fa fa-check-circle" style="color: #28a745;"></span> <strong>SEO Ready:</strong> Built to help you rank higher on Google Maps.</li>
                                <li style="margin-bottom: 10px;"><span class="fa fa-check-circle" style="color: #28a745;"></span> <strong>Mobile First:</strong> 70% of trade leads come from mobile; we make sure you're ready.</li>
                                <li style="margin-bottom: 10px;"><span class="fa fa-check-circle" style="color: #28a745;"></span> <strong>Secure & Fast:</strong> Powered by Google Cloud for maximum reliability.</li>
                            </ul>
                        </div>
                        <a href="{{ path('contact_action') }}" class="btn btn-primary" style="margin-top: 20px; color: white; text-align: center; padding: 10px 20px;">Get a Free Speed Audit &raquo;</a>
                    </div>

                </div>
            </div>
        </div>
    </section>

{% endblock %}