<?php
/* Template Name: OnePage Home */
get_header();
?>
<section class="hero container anim" id="hero">
  <div class="hero-grid">
    <div>
      <h1>Rajesh Solanki</h1>
      <div class="title-sub">Chartered Engineer (India) · Zonal Head (Gujarat)</div>
      <p class="anim">Over 22 years of international experience in construction delivering high-rise, industrial, hospitality, and institutional projects. Expert in project execution, site PMC coordination, cost & contract management, QA/QC and HSE.</p>
      <p><a class="cta" href="#contact">Get in touch</a></p>
      <div style="margin-top:18px" class="small">Email: <a href="mailto:rajsol@gmail.com">rajsol@gmail.com</a> · M: +91 94094 07770</div>
    </div>
    <div class="hero-profile card anim">
      <img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/img/profile-placeholder.jpg" alt="Profile" style="width:140px;height:140px;border-radius:12px;object-fit:cover;margin:0 auto;display:block">
      <h3 style="margin-top:10px;margin-bottom:6px">Rajesh Solanki</h3>
      <div class="small" style="color:var(--muted)">Chartered Engineer • Zonal Head (Gujarat)</div>
    </div>
  </div>
</section>

<section id="about" class="bg-alt" class="section container anim">
  <h2>About</h2>
  <div class="card">
    <p>Over 22 years of International experience in the Construction Industry, mentoring Project Teams, Onsite Project Execution, and Remote Project Monitoring from beginning to completion. Handled High-Rise & Low-Rise Buildings, Industrial, Residential, Corporate offices, Hotels, Resorts, Institutions, Auditoriums, Sports Complexes, Swimming Pools & Recreational Areas, Commercial Kitchens, Laundries, Interior furnishing and fit-outs.</p>
    <p>(Additional placeholder text — replace with your detailed career summary or introduction.)</p>
  </div>
</section>

<section id="skills" class="bg-alt" class="section container anim">
  <h2>Key Skills</h2>
  <p class="small">Below are some of the professional skills and competencies (replace with your own details).</p>
  <div class="card skills">
    <?php $skills = ['Project Management','Quantity Surveying','Value Engineering','Procurement','Quality Control','Health & Safety','Site Set-up','Site Surveying','Technical Assistance','Bill Checking','Design Review','Tendering']; foreach($skills as $s){ ?>
      <div class="skill"><strong style="color:var(--primary)"><?php echo esc_html($s); ?></strong></div>
    <?php } ?>
  </div>
</section>

<section id="projects" class="bg-alt" class="section container anim">
  <h2>Selected Projects</h2>
  <div class="projects">
    <?php
    $projects = [
      ['The Trophy Tower, GIFT City','/assets/img/projects/project-1.jpg','https://giftsez.com/','High-rise commercial tower project at GIFT City.'],
      ['Tata Indian Institute of Skills – Ahmedabad','/assets/img/projects/project-2.jpg','https://www.msde.gov.in/','Skill development institute with modern infrastructure.'],
      ['Lumbini Ceramics (Nepal)','/assets/img/projects/project-3.jpg','https://www.google.com/search?q=Lumbini+Ceramics','Industrial ceramics manufacturing facility in Nepal.'],
      ['Bling Square (Bhopal)','/assets/img/projects/project-4.jpg','https://www.google.com/search?q=Bling+Square+Bhopal','Commercial retail and entertainment complex.'],
      ['Maruti Suzuki Foundation – Staff Housing','/assets/img/projects/project-5.jpg','https://marutisuzukifoundation.org/','Residential project for Maruti Suzuki staff.'],
      ['Surya Varsani Academy, Bhuj','/assets/img/projects/project-6.jpg','http://www.sva.school','Educational institution with sports facilities.'],
      ['Corporate Office Complex','/assets/img/projects/project-7.jpg','#','Modern office complex with energy-efficient design.'],
      ['Hospitality Resort Project','/assets/img/projects/project-8.jpg','#','Luxury resort with villas and recreational amenities.']
    ];
    foreach($projects as $p){ ?>
      <article class="project card anim">
        <a href="<?php echo esc_url($p[2]); ?>" target="_blank" rel="noopener">
          <img src="<?php echo get_stylesheet_directory_uri().$p[1]; ?>" alt="<?php echo esc_attr($p[0]); ?>">
        </a>
        <div class="meta">
          <h3 style="margin:0;font-size:16px"><?php echo esc_html($p[0]); ?></h3>
          <div class="desc"><?php echo esc_html($p[3]); ?></div>
          <a class="view-btn" href="<?php echo esc_url($p[2]); ?>" target="_blank" rel="noopener">View Project</a>
        </div>
      </article>
    <?php } ?>

      <article class="project card">
        <a href="<?php echo esc_url($p[2]); ?>" target="_blank" rel="noopener">
          <img src="<?php echo get_stylesheet_directory_uri().$p[1]; ?>" alt="<?php echo esc_attr($p[0]); ?>">
          <div class="meta"><h3 style="margin:0;font-size:16px"><?php echo esc_html($p[0]); ?></h3></div>
        </a>
      </article>
    <?php } ?>
  </div>
  <p class="small" style="margin-top:10px">Replace project images in <code>/assets/img/projects/</code> with real photos.</p>
</section>

<section id="certs" class="bg-alt" class="section container anim">
  <h2>Certifications & Education</h2>
  <p class="small">Summary of certifications and education (replace with your actual details).</p>
  <div class="card">
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px">
      <div>
        <ul>
          <li>Chartered Engineer [India] – IEI</li>
          <li>Fellow Life Member – GICEA</li>
          <li>Temporary Works Coordinators – CITB (UK)</li>
        </ul>
      </div>
      <div>
        <ul>
          <li>CSCS Managers H&S – CITB (UK)</li>
          <li>Supervising Safely in Construction – IOSH (UK)</li>
          <li>BEng (Hons) Civil Engineering — City, University of London</li>
        </ul>
      </div>
    </div>
  </div>
</section>

<section id="contact" class="section container anim">
  <h2>Contact</h2>
  <div class="card" style="display:grid;grid-template-columns:1fr 360px;gap:20px">
    <div>
      <form id="rc-contact-form" class="form">
        <input class="input" type="text" name="name" placeholder="Your name" required>
        <input class="input" type="email" name="email" placeholder="Your email" required>
        <input class="input" type="text" name="subject" placeholder="Subject" required>
        <textarea class="input" name="message" rows="6" placeholder="Message" required></textarea>
        <button class="btn-send" type="submit">Send message</button>
        <div id="rc-msg" style="margin-top:8px;font-weight:600"></div>
      </form>
    </div>
    <div style="align-self:start">
      <h4>Get in touch</h4>
      <p class="small">Ahmedabad, Gujarat, India</p>
      <p class="small">Email: <a href="mailto:rajsol@gmail.com">rajsol@gmail.com</a></p>
      <p class="small">Phone: +91 94094 07770</p>
      <div style="margin-top:12px"><a class="button" href="mailto:rajsol@gmail.com">Email Rajesh</a></div>
    </div>
  </div>
</section>

<?php get_footer(); ?>