<?php get_header();
$name = get_theme_mod('jc_name','James Cushman');
$role = get_theme_mod('jc_role','Founder | Product Architect | Software Developer');
$hero = get_theme_mod('jc_hero_text','Building smart, scalable technology that solves real-world problems.');
$email = get_theme_mod('jc_email','james@jamescushman.com');
$linkedin = get_theme_mod('jc_linkedin','https://www.linkedin.com/in/james-cushman-915229139/');
$resume = 'https://jamescushman.com/wp-content/themes/jamescushman-theme-v1.5.3/assets/documents/james-cushman-resume.pdf';

$jc_images = trailingslashit(get_template_directory_uri()) . 'assets/images/blueprint/';
?>
<section class="jc-hero" id="home">
<div class="jc-hero-artwork" aria-hidden="true">
  <img
    class="jc-hero-artwork-image"
    src="<?php echo esc_url(get_template_directory_uri() . '/assets/images/hero-background.png'); ?>"
    alt=""
  >

  <div class="jc-hero-pulses"></div>
</div>
  <header class="jc-site-header">
    <div class="jc-container jc-header-inner">
      <a class="jc-brand" href="<?php echo esc_url(home_url('/')); ?>">
        <span class="jc-monogram">JC</span>

        <span class="jc-brand-text">
          <strong><?php echo esc_html(strtoupper($name)); ?></strong>

          <small class="jc-domain">
            <span class="jc-domain-name">jamescushman</span>
            <span class="jc-domain-ext">.com</span>
          </small>
        </span>
      </a>

      <button
        class="jc-menu-toggle"
        aria-expanded="false"
        aria-controls="jc-primary-nav"
      >
        Menu
      </button>

      <nav
        class="jc-nav"
        id="jc-primary-nav"
        aria-label="Primary Navigation"
      >
        <?php
        wp_nav_menu(array(
          'theme_location' => 'primary',
          'container'      => false,
          'fallback_cb'    => 'jc_default_menu',
        ));
        ?>
      </nav>
    </div>
  </header>


  <div class="jc-container jc-hero-inner">

    <div class="jc-hero-copy">
      <h1>
        <span>JAMES</span>
        <span>CUSHMAN</span>
      </h1>

      <p class="jc-role">
        <?php
        $role_parts = array_filter(array_map('trim', explode('|', $role)));

        foreach ($role_parts as $index => $role_part) {
          if ($index > 0) {
            echo '<span class="jc-role-sep" aria-hidden="true">|</span>';
          }

          echo '<span class="jc-role-text">' . esc_html($role_part) . '</span>';
        }
        ?>
      </p>

      <p class="jc-hero-lead">
        <?php echo esc_html($hero); ?>
      </p>

      <div class="jc-rule"></div>

      <div class="jc-traits">
        <!-- your existing traits -->
      </div>

      <div class="jc-buttons">
        <a class="jc-btn jc-btn-primary" href="#projects">
          View My Work →
        </a>

        <a
          class="jc-btn"
          href="<?php echo esc_url($resume); ?>"
          target="_blank"
          rel="noopener noreferrer"
        >
          Download Resume ↓
        </a>
      </div>
    </div>

    <div class="jc-hero-visual" aria-hidden="true"></div>

  </div>
</section>

<section class="jc-intro" id="what-i-do"><div class="jc-container jc-center"><p class="jc-eyebrow">What I Do</p><h2 class="jc-section-title">Architect. Build. Improve.</h2><p class="jc-section-copy">I design and build technology platforms that connect people, data, and ideas in meaningful ways.</p></div></section>
<section class="jc-services-wrap">
  <div class="jc-container">

    <?php
    $services = array(

      array(
        'id'            => 'product-architecture',
        'title'         => 'Product Architecture',
        'modal_eyebrow' => 'Product Architecture',
        'card_text'     => 'Designing scalable, maintainable systems that support growth and innovation.',
        'modal_title'   => 'Designing Systems That Scale',
        'icon_file'     => 'what-i-do/product-architecture.svg',
        'paragraphs'    => array(
          'Great software begins with great architecture.',
          'Before writing code, I focus on understanding the problem, defining clear requirements, and designing a foundation that can evolve as needs change. Strong architecture is not just about today’s solution—it is about creating systems that remain maintainable, extensible, and reliable for years to come.',
          'I enjoy breaking complex challenges into manageable components, identifying relationships between data, users, and processes, and designing software that grows without becoming increasingly difficult to maintain.',
          'Whether building an enterprise application, a public platform, or an internal business tool, I believe thoughtful architecture reduces technical debt, simplifies future development, and creates better experiences for both users and developers.'
        ),
        'statement' => 'Strong products are built on strong foundations.'
      ),

      array(
        'id'            => 'software-development',
        'title'         => 'Software Development',
        'modal_eyebrow' => 'Software Development',
        'card_text'     => 'Building robust applications with clean code and modern technologies.',
        'modal_title'   => 'Building Reliable Solutions',
        'icon_file'     => 'what-i-do/software-development.svg',
        'paragraphs'    => array(
          'Software development is more than writing code—it is about solving problems.',
          'I enjoy transforming ideas into practical, maintainable applications that deliver measurable value. My experience spans desktop applications, web technologies, automation, data integration, manufacturing systems, and business software, always with an emphasis on reliability, performance, and usability.',
          'I believe clean code, thoughtful organization, and continuous refinement are essential to building software that teams can confidently maintain and extend.',
          'Every project presents an opportunity to learn, improve, and deliver a better experience than the version before it.'
        ),
        'statement' => 'Clean code creates reliable software.'
      ),

      array(
        'id'            => 'systems-design',
        'title'         => 'Systems Design',
        'modal_eyebrow' => 'Systems Design',
        'card_text'     => 'Creating efficient databases and integrations that power complex workflows.',
        'modal_title'   => 'Connecting Data, People, and Processes',
        'icon_file'     => 'what-i-do/systems-design.svg',
        'paragraphs'    => array(
          'Modern software rarely exists in isolation.',
          'Successful systems connect data, users, business rules, and external services into a cohesive experience that feels seamless to the people using it.',
          'I enjoy designing data models, defining workflows, integrating disparate systems, and creating architectures that allow information to move efficiently throughout an organization.',
          'Whether integrating manufacturing data, building enterprise applications, or developing large-scale web platforms, my goal is always the same: create systems that simplify complexity rather than add to it.'
        ),
        'statement' => 'The best systems make complexity invisible.'
      ),

      array(
        'id'            => 'user-experience',
        'title'         => 'User Experience',
        'modal_eyebrow' => 'User Experience',
        'card_text'     => 'Turning complex workflows into intuitive, seamless experiences.',
        'modal_title'   => 'Designing Around People',
        'icon_file'     => 'what-i-do/user-experience.svg',
        'paragraphs'    => array(
          'Technology should feel intuitive.',
          'The best software allows users to focus on their goals rather than the interface itself.',
          'Every interaction—from navigation and layout to workflows and feedback—should reduce friction and make complex tasks easier to understand.',
          'I believe great user experience begins long before visual design. It starts by understanding the people using the software, observing how they work, identifying pain points, and designing solutions that support their natural workflow.',
          'When software feels effortless, people become more productive, more confident, and more willing to embrace change.'
        ),
        'statement' => 'Technology succeeds when people do not have to think about it.'
      )

    );
    ?>

    <div class="jc-card-grid">

      <?php foreach ($services as $service): ?>

        <button
          class="jc-service-card"
          type="button"
          data-jc-modal="<?php echo esc_attr($service['id']); ?>"
          aria-haspopup="dialog"
          aria-controls="jc-modal-<?php echo esc_attr($service['id']); ?>"
        >
          <img
            class="jc-service-icon"
            src="<?php echo esc_url($jc_images . $service['icon_file']); ?>"
            alt=""
            aria-hidden="true"
          >

          <h3>
            <?php echo esc_html($service['title']); ?>
          </h3>

          <p>
            <?php echo esc_html($service['card_text']); ?>
          </p>

          <span class="jc-card-more">
            Explore the pillar
            <span aria-hidden="true">→</span>
          </span>
        </button>

      <?php endforeach; ?>

    </div>
  </div>
</section>
<div class="jc-modal-layer" id="jc-modal-layer" hidden>
<section
  class="jc-modal jc-approach-modal"
  id="jc-modal-approach"
  role="dialog"
  aria-modal="true"
  aria-labelledby="jc-modal-title-approach"
  tabindex="-1"
  hidden
>
  <button
    class="jc-modal-close"
    type="button"
    aria-label="Close approach modal"
    data-jc-modal-close
  >
    <span aria-hidden="true">×</span>
  </button>





<div class="jc-approach-heading">

  <div class="jc-modal-icon-wrap">
    <img
      class="jc-modal-icon"
      src="<?php echo esc_url($jc_images . 'approach/purpose.svg'); ?>"
      alt=""
      aria-hidden="true"
    >
  </div>

  <p class="jc-modal-eyebrow jc-approach-eyebrow">
    My Approach
  </p>

  <h2 id="jc-modal-title-approach">
    Building Technology with Purpose
  </h2>

  <p class="jc-approach-intro">
    <span>
      The best software isn't measured by the number of features it contains-It's measured by how naturally people use it.
    </span>

    <span>
      My goal isn't simply to build software that works. It's to build systems that feel intuitive, scale gracefully, and continue delivering value long after they're launched.
    </span>
  </p>

</div>

<div class="jc-approach-grid">

    <article class="jc-approach-card">
      <h3>Systems Thinking</h3>

      <p>
        Great software isn't a collection of isolated features. It's a system.
      </p>

      <p>
        Every decision affects user experience, performance, scalability,
        maintainability, and business goals. I believe successful products are
        built by understanding how those pieces work together rather than
        optimizing each one independently.
      </p>
    </article>

    <article class="jc-approach-card">
      <h3>Simplicity Is Hard</h3>

      <p>
        Simple software is rarely simple to build.
      </p>

      <p>
        Behind every intuitive interface should be thoughtful architecture,
        careful planning, and countless small decisions that remove unnecessary
        complexity from the user's experience.
      </p>

      <p>
        I strive to make powerful systems feel effortless.
      </p>
    </article>

    <article class="jc-approach-card">
      <h3>Design with Intent</h3>

      <p>
        Every button, workflow, and interaction should have a purpose.
      </p>

      <p>
        Rather than asking, “What features can we add?” I prefer asking,
        “What problem are we solving?”
      </p>

      <p>
        Removing unnecessary complexity often creates more value than adding
        another feature.
      </p>
    </article>

    <article class="jc-approach-card">
      <h3>Build for Tomorrow</h3>

      <p>
        I rarely design software only for today's requirements.
      </p>

      <p>
        Applications should be flexible enough to evolve as users, businesses,
        and technologies change. Building with scalability in mind reduces
        technical debt and creates products that continue delivering value long
        after launch.
      </p>
    </article>

    <article class="jc-approach-card">
      <h3>Technology Should Empower People</h3>

      <p>
        The best technology often goes unnoticed.
      </p>

      <p>
        When software allows someone to accomplish a goal without frustration,
        confusion, or unnecessary effort, it's doing exactly what it was
        designed to do.
      </p>

      <p>
        Success isn't measured by how impressive the technology looks. It's
        measured by the impact it has on the people using it.
      </p>
    </article>

    <article class="jc-approach-card">
      <h3>Continuous Improvement</h3>

      <p>
        No product is ever truly finished.
      </p>

      <p>
        Every release creates new opportunities to learn, refine, and improve.
        I embrace iterative development because the best products evolve through
        observation, feedback, and continuous refinement.
      </p>
    </article>

    <article class="jc-approach-card">
      <h3>Leadership Through Collaboration</h3>

      <p>
        The strongest technical solutions rarely come from one person working
        alone.
      </p>

      <p>
        I value open communication, thoughtful discussion, and collaboration
        across technical and non-technical disciplines. The best ideas emerge
        when diverse perspectives are brought together around a shared goal.
      </p>
    </article>

    <article class="jc-approach-card">
      <h3>How I Begin</h3>

      <p>
        I don't start by choosing a programming language or framework.
      </p>

      <p>
        I start by asking:
      </p>

      <ul>
        <li>Who are we building this for?</li>
        <li>What problem are we solving?</li>
        <li>How should success be measured?</li>
        <li>How can we make the experience simpler?</li>
        <li>What happens when the product grows?</li>
      </ul>

      <p>
        Technology is the tool. The experience is the goal.
      </p>
    </article>

  </div>

  <section class="jc-principles-panel">
    <p class="jc-modal-eyebrow">Engineering Principles</p>

    <div class="jc-principles-grid">

      <div class="jc-principle-row">
        <strong>Purpose</strong>
        <span>Every feature should solve a real problem.</span>
      </div>

      <div class="jc-principle-row">
        <strong>Simplicity</strong>
        <span>Complexity belongs behind the scenes.</span>
      </div>

      <div class="jc-principle-row">
        <strong>Architecture</strong>
        <span>Strong foundations make future growth possible.</span>
      </div>

      <div class="jc-principle-row">
        <strong>Scalability</strong>
        <span>Build today with tomorrow in mind.</span>
      </div>

      <div class="jc-principle-row">
        <strong>Reliability</strong>
        <span>Software should be dependable and maintainable.</span>
      </div>

      <div class="jc-principle-row">
        <strong>User Experience</strong>
        <span>Great software should feel intuitive from the first interaction.</span>
      </div>

      <div class="jc-principle-row">
        <strong>Improvement</strong>
        <span>Every version should be better than the last.</span>
      </div>

    </div>
  </section>

  <section class="jc-lessons-panel">
    <p class="jc-modal-eyebrow">Lessons I've Learned</p>

    <ul>
      <li>The first solution is rarely the best solution.</li>
      
      <li>Users care about outcomes, not implementation details.</li>
      <li>Good architecture gives future decisions room to breathe.</li>
      <li>The smallest details often shape the overall experience.</li>
      <li>Listen to feedback, but design with intention.</li>
      <li>Great products are built through iteration, not inspiration.</li>
      <li>Removing complexity is often more valuable than adding features.</li>
    </ul>
  </section>

  <blockquote class="jc-modal-statement jc-approach-closing">
    <strong>Architect. Build. Improve.</strong>

    <span>
      Thoughtful architecture creates strong foundations, disciplined
      engineering transforms ideas into reliable software, and continuous
      improvement ensures technology continues delivering value long after
      release.
    </span>
  </blockquote>
</section>
  <div class="jc-modal-backdrop" data-jc-modal-close></div>

  <?php foreach ($services as $service): ?>
    <section
      class="jc-modal"
      id="jc-modal-<?php echo esc_attr($service['id']); ?>"
      role="dialog"
      aria-modal="true"
      aria-labelledby="jc-modal-title-<?php echo esc_attr($service['id']); ?>"
      tabindex="-1"
      hidden
    >
      <button
        class="jc-modal-close"
        type="button"
        aria-label="Close modal"
        data-jc-modal-close
      >
        <span aria-hidden="true">×</span>
      </button>

      <div class="jc-modal-icon-wrap">
        <img
          class="jc-modal-icon"
          src="<?php echo esc_url($jc_images . $service['icon_file']); ?>"
          alt=""
          aria-hidden="true"
        >
      </div>

<p class="jc-modal-eyebrow jc-modal-eyebrow-line">
<?php echo esc_html($service['modal_eyebrow']); ?>
</p>

      <h2 id="jc-modal-title-<?php echo esc_attr($service['id']); ?>">
        <?php echo esc_html($service['modal_title']); ?>
      </h2>

      <div class="jc-modal-copy">
        <?php foreach ($service['paragraphs'] as $paragraph): ?>
          <p><?php echo esc_html($paragraph); ?></p>
        <?php endforeach; ?>
      </div>

      <blockquote class="jc-modal-statement">
        <?php echo esc_html($service['statement']); ?>
      </blockquote>
    </section>
  <?php endforeach; ?>

  <!-- CONTACT MODAL -->
  <section
    class="jc-modal jc-contact-modal"
    id="jc-modal-contact"
    role="dialog"
    aria-modal="true"
    aria-labelledby="jc-modal-title-contact"
    tabindex="-1"
    hidden
  >
    <button
      class="jc-modal-close"
      type="button"
      aria-label="Close contact form"
      data-jc-modal-close
    >
      <span aria-hidden="true">×</span>
    </button>

    <div class="jc-modal-icon-wrap">
<img
  class="jc-contact-icon"
  src="<?php echo esc_url($jc_images . 'contact/email.svg'); ?>"
  alt=""
  aria-hidden="true"
>
    </div>

    <p class="jc-modal-eyebrow jc-modal-eyebrow-line">
        Start a Conversation
                            </p>

    <h2 id="jc-modal-title-contact">
      Let’s Build Something Meaningful
    </h2>

    <p class="jc-contact-intro">
      Have a project, opportunity, or idea you’d like to discuss?
      Send me a message and I’ll get back to you as soon as possible.
    </p>

    <form class="jc-contact-form" id="jc-contact-form" novalidate>

      <div class="jc-contact-grid">

        <div class="jc-form-field">
          <label for="jc-contact-name">Name</label>

          <input
            id="jc-contact-name"
            name="name"
            type="text"
            autocomplete="name"
            placeholder="Your name"
            required
          >
        </div>

        <div class="jc-form-field">
          <label for="jc-contact-email">Email</label>

          <input
            id="jc-contact-email"
            name="email"
            type="email"
            autocomplete="email"
            placeholder="you@example.com"
            required
          >
        </div>

      </div>

      <div class="jc-form-field">
        <label for="jc-contact-subject">What can I help with?</label>

        <div class="jc-select-wrap">
          <select id="jc-contact-subject" name="subject" required>
            <option value="">Choose a topic</option>
            <option value="Project Inquiry">Project inquiry</option>
            <option value="Product Architecture">Product architecture</option>
            <option value="Software Development">Software development</option>
            <option value="Collaboration">Collaboration</option>
            <option value="Career Opportunity">Career opportunity</option>
            <option value="General Conversation">General conversation</option>
          </select>
        </div>
      </div>

      <div class="jc-form-field">
        <label for="jc-contact-message">Message</label>

        <textarea
          id="jc-contact-message"
          name="message"
          rows="6"
          placeholder="Tell me a little about what you have in mind..."
          required
        ></textarea>
      </div>

      <input
        class="jc-contact-honeypot"
        type="text"
        name="website"
        tabindex="-1"
        autocomplete="off"
        aria-hidden="true"
      >

      <div class="jc-contact-actions">
        <button class="jc-contact-submit" type="submit">
          Send Message
          <span aria-hidden="true">→</span>
        </button>

        <p
          class="jc-contact-status"
          id="jc-contact-status"
          aria-live="polite"
        ></p>
      </div>

    </form>

    <div class="jc-contact-direct">
      <span>Prefer email?</span>

      <a href="mailto:<?php echo esc_attr($email); ?>">
        <?php echo esc_html($email); ?>
      </a>
    </div>
  </section>

<script>
document.addEventListener('DOMContentLoaded', function () {
  const form = document.getElementById('jc-contact-form');
  const status = document.getElementById('jc-contact-status');

  if (!form) return;

  form.addEventListener('submit', function (event) {
    event.preventDefault();

    const data = new FormData(form);

    if (data.get('website')) return;

    const name = String(data.get('name') || '').trim();
    const email = String(data.get('email') || '').trim();
    const subject = String(data.get('subject') || '').trim();
    const message = String(data.get('message') || '').trim();

    status.className = 'jc-contact-status';

    if (!name || !email || !subject || !message) {
      status.textContent = 'Please complete each field.';
      status.classList.add('is-error');
      return;
    }

    const emailSubject = encodeURIComponent(
      subject + ' — Message from ' + name
    );

    const emailBody = encodeURIComponent(
      'Name: ' + name + '\n' +
      'Email: ' + email + '\n' +
      'Topic: ' + subject + '\n\n' +
      message
    );

    status.textContent = 'Opening your email application…';

    window.location.href =
      'mailto:james@jamescushman.com' +
      '?subject=' + emailSubject +
      '&body=' + emailBody;
  });
});
</script>
</div>
<section class="jc-projects" id="projects"><div class="jc-container jc-center"><p class="jc-eyebrow">What I'm Building</p><h2 class="jc-section-title">Turning Ideas Into Impact</h2><div class="jc-project-grid">
<div class="jc-project-card green">
    <div class="jc-project-mark">
        <img src="<?php echo esc_url($jc_images . 'projects/recovery-resources-hub.svg'); ?>"
             alt="Recovery Resources Hub Logo"
             class="jc-project-logo">
    </div>

    <div>
        <h3>Recovery Resources Hub</h3>

        <p>
            A comprehensive platform connecting people in recovery with verified
            resources, meetings, and support services.
        </p>

        <a class="jc-project-link" href="https://recoveryresourceshub.com">
            Learn More →
        </a>
    </div>
</div>

<div class="jc-project-card gold">
    <div class="jc-project-mark">
        <img src="<?php echo esc_url($jc_images . 'projects/second-serving.svg'); ?>"
             alt="Second Serving Logo"
             class="jc-project-logo">
    </div>

    <div>
        <h3>Second Serving</h3>

        <p>
            A food recovery platform focused on reducing waste, connecting surplus
            food with organizations, and helping fight hunger in our communities.
        </p>

        <a class="jc-project-link" href="#">
            Coming Soon →
        </a>
    </div>
</div>
<div class="jc-project-card blue">

  <div class="jc-project-mark">
    <img
      src="<?php echo esc_url($jc_images . 'projects/confidential-technology-platform.svg'); ?>"
      alt=""
      class="jc-project-logo"
      aria-hidden="true"
    >
  </div>

  <div>
    <h3>Confidential Technology Platform</h3>

    <p>
      Enterprise platform currently in development. Architecture,
      scalability, and user experience at its core.
    </p>

    <a class="jc-project-link" href="#">
      Learn More →
    </a>
  </div>

</div>
</div><a class="jc-outline-button" href="#">View All Projects →</a></div></section>

<section class="jc-belief" id="approach">

  <div class="jc-container jc-belief-layout">

    <div class="jc-quote">

      <div class="jc-quote-icon" aria-hidden="true">
        <img src="<?php echo esc_url($jc_images . 'approach/quote.svg'); ?>" alt="">
      </div>

      <div class="jc-quote-copy">
        <p>
          Great software isn't measured by how much code it contains.

          <strong>
            It's measured by how naturally people use it.
          </strong>
        </p>
      </div>

    </div>

    <div class="jc-belief-content">

      <div class="jc-belief-values">

        <div class="jc-value">
          <div class="jc-value-icon" aria-hidden="true">
            <img src="<?php echo esc_url($jc_images . 'approach/purpose.svg'); ?>" alt="">
          </div>

          <div>
            <h4>Purpose</h4>
            <p>Every feature has a reason.</p>
          </div>
        </div>

        <div class="jc-value">
          <div class="jc-value-icon" aria-hidden="true">
            <img src="<?php echo esc_url($jc_images . 'approach/simplicity.svg'); ?>" alt="">
          </div>

          <div>
            <h4>Simplicity</h4>
            <p>Complex systems should feel simple.</p>
          </div>
        </div>

        <div class="jc-value">
          <div class="jc-value-icon" aria-hidden="true">
            <img src="<?php echo esc_url($jc_images . 'approach/impact.svg'); ?>" alt="">
          </div>

          <div>
            <h4>Impact</h4>
            <p>Technology should make a difference.</p>
          </div>
        </div>

      </div>

      <div class="jc-approach-action">

        <button
          class="jc-approach-link"
          type="button"
          data-jc-modal="approach"
          aria-haspopup="dialog"
        >
          Explore My Approach
          <span aria-hidden="true">→</span>
        </button>

      </div>

    </div>

  </div>

</section>
<?php
$steps = array(
  array(
    'icon'        => 'journey/army.svg',
    'title'       => 'Army',
    'description' => 'Discipline, leadership, and mission focus.'
  ),
  array(
    'icon'        => 'journey/manufacturing.svg',
    'title'       => 'Manufacturing',
    'description' => 'Process improvement, production, and quality.'
  ),
  array(
    'icon'        => 'journey/it-systems.svg',
    'title'       => 'IT Systems',
    'description' => 'Infrastructure, systems administration, and support.'
  ),
  array(
    'icon'        => 'journey/applications-engineer.svg',
    'title'       => 'Applications Engineer',
    'description' => 'Bridging business needs with technology solutions.'
  ),
  array(
    'icon'        => 'journey/founder.svg',
    'title'       => 'Founder',
    'description' => 'Building solutions with real-world impact.'
  ),
  array(
    'icon'        => 'journey/product-architect.svg',
    'title'       => 'Product Architect',
    'description' => 'Designing platforms that scale and empower.',
    'current'     => true
  ),
);
?>

<section class="jc-journey" id="journey">
  <div class="jc-container jc-center">

    <p class="jc-eyebrow">My Journey</p>

    <h2 class="jc-section-title">
      A Path of Growth and Purpose
    </h2>

    <p class="jc-journey-intro">
      My journey has been about connecting experience to insight—and
      insight into meaningful impact.
    </p>

    <div class="jc-timeline" data-jc-journey>

      <div class="jc-timeline-track" aria-hidden="true">
        <span class="jc-timeline-line"></span>
        <span class="jc-timeline-plotter"></span>
      </div>

      <?php foreach ($steps as $index => $step): ?>
        <div
          class="jc-step<?php echo !empty($step['current']) ? ' is-current' : ''; ?>"
          data-journey-step="<?php echo esc_attr($index); ?>"
        >
          <div class="jc-step-icon">
            <object
              class="jc-journey-object"
              type="image/svg+xml"
              data="<?php echo esc_url($jc_images . $step['icon']); ?>"
              aria-hidden="true"
              tabindex="-1"
            ></object>

            <span class="jc-step-arrival" aria-hidden="true"></span>
          </div>

          <h4><?php echo esc_html($step['title']); ?></h4>

          <p><?php echo esc_html($step['description']); ?></p>
        </div>
      <?php endforeach; ?>

    </div>

  </div>
</section>


<section class="jc-contact-strip" id="contact">

    <div class="jc-container jc-contact-inner">

        <div class="jc-contact-title">

            <p class="jc-eyebrow">Contact</p>

            <h2>Let's Build Something Great</h2>

            <p>
                I'm always open to discussing new opportunities,
                innovative projects, or ways to collaborate
                and make an impact.
            </p>

        </div>

        <a class="jc-contact-item"
           <a class="jc-contact-item"
   href="<?php echo esc_url($linkedin); ?>"
   target="_blank"
   rel="noopener noreferrer">

            <img
                class="jc-contact-icon"
                src="<?php echo esc_url($jc_images); ?>contact/linkedin.svg"
                alt=""
                aria-hidden="true">

            <span>

                <strong>Connect on LinkedIn</strong>

                <span>
                    <?php echo esc_html($linkedin); ?> →
                </span>

            </span>

        </a>

        <a class="jc-contact-item"
           href="mailto:<?php echo esc_attr($email); ?>">

            <img
                class="jc-contact-icon"
                src="<?php echo esc_url($jc_images); ?>contact/email.svg"
                alt=""
                aria-hidden="true">

            <span>

                <strong>Email Me</strong>

                <span>
                    <?php echo esc_html($email); ?> →
                </span>

            </span>

        </a>

        <a class="jc-contact-item"
           href="<?php echo esc_url($resume); ?>"
           target="_blank"
           rel="noopener noreferrer">

            <img
                class="jc-contact-icon"
                src="<?php echo esc_url($jc_images); ?>contact/resume.svg"
                alt=""
                aria-hidden="true">

            <span>

                <strong>Download Resume</strong>

                <span>
                    View / Download PDF →
                </span>

            </span>

        </a>

    </div>

</section>

<footer class="jc-footer"><div class="jc-container jc-footer-inner"><div class="jc-brand"><span class="jc-monogram">JC</span><span class="jc-brand-text"><strong><?php echo esc_html(strtoupper($name)); ?></strong><small>© <?php echo date('Y'); ?> <?php echo esc_html($name); ?>. All rights reserved.</small></span></div><a class="jc-top" href="#home" aria-label="Back to top">⌃</a></div></footer>
<?php get_footer(); ?>
