new footer

<footer class="portfolio-footer">

    <div class="footer-wrapper">

        <!-- TOP AREA -->
        <div class="footer-intro">

            <div class="footer-label">
                <span></span>
                HAVE A PROJECT IN MIND?
            </div>

            <p>
                Let's turn your next idea into
                something people remember.
            </p>

        </div>


        <!-- MAIN CTA -->
        <div class="footer-main">

            <div class="cta-text">

                <span>LET'S</span>

                <span class="outline">
                    CREATE
                </span>

                <span>SOMETHING.</span>

            </div>


            <a href="mailto:hello@example.com"
               class="cta-circle">

                <span>START</span>
                <strong>A PROJECT</strong>

                <b>↗</b>

            </a>

        </div>


        <!-- LINKS AREA -->
        <div class="footer-navigation">

            <!-- Brand -->
            <div class="footer-brand">

                <div class="brand-mark">
                    ✦
                </div>

                <div>
                    <strong>YOURNAME</strong>
                    <small>CREATIVE DEVELOPER</small>
                </div>

            </div>


            <!-- Navigation -->
            <div class="footer-column">

                <span>EXPLORE</span>

                <a href="#home">Home</a>
                <a href="#work">Work</a>
                <a href="#about">About</a>
                <a href="#contact">Contact</a>

            </div>


            <!-- Social -->
            <div class="footer-column">

                <span>CONNECT</span>

                <a href="#">Instagram ↗</a>
                <a href="#">LinkedIn ↗</a>
                <a href="#">GitHub ↗</a>
                <a href="#">Dribbble ↗</a>

            </div>


            <!-- Availability -->
            <div class="footer-status">

                <div class="status-title">
                    CURRENT STATUS
                </div>

                <div class="status">
                    <i></i>
                    <span>Available for work</span>
                </div>

                <p>
                    Based in India<br>
                    Working worldwide
                </p>

            </div>

        </div>


        <!-- BOTTOM -->
        <div class="footer-bottom">

            <span>
                © 2026 YOURNAME
            </span>

            <span>
                ALL RIGHTS RESERVED
            </span>

            <a href="#">
                BACK TO TOP ↑
            </a>

        </div>

    </div>

</footer>
```