Site Builder

Editing: landing-page3.html

writable 0666

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>BestDeal1.com | The Fortune‑500 Full‑Page Ad, Just $99</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="icon" href="/bestdeal.svg" type="image/svg+xml">
<meta name="description"
      content="Own a Fortune‑500‑grade, AI‑ready full‑page ad that loads in under a second and stays live all year—for one low price.">

<style>
:root{
  --brand:#4b26ff;--brand2:#8249ff;
  --accent:#f4f7ff;--accent2:#eef2ff;
  --dark:#0f1e32;--text:#1a2d47;
  --cta:#ff5562;--cta2:#ff8256;
  --radius:18px;--shadow:0 12px 40px #00123b22;
  --card:#fff;
  --grad:linear-gradient(135deg,var(--brand) 0%,var(--brand2) 100%);
}
*{box-sizing:border-box;margin:0}
body{font-family:system-ui,Arial,sans-serif;background:var(--accent);color:var(--text);line-height:1.45;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.btn{display:inline-block;font-weight:700;border-radius:50px;padding:1rem 2.4rem;transition:.2s}
.btn.primary{background:var(--cta);color:#fff}.btn.primary:hover{background:#d33643}
.btn.alt{background:#0f1e32;color:#fff}.btn.alt:hover{background:#091628}
h1,h2,h3{font-weight:800;letter-spacing:-.02em}
header{background:var(--grad);color:#fff;text-align:center;padding:4.8rem 1rem 5.6rem;position:relative;overflow:hidden}
header:before{content:'';position:absolute;inset:0;pointer-events:none;
  background:url('data:image/svg+xml,%3Csvg opacity%3D%270.04%27 xmlns%3D%27http://www.w3.org/2000/svg%27 viewBox%3D%270 0 160 90%27%3E%3Cg fill%3D%27%23fff%27%3E%3Ccircle cx%3D%2718%27 cy%3D%2774%27 r%3D%2745%27/%3E%3Ccircle cx%3D%27139%27 cy%3D%274%27 r%3D%2745%27/%3E%3C/g%3E%3C/svg%3E') center/cover}
.logo{font-size:2.6rem;font-weight:900;margin-bottom:.5rem}
.logo span:nth-child(1){color:#00e37f}.logo span:nth-child(2){color:#ffe459}.logo span:nth-child(3){color:#ff5b82}
header h1{font-size:clamp(2.2rem,4vw+1rem,3.5rem);max-width:800px;margin:0 auto .9rem}
header p{font-size:1.15rem;opacity:.95;max-width:620px;margin:0 auto 2.4rem}
header .btn{font-size:1.15rem}
main{max-width:1100px;margin:-5rem auto 0;padding:0 1.4rem}
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:2.5rem 2.2rem;margin:3.4rem 0}
.card h2{font-size:1.9rem;color:var(--brand);margin-bottom:1.2rem}
.grid{display:grid;gap:1.7rem 1.4rem}
.features{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.feature-icon{font-size:2rem;margin-bottom:.6rem}
#preview{background:var(--dark);color:#fff;text-align:center;padding:0}
.preview-wrap{position:relative;overflow:hidden;border-radius:var(--radius)}
.preview-wrap img{width:100%;height:auto;display:block}
.preview-badge{position:absolute;top:14px;left:14px;background:var(--cta);padding:.4rem .9rem;border-radius:50px;font-size:.85rem;font-weight:700;color:#fff}
.pricing{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));text-align:center}
.plan{border:2px solid var(--brand);border-radius:var(--radius);padding:2rem;background:#fff}
.plan.pop{border-color:var(--cta2);transform:scale(1.03)}
.plan h3{font-size:1.35rem;margin-bottom:.4rem}
.plan .price{font-size:2.5rem;font-weight:900;margin:.2rem 0 .6rem}
.plan ul{list-style:none;padding:0;text-align:left;font-size:.98rem;margin-top:1rem}
.plan ul li{margin:.5rem 0}
.testimonials{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
.quote{background:var(--accent2);border-radius:var(--radius);padding:1.6rem;font-size:.95rem;position:relative}
.quote:before{content:'“';font-size:4rem;color:var(--brand);position:absolute;top:-18px;left:12px}
.quote cite{display:block;margin-top:1rem;font-weight:700;color:var(--brand)}
.faq h3{font-size:1.15rem;margin:1rem 0 .4rem;color:var(--dark)}
footer{text-align:center;font-size:.92rem;color:#678;margin:4rem 0 2rem}
@media(prefers-color-scheme:dark){
  body{background:#0d1117;color:#d1d5e0}
  header{background:linear-gradient(135deg,#3520ff 0%,#673bff 100%)}
  .card{background:#0f1724}
  .plan{background:#131b2d}
  .quote{background:#162032}
}
</style>

<script type="module" src="/businessPromptinator.js"></script>
</head>
<body>

<header>
  <div class="logo"><span>BEST</span>&nbsp;<span>DEAL</span>&nbsp;<span>1</span></div>
  <h1>The <u>Full‑Page Ad</u>, Super‑Charged for 2025.</h1>
  <p>Fortune‑500 presence, AI conversation‑ready, and yours for the price of dinner.</p>
  <a href="/advertise.php" class="btn primary">🚀 Get My Full‑Page Ad</a>
</header>

<main>

<section id="preview" class="card">
    <div class="preview-wrap">
      <img src="/assets/mock-fullpage-ad-16x9.webp" alt="Full-page ad preview">
      <span class="preview-badge">1‑Second Load</span>
    </div>
  </section>

<section class="card">
    <h2>Why Businesses Upgrade →</h2>
    <div class="grid features">
      <div><div class="feature-icon">📄</div><strong>Full‑Page Brilliance</strong><br>Your colors, your message—zero distractions.</div>
      <div><div class="feature-icon">⚡️</div><strong>Blazing Speed</strong><br>Pure HTML &lt; 1 s render on 4G.</div>
      <div><div class="feature-icon">🧭</div><strong>SEO Power Links</strong><br>Featured links + geo pages = backlink rocket.</div>
      <div><div class="feature-icon">🤖</div><strong>AI Dialogue Ready</strong><br><i>Promptinator Pro</i> turns pages into ChatGPT prompts.</div>
      <div><div class="feature-icon">📨</div><strong>Direct Lead Capture</strong><br>Form / mailto / webhook—100 % of data to you.</div>
      <div><div class="feature-icon">💸</div><strong>One Price, All Year</strong><br>Keep Pro subscription & ad 12 months for one fee.</div>
    </div>
  </section>

<section class="card">
    <h2>Inside Your <span style="white-space:nowrap;">bestdeal1.com/5551234567</span> Page</h2>
    <div class="grid features">
      <div><div class="feature-icon">💼</div><strong>Digital Business Card</strong><br>Logo, tagline & brand colors—instantly shareable.</div>
      <div><div class="feature-icon">🎟️</div><strong>Smart Coupon</strong><br>One‑click reveal + auto‑expires to drive urgency.</div>
      <div><div class="feature-icon">📨</div><strong>Lead Generation Form</strong><br>Collect inquiries straight to your inbox or CRM.</div>
      <div><div class="feature-icon">📝</div><strong>“Add to List” Button</strong><br>Shoppers save you to a shortlist—no sign‑ups.</div>
      <div><div class="feature-icon">📱</div><strong>Scan‑to‑Contact QR</strong><br>Users point, tap, and you’re in their phone.</div>
      <div><div class="feature-icon">💾</div><strong>vCard Download</strong><br>One tap drops all your details into Contacts.</div>
      <div><div class="feature-icon">🔢</div><strong>Phone‑URL Shortcut</strong><br><code>bestdeal1.com/</code><i>[10‑digit phone]</i> goes straight to you.</div>
      <div><div class="feature-icon">🎯</div><strong>Brand‑First Design</strong><br>Zero third‑party ads—every pixel promotes <i>you</i>.</div>
    </div>
  </section>

<section class="card" style="background:var(--accent2)">
    <h2>Ask Our Ad Anything 🤔</h2>
    <div class="promptinator"
         data-prompt="[A-Question~Ask anything about BestDeal1.com~] [E-Send Email-support@bestdeal1.com]">
      Loading interactive prompt…
    </div>
  </section>

<section class="card">
    <h2>Simple, Transparent Pricing</h2>
    <div class="grid pricing">
      <div class="plan">
        <h3>DIY</h3>
        <div class="price">$99<span style="font-size:.45em">/yr</span></div>
        <ul><li>Full‑page ad (12 mo.)</li><li>Unlimited featured links</li><li>Promptinator Pro license</li><li>Email / Webhook leads</li><li>RSS auto‑updates</li></ul>
        <a href="/checkout?plan=diy" class="btn primary">Start DIY</a>
      </div>
      <div class="plan pop">
        <h3>Pro Managed</h3>
        <div class="price">$199<span style="font-size:.45em">/yr</span></div>
        <ul><li>Everything in DIY</li><li>US‑based setup concierge</li><li>Copy & graphics</li><li>Quarterly SEO tune‑ups</li><li>Performance analytics</li></ul>
        <a href="/checkout?plan=pro" class="btn alt">I Want White‑Glove</a>
      </div>
      <div class="plan">
        <h3>Enterprise</h3>
        <div class="price">$999<span style="font-size:.45em">/yr</span></div>
        <ul><li>10 full‑page ads</li><li>Dedicated account team</li><li>API access & bulk tools</li><li>Quarterly strategy calls</li><li>Priority roll‑outs</li></ul>
        <a href="/contact-sales" class="btn primary">Talk to Sales</a>
      </div>
    </div>
  </section>

<section class="card">
    <h2>Loved by Fast‑Growing Brands</h2>
    <div class="grid testimonials">
      <div class="quote">“Our BestDeal1 full‑page ad doubled site traffic in three weeks.”<cite>— Avery C.</cite></div>
      <div class="quote">“Setup took 15 minutes. Now AI bots recommend us in every chat thread.”<cite>— Lorenzo M.</cite></div>
      <div class="quote">“For under $200 the managed plan feels like having an in‑house marketing team.”<cite>— Rachel P.</cite></div>
    </div>
  </section>

<section class="card faq">
    <h2>FAQs</h2>
    <h3>Does the page really load faster than major news sites?</h3>
    <p>Yes—our vanilla HTML architecture beats 99 % of sites in GTmetrix tests (≈0.7 s on 4G).</p>
    <h3>Can I switch plans later?</h3>
    <p>Upgrade or downgrade anytime; billing prorates automatically.</p>
    <h3>What’s Promptinator Pro?</h3>
    <p>It embeds editable prompt tokens directly on your ad, letting visitors—and AI—interact with your brand instantly.</p>
    <h3>Any hidden fees or lead charges?</h3>
    <p>Nope. One flat annual price. Your leads, your data.</p>
  </section>

<section class="card" style="text-align:center;background:var(--cta);color:#fff">
    <h2 style="font-size:2.2rem;margin-bottom:.6rem;">Command Fortune‑500 Presence Today</h2>
    <p style="font-size:1.15rem;margin-bottom:1.6rem;">Own the page. Own the narrative. All year long.</p>
    <a href="/advertise.php" class="btn alt" style="background:#fff;color:var(--cta);">Get Started</a>
  </section>

</main>

<footer>
 &copy; <?= date('Y') ?> BestDeal1.com — The Best Deal in Advertising.<br>
 <span style="color:#a0a5b7">Pure HTML Speed | American Businesses Only | No Middlemen</span>
</footer>

</body>
</html>

Site Builder

Editing: landing-page3.html

Site Builder