<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>N2Z Juice - Organic Ginger, Lemon & Honey Juice</title>
<meta name="description" content="100% organic ginger, lemon, and honey juice. Let juice be thy medicine. Fresh, natural, energizing.">
<style>
:root {
--primary: #e65100; /* Ginger/orange energetic tone */
--accent: #fbc02d; /* Honey gold */
--green: #2e7d32; /* Organic green */
--dark: #212121;
--light: #fff;
}
body {
margin: 0;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: var(--dark);
background-color: #fdfdfd;
line-height: 1.6;
}
header {
background: linear-gradient(135deg, var(--green) 0%, #388e3c 100%);
color: white;
padding: 1.5rem 2rem;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.logo {
max-width: 180px;
height: auto;
margin-right: 1.5rem;
border-radius: 12px;
border: 4px solid rgba(255,255,255,0.9);
box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}
h1 {
margin: 0;
font-size: 3rem;
text-transform: uppercase;
letter-spacing: 3px;
text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.hero {
background: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)), url('https://images.unsplash.com/photo-1613769049987-b31b641f25b1?auto=format&fit=crop&q=80') center/cover;
color: white;
text-align: center;
padding: 9rem 1.5rem 7rem;
}
.hero h2 {
font-size: 4rem;
margin: 0 0 1rem;
text-shadow: 3px 3px 10px rgba(0,0,0,0.7);
}
.hero p {
font-size: 2rem;
margin: 0;
font-style: italic;
opacity: 0.95;
}
.section {
max-width: 1200px;
margin: 5rem auto;
padding: 0 1.5rem;
}
.product-showcase {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 2.5rem;
margin: 3rem 0;
}
.product-card {
background: white;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
transition: transform 0.3s ease;
}
.product-card:hover {
transform: translateY(-8px);
}
.product-card img {
width: 100%;
height: auto;
display: block;
}
.product-info {
padding: 2rem;
text-align: center;
}
h2 {
color: var(--primary);
font-size: 2.4rem;
margin: 0 0 1rem;
}
.shake-note {
font-size: 1.4rem;
font-weight: bold;
color: var(--primary);
background: #fff3e0;
padding: 1.2rem;
border-radius: 8px;
margin: 2rem 0;
border-left: 6px solid var(--accent);
}
.contact {
background: var(--green);
color: white;
text-align: center;
padding: 5rem 1.5rem;
}
.contact h2 {
color: white;
margin-bottom: 2rem;
}
.contact a {
color: var(--accent);
text-decoration: none;
font-weight: 600;
font-size: 1.3rem;
}
.insta-link {
display: inline-flex;
align-items: center;
gap: 0.8rem;
margin: 1rem 0;
}
.insta-icon {
width: 48px;
height: 48px;
border-radius: 12px;
}
footer {
background: var(--dark);
color: #ccc;
text-align: center;
padding: 2.5rem;
font-size: 0.95rem;
}
@media (max-width: 768px) {
.hero h2 { font-size: 2.8rem; }
.hero { padding: 6rem 1rem 4rem; }
h1 { font-size: 2.2rem; }
.logo { max-width: 140px; }
}
</style>
</head>
<body>
<header>
<img src="https://files.catbox.moe/REPLACE_WITH_YOUR_HOSTED_FIRST_IMAGE_URL.jpg" alt="N2Z Juice Logo - Organic Ginger Lemon Honey" class="logo">
<h1>N2Z Juice</h1>
</header>
<section class="hero">
<h2>Let juice be thy medicine</h2>
<p>Pure organic power in every bottle</p>
</section>
<section class="section">
<h2>Organic Ginger • Lemon • Honey Juice</h2>
<p style="font-size:1.3rem; max-width:800px; margin:0 auto 3rem; text-align:center;">
Experience the power of nature in every sip.<br>
Our 100% Natural Ginger, Honey & Lemon Juice is freshly crafted to awaken your senses and fuel your body with pure goodness. The bold kick of ginger, the natural sweetness of honey, and the refreshing brightness of lemon come together to create a vibrant, energizing drink.
</p>
<div class="shake-note">
Shake it before you drink it!
</div>
<div class="product-showcase">
<div class="product-card">
<img src="https://files.catbox.moe/REPLACE_WITH_YOUR_HOSTED_SECOND_IMAGE_URL.jpg" alt="N2Z Juice bottle - Outdoor view">
<div class="product-info">
<p>Freshly bottled organic goodness</p>
</div>
</div>
<div class="product-card">
<img src="https://files.catbox.moe/REPLACE_WITH_YOUR_HOSTED_THIRD_IMAGE_URL.jpg" alt="N2Z Juice bottle - Gym / fitness setting">
<div class="product-info">
<p>Fuel harder. Recover better.</p>
</div>
</div>
</div>
</section>
<section class="contact">
<h2>Contact Us</h2>
<div class="insta-link">
<a href="https://www.instagram.com/n2zjuice" target="_blank">
Instagram: @n2zjuice
<img src="https://upload.wikimedia.org/wikipedia/commons/a/a5/Instagram_icon.png" alt="Instagram Logo" class="insta-icon">
</a>
</div>
<p><a href="mailto:n2zservices@gmail.com">Email: n2zservices@gmail.com</a></p>
<p><a href="tel:+13122709065">Phone: (312) 270-9065</a></p>
</section>
<footer>
© 2026 N2Z Juice. 100% Organic • Atlanta-Made • All Rights Reserved.
</footer>
</body>
</html>