File: /home/primrwxj/iomac.tv/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>IOMAC.tv | Internet of Media & Creative</title>
<link rel="icon" type="image/svg+xml" href="favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="favicon.png">
<link rel="shortcut icon" href="favicon.png">
<meta name="description" content="IOMAC.tv is a premium brandable domain for creator platforms, streaming startups, AI video tools, media networks, and digital storytelling brands." />
<meta name="robots" content="index, follow" />
<meta property="og:title" content="IOMAC.tv | Premium Brandable Domain" />
<meta property="og:description" content="A next-generation platform connecting creators, media technology, and digital storytelling." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://iomac.tv/" />
<meta name="theme-color" content="#0F172A" />
<style>
* { box-sizing: border-box; }
body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
background: linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);
color: #1f2937;
}
.wrapper {
max-width: 1100px;
margin: 0 auto;
padding: 30px 20px 80px;
}
.hero {
text-align: center;
padding: 60px 20px 40px;
}
.logo {
display: inline-block;
padding: 10px 18px;
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 14px;
background: rgba(255,255,255,0.7);
box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
margin-bottom: 22px;
}
.logo-mark {
font-size: 44px;
font-weight: 800;
letter-spacing: 2px;
color: #0F172A;
line-height: 1;
}
.logo-sub {
font-size: 13px;
color: #3B82F6;
margin-top: 6px;
letter-spacing: 0.4px;
}
h1 {
font-size: 52px;
line-height: 1.08;
margin: 0 0 12px;
color: #0F172A;
}
.tagline {
font-size: 22px;
font-weight: 700;
color: #3B82F6;
margin-bottom: 16px;
}
.subheadline {
max-width: 780px;
margin: 0 auto 22px;
font-size: 19px;
line-height: 1.6;
color: #475569;
}
.description {
max-width: 840px;
margin: 0 auto;
font-size: 18px;
line-height: 1.8;
color: #334155;
}
.cta-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 14px;
margin-top: 34px;
}
.btn {
display: inline-block;
text-decoration: none;
padding: 14px 22px;
border-radius: 12px;
font-weight: 700;
transition: 0.25s ease;
border: none;
cursor: pointer;
font-size: 15px;
}
.btn-primary {
background: #0F172A;
color: #ffffff;
box-shadow: 0 10px 25px rgba(15, 23, 42, 0.18);
}
.btn-primary:hover {
background: #111c30;
transform: translateY(-1px);
}
.btn-secondary {
background: #ffffff;
color: #0F172A;
border: 1px solid rgba(15, 23, 42, 0.12);
}
.btn-secondary:hover {
background: #f8fafc;
transform: translateY(-1px);
}
.grid {
display: grid;
grid-template-columns: 1.15fr 0.85fr;
gap: 24px;
margin-top: 44px;
}
.card {
background: rgba(255,255,255,0.92);
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 20px;
padding: 28px;
box-shadow: 0 14px 35px rgba(15, 23, 42, 0.08);
}
.card h2 {
margin: 0 0 16px;
font-size: 28px;
color: #0F172A;
}
.sale-box {
text-align: center;
padding: 34px 24px;
background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}
.sale-label {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
color: #64748b;
margin-bottom: 8px;
}
.price {
font-size: 46px;
font-weight: 800;
color: #9333EA;
margin: 6px 0 8px;
}
.offer-text {
font-size: 16px;
color: #475569;
margin-bottom: 18px;
}
.trust-note {
margin-top: 18px;
font-size: 14px;
line-height: 1.7;
color: #64748b;
}
.pill-list {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 16px;
}
.pill {
background: #eff6ff;
color: #1d4ed8;
padding: 10px 14px;
border-radius: 999px;
font-size: 14px;
font-weight: 600;
}
.bullet-list {
margin: 16px 0 0;
padding-left: 18px;
color: #334155;
line-height: 1.8;
font-size: 16px;
}
.contact-intro {
color: #475569;
font-size: 15px;
line-height: 1.7;
margin-bottom: 18px;
}
.form-group { margin-bottom: 14px; }
input, textarea, select {
width: 100%;
padding: 14px 14px;
border: 1px solid #dbe2ea;
border-radius: 12px;
font-size: 15px;
color: #0F172A;
background: #ffffff;
outline: none;
}
input:focus, textarea:focus, select:focus {
border-color: #3B82F6;
box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.10);
}
textarea {
min-height: 140px;
resize: vertical;
}
.small-note {
margin-top: 10px;
font-size: 13px;
line-height: 1.7;
color: #64748b;
}
.security-box {
margin-top: 18px;
padding: 14px 16px;
border-radius: 12px;
background: #f8fafc;
border: 1px dashed #cbd5e1;
font-size: 13px;
line-height: 1.7;
color: #475569;
}
.hp-field {
position: absolute !important;
left: -9999px !important;
opacity: 0 !important;
pointer-events: none !important;
height: 0 !important;
width: 0 !important;
}
.faq {
margin-top: 24px;
color: #475569;
font-size: 15px;
line-height: 1.8;
}
.footer {
text-align: center;
margin-top: 42px;
color: #64748b;
font-size: 14px;
}
.divider {
height: 1px;
background: linear-gradient(to right, transparent, rgba(15,23,42,0.08), transparent);
margin: 28px 0;
}
@media (max-width: 900px) {
.grid { grid-template-columns: 1fr; }
h1 { font-size: 40px; }
.price { font-size: 38px; }
}
</style>
</head>
<body>
<div class="wrapper">
<section class="hero">
<div class="logo">
<div class="logo" style="background:none; border:none; box-shadow:none; padding:0;">
<img src="iomac-logo.svg" alt="IOMAC logo" style="max-width:100%; width:420px; height:auto;" />
</div>
</div>
<div class="tagline">Internet of Media & Creative</div>
<h1>Premium Brandable Domain for the Future of Media</h1>
<div class="subheadline">
A next-generation platform connecting creators, media technology, and digital storytelling.
</div>
<div class="description">
IOMAC.tv is a short, memorable, and brandable premium domain ideal for creator platforms,
streaming startups, AI video tools, media networks, podcast brands, and next-generation
digital entertainment companies.
</div>
<div class="cta-row">
<a href="#inquiry" class="btn btn-primary">Make an Offer</a>
<a href="#details" class="btn btn-secondary">See Brand Fit</a>
</div>
</section>
<section style="margin-top:60px; text-align:center;">
<h2 style="font-size:36px; color:#0F172A;">
The Future of Creator Tools
</h2>
<p style="max-width:760px; margin:auto; font-size:18px; line-height:1.8; color:#475569; margin-top:18px;">
IOMAC envisions a platform where creators, media technology, and AI tools connect to
help digital storytellers produce content faster than ever.
</p>
<div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px; margin-top:40px;">
<div style="background:white; padding:22px; border-radius:14px; box-shadow:0 10px 25px rgba(0,0,0,0.06);">
<h3>AI Video Creation</h3>
<p>Create short videos from text or articles instantly.</p>
</div>
<div style="background:white; padding:22px; border-radius:14px; box-shadow:0 10px 25px rgba(0,0,0,0.06);">
<h3>Creator Automation</h3>
<p>Generate scripts, captions, and voiceovers automatically.</p>
</div>
<div style="background:white; padding:22px; border-radius:14px; box-shadow:0 10px 25px rgba(0,0,0,0.06);">
<h3>Media Distribution</h3>
<p>Publish content across platforms with one click.</p>
</div>
<div style="background:white; padding:22px; border-radius:14px; box-shadow:0 10px 25px rgba(0,0,0,0.06);">
<h3>Creative Collaboration</h3>
<p>Connect creators, editors, and producers in one workspace.</p>
</div>
</div>
</section>
<section class="grid" id="details">
<div class="card">
<h2>Why IOMAC.tv Works</h2>
<p style="line-height:1.8; font-size:16px; color:#334155; margin:0 0 10px;">
IOMAC pairs a clean five-letter brand with a media-friendly <strong>.tv</strong> extension.
It feels modern, flexible, and built for companies operating where creators,
video, technology, and digital storytelling meet.
</p>
<div class="pill-list">
<span class="pill">Creator Platforms</span>
<span class="pill">Streaming Startups</span>
<span class="pill">AI Video Tools</span>
<span class="pill">Podcast Networks</span>
<span class="pill">Media SaaS</span>
<span class="pill">Digital Storytelling</span>
</div>
<div class="divider"></div>
<h2 style="font-size:24px;">Ideal For</h2>
<ul class="bullet-list">
<li>Media startups building a memorable public-facing brand</li>
<li>Creator economy companies launching video or community products</li>
<li>AI-powered editing, voice, or storytelling platforms</li>
<li>Streaming, podcast, or content distribution businesses</li>
<li>Creative technology brands that want a short, premium domain</li>
</ul>
<div class="divider"></div>
<h2 style="font-size:24px;">Transaction Terms</h2>
<ul class="bullet-list">
<li>Secure transfer via trusted marketplace or licensed escrow service</li>
<li>Identity verification may be required before serious negotiations continue</li>
<li>Messages showing spam, proxy abuse, or suspicious payment behavior may be ignored</li>
<li>No direct crypto deals, gift-card requests, or off-record payment arrangements</li>
</ul>
</div>
<div class="card sale-box">
<h2>This domain is ideal for a media startup, AI creator platform, or next-generation streaming brand.</h2>
<div class="sale-label">Premium Domain Available</div>
<div class="price">$1,488</div>
<div class="offer-text">Buy Now pricing anchor — reasonable offers are welcome.</div>
<a href="#inquiry" class="btn btn-primary" style="width:100%; max-width:260px;">Submit an Offer</a>
<div class="trust-note">
Secure transfer available through trusted marketplace or escrow.
Serious buyers only.
</div>
<div class="divider"></div>
<h2 style="font-size:24px; margin-bottom:12px;">Fast Buyer Confidence</h2>
<div style="font-size:15px; line-height:1.8; color:#475569;">
Clear positioning, clean presentation, and a secure acquisition path
help serious buyers move faster.
</div>
<div class="security-box">
Anti-abuse controls are active. Inquiries that appear automated, incomplete,
or inconsistent may be filtered or ignored.
</div>
</div>
</section>
<section class="grid" style="margin-top:24px;">
<div class="card" id="inquiry" style="grid-column: 1 / -1;">
<h2>Acquisition Inquiry</h2>
<div class="contact-intro">
Use the form below for serious acquisition inquiries regarding <strong>iomac.tv</strong>.
This page does not process payments. All completed transactions will be handled through
a trusted escrow or marketplace process.
</div>
<form id="leadForm" action="contact.php" method="post" novalidate>
<input type="hidden" name="form_started_at" id="form_started_at" value="" />
<div class="hp-field" aria-hidden="true">
<label for="company_website">Leave this field empty</label>
<input type="text" id="company_website" name="company_website" tabindex="-1" autocomplete="off" />
</div>
<div class="grid" style="grid-template-columns: 1fr 1fr; gap:16px; margin-top:0;">
<div class="form-group">
<label for="name" style="display:block; text-align:left; margin-bottom:8px; font-weight:700;">Full Name</label>
<input type="text" id="name" name="name" required maxlength="100" placeholder="Your full name" />
</div>
<div class="form-group">
<label for="email" style="display:block; text-align:left; margin-bottom:8px; font-weight:700;">Business Email</label>
<input type="email" id="email" name="email" required maxlength="140" placeholder="name@company.com" />
</div>
</div>
<div class="grid" style="grid-template-columns: 1fr 1fr; gap:16px; margin-top:0;">
<div class="form-group">
<label for="company" style="display:block; text-align:left; margin-bottom:8px; font-weight:700;">Company / Brand</label>
<input type="text" id="company" name="company" maxlength="120" placeholder="Company or project name" />
</div>
<div class="form-group">
<label for="budget" style="display:block; text-align:left; margin-bottom:8px; font-weight:700;">Budget Range</label>
<select id="budget" name="budget" required>
<option value="">Select your range</option>
<option value="Under $1,000">Under $1,000</option>
<option value="$1,000 - $1,499">$1,000 - $1,499</option>
<option value="$1,500 - $2,499">$1,500 - $2,499</option>
<option value="$2,500 - $4,999">$2,500 - $4,999</option>
<option value="$5,000+">$5,000+</option>
</select>
</div>
</div>
<div class="form-group">
<label for="message" style="display:block; text-align:left; margin-bottom:8px; font-weight:700;">Message</label>
<textarea id="message" name="message" required maxlength="2000" placeholder="Tell me who you are, how you plan to use iomac.tv, and your acquisition interest."></textarea>
</div>
<button type="submit" class="btn btn-primary">Send Inquiry</button>
<div class="small-note">
Please include your intended use case and a serious offer range. Generic one-line messages may be ignored.
</div>
<div class="security-box">
All completed sales are handled through secure transfer channels only.
For fraud prevention, inquiries may be screened for proxy use, suspicious wording,
disposable email patterns, and incomplete buyer identity.
</div>
<div id="formMessage" style="margin-top:14px; font-size:14px; color:#b91c1c; display:none;"></div>
</form>
<div class="faq">
<strong>Important:</strong> To reduce spam and fraud, this form uses silent anti-bot checks.
Do not use VPN/proxy masking, fake names, disposable emails, or requests for off-platform payment arrangements.
</div>
</div>
</section>
<div class="footer">
© 2026 iomac.tv — Premium brandable domain available for acquisition
</div>
</div>
<script>
(function () {
const form = document.getElementById("leadForm");
const messageBox = document.getElementById("formMessage");
const startedAt = document.getElementById("form_started_at");
startedAt.value = Date.now().toString();
function showError(msg) {
messageBox.style.display = "block";
messageBox.textContent = msg;
}
function hideError() {
messageBox.style.display = "none";
messageBox.textContent = "";
}
form.addEventListener("submit", function (e) {
hideError();
const name = document.getElementById("name").value.trim();
const email = document.getElementById("email").value.trim();
const company = document.getElementById("company").value.trim();
const budget = document.getElementById("budget").value.trim();
const msg = document.getElementById("message").value.trim();
const honeypot = document.getElementById("company_website").value.trim();
const elapsed = Date.now() - parseInt(startedAt.value || "0", 10);
if (honeypot !== "") {
e.preventDefault();
showError("Submission blocked.");
return;
}
if (elapsed < 5000) {
e.preventDefault();
showError("Please take a few seconds to review your inquiry before submitting.");
return;
}
if (name.length < 3) {
e.preventDefault();
showError("Please enter your full name.");
return;
}
if (!email.includes("@") || email.length < 6) {
e.preventDefault();
showError("Please enter a valid business email.");
return;
}
if (budget === "") {
e.preventDefault();
showError("Please select your budget range.");
return;
}
if (msg.length < 35) {
e.preventDefault();
showError("Please provide a more detailed inquiry so I can assess fit.");
return;
}
const suspiciousPatterns = [
/whatsapp/i,
/telegram/i,
/gift\s*card/i,
/western union/i,
/moneygram/i,
/crypto/i,
/kindly/i,
/urgent/i,
/dear friend/i,
/paypal friends/i
];
const combined = [name, email, company, msg].join(" ");
for (let i = 0; i < suspiciousPatterns.length; i++) {
if (suspiciousPatterns[i].test(combined)) {
e.preventDefault();
showError("Your message was flagged for manual review. Please revise and try again with a clear business inquiry.");
return;
}
}
});
const params = new URLSearchParams(window.location.search);
const status = params.get("status");
const msg = params.get("message");
if (status === "success") {
messageBox.style.display = "block";
messageBox.style.color = "#166534";
messageBox.textContent = "Thank you. Your inquiry has been sent successfully.";
} else if (status === "error") {
messageBox.style.display = "block";
messageBox.style.color = "#b91c1c";
messageBox.textContent = msg ? decodeURIComponent(msg) : "There was a problem sending your inquiry.";
}
})();
</script>
</body>
</html>