<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>INCSCI - Build Your Business</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
body {
font-family: 'Inter', sans-serif;
margin:0;
color:white;
}
.top-nav {
background: rgba(15,23,42,0.95);
padding: 18px 40px;
display: flex;
justify-content: space-between;
align-items: center;
position: sticky;
top: 0;
z-index: 100;
}
.nav-links a {
color: white;
text-decoration: none;
margin-left: 25px;
font-weight: 500;
}
.hero {
background: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.55)),
url('YOUR-WAVE-IMAGE.jpg') center/cover no-repeat;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 0 40px;
}
.content { max-width: 800px; }
</style>
</head>
<body>
<!-- Top Navigation -->
<div class="top-nav">
<div style="font-size:28px; font-weight:700;">INCSCI</div>
<div class="nav-links">
<a href="dashboard.php">Dashboard</a>
<a href="workbench.php">Workbench</a>
<a href="about.php">About</a>
<a href="funding.php">Funding</a>
<a href="resources.php">Resources</a>
<a href="profile.php">Profile</a>
</div>
<a href="log-in-register.php" style="background:#1e40af; padding:12px 28px; border-radius:8px; text-decoration:none; color:white;">Log In / Register</a>
</div>
<!-- Hero Section -->
<div class="hero">
<div class="content">
<h1 style="font-size:58px; margin-bottom:20px;">INCSCI</h1>
<p style="font-size:28px; margin-bottom:40px;">Build a Free Business Plan</p>
<a href="workbench.php" style="background:#1e40af; color:white; padding:18px 60px; font-size:20px; border-radius:12px; text-decoration:none; display:inline-block;">
Start Building Now
</a>
<p style="margin-top:50px; font-size:18px;">
100% Free to Join • 100% Free to Use
</p>
</div>
</div>
</body>
</html>