<?php /* Template Name: Fast Front Page – Explore Investments */ ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Joshua Ransom | Explore Investments</title>
<!-- ─── Tiny utility stylesheet (≈4 KB once minified) ── -->
<style>
:root{
--blue:#2979ff;--steel:#8fa1b3;--dark:#16202a;--light:#f5f7fa;
--max:1200px;scroll-behavior:smooth;font-family:system-ui,Arial,sans-serif
}
*,*:before,*:after{box-sizing:border-box;margin:0}
body{color:#333;background:var(--light);line-height:1.6}
header,section,footer{padding:4rem 1rem}
h1,h2,h3{line-height:1.3;font-weight:600;margin-bottom:.5em}
h1{font-size:clamp(2rem,4vw,3rem)}
h2{font-size:clamp(1.4rem,3vw,2rem)}
h3{font-size:1.25rem}
a{color:var(--blue);text-decoration:none}
nav{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;align-items:center}
nav ul{display:flex;gap:1.5rem;list-style:none}
nav a:hover{opacity:.75}
.btn{display:inline-block;background:var(--blue);color:#fff;padding:.6rem 1.4rem;border-radius:4px;font-weight:600}
.btn:hover{opacity:.9}
.container{max-width:var(--max);margin:auto}
.grid{display:grid;gap:2rem}
@media(min-width:800px){.grid-2{grid-template-columns:repeat(2,1fr)}}
img{max-width:100%;height:auto;display:block;border-radius:6px}
.lazy{loading:l azy} /* just in case older browsers */
#hero{background:url('img/vault.webp') center/cover no-repeat;min-height:75vh;color:#fff;display:flex;align-items:center}
#hero h1{font-size:clamp(2.3rem,5vw,3.5rem)}
.typeWrap{white-space:nowrap;border-right:3px solid #fff}
#faq details{background:#fff;border:1px solid var(--steel);border-radius:6px;margin:.5rem 0;padding:.8rem}
#faq summary{cursor:pointer;font-weight:600}
footer{background:var(--dark);color:#cdd3db;text-align:center}
footer a{color:#cdd3db}
</style>
</head>
<body>
<!-- ─── NAVBAR ── -->
<header>
<nav>
<a href="#" aria-label="Home"><img src="img/logo.png" alt="Explore Investments" style="height:44px"></a>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#ventures">Ventures</a></li>
<li><a href="#interests">Interests</a></li>
<li><a href="#contact">Contact</a></li>
<li><a class="btn" href="tel:+17043975673">Call Now</a></li>
</ul>
</nav>
</header>
<!-- ─── HERO ── -->
<section id="hero">
<div class="container">
<h1>I help you build your <span class="typeWrap" id="typed"></span></h1>
<p style="max-width:550px;margin:1rem 0">Welcome to the official portfolio of Joshua Ransom—licensed advisor, broker & service‑industry match‑maker.</p>
<a href="#contact" class="btn">Book a Consultation</a>
</div>
</section>
<!-- ─── ABOUT ── -->
<section id="about">
<div class="container grid grid-2">
<div><img src="img/josh-about.webp" alt="Joshua Ransom portrait" class="lazy"></div>
<div>
<h2>About Joshua</h2>
<p>Michigan‑based entrepreneur, licensed financial advisor, real‑estate agent and mortgage broker. I craft high‑ranking websites and partner with skilled contractors to serve clients nationwide.</p>
<p>Reach me directly at <strong>704‑EXPLORE</strong> or explore the ventures below.</p>
<a class="btn" href="mailto:marketing@joshuaransom.com">Let’s Talk</a>
</div>
</div>
</section>
<!-- ─── VENTURES ── -->
<section id="ventures" style="background:#fff">
<div class="container">
<h2>Professional Ventures</h2>
<div class="grid grid-2">
<div>
<h3>Explore Investments</h3>
<p>Service‑brokerage & digital‑brand studio linking customers with vetted contractors.</p>
</div>
<div>
<h3>Terms Real Estate</h3>
<p>Alternative deal structures, education & mortgage solutions under one roof.</p>
</div>
<div>
<h3>Mason Master Hand</h3>
<p>Flint’s premier masonry & hardscape crew—retaining walls, patios, chimneys.</p>
</div>
<div>
<h3>Explore Landscaping & Movers</h3>
<p>Best‑in‑class outdoor design and seamless relocation services across Michigan.</p>
</div>
</div>
</div>
</section>
<!-- ─── INTERESTS ── -->
<section id="interests">
<div class="container grid grid-2">
<div>
<h2>Personal Interests</h2>
<p>Basketball (always travel with a ball), digital art, automatic watch movements, family film nights and producing music tracks whenever inspiration strikes.</p>
<p>Faith in Jesus Christ drives the values behind every business move.</p>
</div>
<div><img src="img/josh-family.webp" alt="Joshua with family" class="lazy"></div>
</div>
</section>
<!-- ─── FAQ ── -->
<section id="faq" style="background:#fff">
<div class="container">
<h2>FAQs</h2>
<details>
<summary>What is Explore Investments and what does it offer?</summary>
<p>A service brokerage that builds brands online and partners with contractors to deliver the service customers are already searching for.</p>
</details>
<details>
<summary>Tell me about Terms Real Estate’s unique approach.</summary>
<p>We teach creative financing & transaction methods, plus offer traditional mortgage & agency services under one advisory umbrella.</p>
</details>
<details>
<summary>What is Joshua’s favourite business niche?</summary>
<p>The service industry—connecting skilled trades with ready‑to‑buy customers.</p>
</details>
</div>
</section>
<!-- ─── CONTACT ── -->
<section id="contact">
<div class="container grid grid-2">
<div>
<h2>Let’s Talk</h2>
<p>G3500 Flushing Rd. Suite 206<br>Flint, MI 48504</p>
<p><a href="tel:+17043975673">+1 (704) 397‑5673</a><br>
<a href="mailto:marketing@joshuaransom.com">marketing@joshuaransom.com</a></p>
<a class="btn" href="https://goo.gl/maps/…">Get Directions</a>
</div>
<form action="https://formspree.io/f/yourID" method="POST" style="background:#fff;padding:1.5rem;border-radius:6px">
<h3>Quick Message</h3>
<input type="text" name="name" placeholder="Your name" required style="width:100%;padding:.6rem;margin:.4rem 0">
<input type="email" name="email" placeholder="Email" required style="width:100%;padding:.6rem;margin:.4rem 0">
<textarea name="message" placeholder="How can I help?" rows="4" required style="width:100%;padding:.6rem;margin:.4rem 0"></textarea>
<button class="btn" type="submit">Send</button>
</form>
</div>
</section>
<!-- ─── FOOTER ── -->
<footer>
<p>© <?php echo date('Y'); ?> Explore Investments · All rights reserved</p>
<p>
<a href="https://facebook.com/exploreinvestments2021">Facebook</a> ·
<a href="https://linkedin.com/in/joshua-ransom">LinkedIn</a> ·
<a href="#top">Back to Top</a>
</p>
</footer>
<!-- ─── 80‑byte vanilla JS: rotating words & mobile nav (if needed) ── -->
<script>
const words=["sales volume","reputation","vision","culture"],
el=document.getElementById("typed");let i=0;
setInterval(()=>{el.textContent=words[i=i>=words.length-1?0:++i]},2400);
</script>
</body>
</html>
