<?php

$loginURl = $loginURl ?? $community->present()->url('login');
$loginUrl = $loginURl;

$signUpUrl = $signUpUrl ?? $community->present()->url('signup');
$businessRegister = $businessRegister ?? $community->present()->url('ch/regbiz');

return <<<HTML
    <section class="ok-is-block section chamber8-hero">
		<div class="bg-image ok-is-bg-image" style="background-image: url(/themes/frontend/default/images/chamber/1600x600.png);"></div>
        <div class="container w-90 chamber8-hero-inner">
            <div class="chamber8-topbar">
                <div class="chamber8-logo  ok-is-text">
                      <img class="ok-is-image" src="/themes/frontend/default/images/chamber/600x200fPNG.png" alt="Chamber Logo" />
                </div>
                <div class="chamber8-top-actions">
                    <div class="chamber8-social">
                        <a class="ok-is-link ok-is-text" href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                        <a class="ok-is-link ok-is-text" href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                        <a class="ok-is-link ok-is-text" href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                        <a class="ok-is-link ok-is-text" href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    </div>
					<a class="chamber8-login-link ok-is-button ok-paragraph" href="{$loginURl}">LOGIN</a>
                    <a class="chamber8-outline-btn ok-is-button ok-paragraph" href="{$signUpUrl}">BECOME A MEMBER</a>
                </div>
            </div>

            <nav class="chamber8-nav">
               <div class="chamber8-menubar-box ok-is-text" data-ok-no-inline-edit="1">[[COMMUNITY_DYNAMIC_MENUBAR]]</div>
            </nav>

            <div class="chamber8-hero-content">
                 <div class="chamber8-eyebrow ok-is-text fs-18 ts-blur-black mt-neg-25 pt-100">
					REPRESENTING
				 </div>
			
				 <h1 class="chamber8-hero-title ok-is-text fs-52 ecolor-a" style="color: rgb(250, 197, 197);">
					THE VALLEY<br>BUSINESS COMMUNITY
				 </h1>
			
				 <p class="chamber8-hero-subtitle ok-is-text fs-42 amber ls-neg-1 w-85 ts-tr-black">
					Building a stronger business community through Advocacy, Education and Connections
				 </p>
			
				 <p class="chamber8-hero-desc ok-is-text pb-40 ts-blur-black fs-24 case-none font-a fw-bold">
					We are the voice of business for our 1,000 member workforce
				 </p>
            </div>
        </div>
    </section>

    <!-- Block 2: CTA Strip -->
    <section class="ok-is-block section chamber8-cta-strip">
        <div class="container w-90">
            <div class="chamber8-cta-wrap">
                <div>
                    <h2 class="chamber8-cta-title ok-is-text">Join today and take advantage of member benefits</h2>
                    <p class="chamber8-cta-sub ok-is-text">Your membership is not a cost, it’s an investment</p>
                </div>
                <div>
                    <a class="chamber8-primary-btn ok-is-button ok-paragraph" href="{$businessRegister}">Become A Member</a>
                </div>
            </div>
        </div>
    </section>

    <!-- Block 3: Corporate Partners (Row 1) -->
    <section class="ok-is-block section chamber8-partners chamber8-partners-row1">
        <div class="container w-90">
            <h2 class="ok-is-text">Corporate Partners</h2>
            <div class="chamber8-partner-grid">
                <a class="ok-is-link" href="#"><img class="ok-is-image" src="/themes/frontend/default/images/chamber/x.png" alt="Partner 1" /></a>
                <a class="ok-is-link" href="#"><img class="ok-is-image" src="/themes/frontend/default/images/chamber/x_002.png" alt="Partner 2" /></a>
                <a class="ok-is-link" href="#"><img class="ok-is-image" src="/themes/frontend/default/images/chamber/x_003.png" alt="Partner 3" /></a>
                <a class="ok-is-link" href="#"><img class="ok-is-image" src="/themes/frontend/default/images/chamber/x_004.png" alt="Partner 4" /></a>
                <a class="ok-is-link" href="#"><img class="ok-is-image" src="/themes/frontend/default/images/chamber/x_005.png" alt="Partner 5" /></a>
                <a class="ok-is-link" href="#"><img class="ok-is-image" src="/themes/frontend/default/images/chamber/x_006.png" alt="Partner 6" /></a>
                <a class="ok-is-link" href="#"><img class="ok-is-image" src="/themes/frontend/default/images/chamber/x_007.png" alt="Partner 7" /></a>
            </div>
        </div>
    </section>

    <!-- Block 4: Corporate Partners (Row 2) -->
    <section class="ok-is-block section chamber8-partners-row chamber8-partners-row2">
        <div class="container w-90">
            <div class="chamber8-partner-grid">
                <a class="ok-is-link" href="#"><img class="ok-is-image" src="/themes/frontend/default/images/chamber/x_008.png" alt="Partner 8" /></a>
                <a class="ok-is-link" href="#"><img class="ok-is-image" src="/themes/frontend/default/images/chamber/x_009.png" alt="Partner 9" /></a>
                <a class="ok-is-link" href="#"><img class="ok-is-image" src="/themes/frontend/default/images/chamber/x_010.png" alt="Partner 10" /></a>
                <a class="ok-is-link" href="#"><img class="ok-is-image" src="/themes/frontend/default/images/chamber/x_011.png" alt="Partner 11" /></a>
                <a class="ok-is-link" href="#"><img class="ok-is-image" src="/themes/frontend/default/images/chamber/x_012.png" alt="Partner 12" /></a>
                <a class="ok-is-link" href="#"><img class="ok-is-image" src="/themes/frontend/default/images/chamber/x_013.png" alt="Partner 13" /></a>
                <a class="ok-is-link" href="#"><img class="ok-is-image" src="/themes/frontend/default/images/chamber/x_014.png" alt="Partner 14" /></a>
            </div>
        </div>
    </section>

    <!-- Block 5: Corporate Partners (Row 3 - Logos) -->
    <section class="ok-is-block section chamber8-partners-row chamber8-partners-row3">
        <div class="container w-90">
            <div class="chamber8-partner-grid">
                <a class="ok-is-link" href="#"><img class="ok-is-image" src="/themes/frontend/default/images/chamber/x_015.png" alt="Partner 15" /></a>
				<a class="ok-is-link" href="#"><img class="ok-is-image" src="/themes/frontend/default/images/chamber/x.jpg" alt="Partner 16" /></a>
				<a class="ok-is-link" href="#"><img class="ok-is-image" src="/themes/frontend/default/images/chamber/x_018.jpg" alt="Partner 17" /></a>
				<a class="ok-is-link" href="#"><img class="ok-is-image" src="/themes/frontend/default/images/chamber/x_019.jpg" alt="Partner 18" /></a>
				<a class="ok-is-link" href="#"><img class="ok-is-image" src="/themes/frontend/default/images/chamber/x_020.jpg" alt="Partner 19" /></a>
				<a class="ok-is-link" href="#"><img class="ok-is-image" src="/themes/frontend/default/images/chamber/x_021.jpg" alt="Partner 20" /></a>
				<a class="ok-is-link" href="#"><img class="ok-is-image" src="/themes/frontend/default/images/chamber/x_022.jpg" alt="Partner 21" /></a>
            </div>
        </div>
    </section>

    <!-- Block 6: Corporate Partners (Row 3 - Names + CTA) -->
    <section class="ok-is-block section chamber8-partners-row chamber8-partners-row3 chamber8-partners-row3-end">
        <div class="container w-90">
            <div class="chamber8-partner-names ok-is-text">
                Boston Scientific - Neuromodulation | Clarita CPA Group | David Electric | Evolve Business Strategies | FivePoint | Frontier Auto Sales (Toyota) | Guanatos Tacos | Henry Mayo<br/>
                Newhall Hospital | Holiday Rock Co | Integral Communities | Jersey Mike's Subs | Keck Medicine of USC | Magic GMC Cadillac | Magic Maintenance Inc. | N/S Corporation | SCV Water Agency | Six Flags Magic Mountain
            </div>
            <div style="text-align:center;">
                <a class="chamber8-primary-btn ok-is-button ok-paragraph" href="{$signUpUrl}">Become a Corporate Partner</a>
            </div>
        </div>
    </section>

    <!-- Block 4: Stay in Touch -->
    <section class="ok-is-block section chamber8-subscribe">
		<div class="bg-image ok-is-bg-image" style="background-image: url(/themes/frontend/default/images/chamber/header-top.png);"></div>
        <div class="container w-90 chamber8-subscribe-inner">
            <h2 class="ok-is-text ecolor-a">Stay in Touch</h2>
            <p class="ok-is-text ecolor-a">Be up to date on what’s happening at the Valley Chamber.</p>
            <form class="chamber8-form chamber-sub-frm" action="#" method="post">
                <input class="" type="text" name="first_name" placeholder="First Name" />
                <input class="" type="text" name="last_name" placeholder="Last Name" />
                <input class="" type="email" name="email" placeholder="Email Address" />
                <button class="btn chamber-sub-btn ok-is-button ok-paragraph" type="submit">Subscribe</button>
            </form>
        </div>
    </section>

    <!-- Block 5: Footer -->
    <section class="ok-is-block section chamber8-footer">
        <div class="container w-90">
            <div class="ok-is-text">© 2026 Dallas Junior Chamber - The Premier Young Professional Organization in Dallas | Powered by <a href="https://idhubs.com" target="_blank" style="text-decoration: none; color: white;">idhubs</a></div>
        </div>
    </section>
HTML;
