<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI Executive Suite — Becky Beach</title>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=DM+Sans:wght@300;400;500&display=swap" rel="stylesheet">
<style>
:root {
--navy: #0a0f1e;
--navy-mid: #111827;
--navy-light: #1a2540;
--gold: #c9a84c;
--gold-light: #e2c47a;
--gold-pale: #f5e9c8;
--cream: #faf7f0;
--white: #ffffff;
--muted: #8a9bb5;
--border: rgba(201,168,76,0.18);
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
background: var(--navy);
color: var(--cream);
font-family: 'DM Sans', sans-serif;
font-weight: 300;
line-height: 1.7;
overflow-x: hidden;
}
/* ── NOISE TEXTURE OVERLAY ── */
body::before {
content: '';
position: fixed;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");
pointer-events: none;
z-index: 0;
opacity: 0.4;
}
/* ── ANIMATIONS ── */
@keyframes fadeUp {
from { opacity: 0; transform: translateY(32px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes shimmer {
0% { background-position: -200% center; }
100% { background-position: 200% center; }
}
@keyframes lineDraw {
from { width: 0; }
to { width: 60px; }
}
@keyframes pulse {
0%, 100% { box-shadow: 0 0 0 0 rgba(201,168,76,0.4); }
50% { box-shadow: 0 0 0 12px rgba(201,168,76,0); }
}
.fade-up { animation: fadeUp 0.8s ease both; }
.fade-in { animation: fadeIn 1s ease both; }
.delay-1 { animation-delay: 0.15s; }
.delay-2 { animation-delay: 0.3s; }
.delay-3 { animation-delay: 0.45s; }
.delay-4 { animation-delay: 0.6s; }
/* ── TYPOGRAPHY ── */
h1, h2, h3, h4 {
font-family: 'Cormorant Garamond', serif;
font-weight: 300;
line-height: 1.15;
letter-spacing: -0.01em;
}
.eyebrow {
font-family: 'DM Sans', sans-serif;
font-size: 0.7rem;
font-weight: 500;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--gold);
display: flex;
align-items: center;
gap: 10px;
}
.eyebrow::before, .eyebrow::after {
content: '';
display: inline-block;
width: 28px;
height: 1px;
background: var(--gold);
opacity: 0.6;
}
/* ── LAYOUT ── */
.container {
max-width: 860px;
margin: 0 auto;
padding: 0 24px;
position: relative;
z-index: 1;
}
section { position: relative; }
/* ── NAV ── */
nav {
position: fixed;
top: 0; left: 0; right: 0;
z-index: 100;
padding: 18px 32px;
display: flex;
justify-content: space-between;
align-items: center;
background: rgba(10,15,30,0.85);
backdrop-filter: blur(16px);
border-bottom: 1px solid var(--border);
}
.nav-logo {
font-family: 'Cormorant Garamond', serif;
font-size: 1.1rem;
color: var(--gold);
letter-spacing: 0.08em;
text-decoration: none;
}
.nav-cta {
font-size: 0.72rem;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--navy);
background: var(--gold);
padding: 10px 22px;
text-decoration: none;
font-weight: 500;
transition: background 0.2s;
}
.nav-cta:hover { background: var(--gold-light); }
/* ── HERO ── */
.hero {
min-height: 100vh;
display: flex;
align-items: center;
padding: 120px 0 80px;
background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(201,168,76,0.07) 0%, transparent 70%);
overflow: hidden;
}
.hero::after {
content: '';
position: absolute;
bottom: 0; left: 0; right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, var(--gold), transparent);
opacity: 0.3;
}
.hero-inner {
text-align: center;
max-width: 780px;
margin: 0 auto;
padding: 0 24px;
}
.hero-badge {
display: inline-flex;
align-items: center;
gap: 8px;
border: 1px solid var(--border);
padding: 7px 18px;
font-size: 0.72rem;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--gold);
margin-bottom: 40px;
background: rgba(201,168,76,0.04);
}
.hero-badge span { width: 6px; height: 6px; background: var(--gold); border-radius: 50%; animation: pulse 2s infinite; }
.hero h1 {
font-size: clamp(2.6rem, 6vw, 4.8rem);
color: var(--white);
margin-bottom: 12px;
font-weight: 300;
}
.hero h1 em {
font-style: italic;
color: var(--gold);
}
.hero-sub {
font-size: clamp(1rem, 2vw, 1.22rem);
color: var(--muted);
max-width: 560px;
margin: 0 auto 48px;
font-weight: 300;
}
.hero-cta-group {
display: flex;
flex-direction: column;
align-items: center;
gap: 14px;
}
.btn-primary {
display: inline-block;
background: var(--gold);
color: var(--navy);
font-family: 'DM Sans', sans-serif;
font-size: 0.82rem;
font-weight: 500;
letter-spacing: 0.14em;
text-transform: uppercase;
padding: 18px 44px;
text-decoration: none;
transition: background 0.2s, transform 0.2s;
position: relative;
overflow: hidden;
}
.btn-primary::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.2) 50%, transparent 100%);
background-size: 200% 100%;
animation: shimmer 3s infinite;
}
.btn-primary:hover { background: var(--gold-light); transform: translateY(-2px); }
.btn-secondary {
font-size: 0.75rem;
color: var(--muted);
letter-spacing: 0.08em;
text-decoration: none;
border-bottom: 1px solid rgba(138,155,181,0.3);
padding-bottom: 2px;
transition: color 0.2s;
}
.btn-secondary:hover { color: var(--gold); }
.hero-stats {
display: flex;
justify-content: center;
gap: 48px;
margin-top: 72px;
padding-top: 48px;
border-top: 1px solid var(--border);
}
.stat-item { text-align: center; }
.stat-num {
font-family: 'Cormorant Garamond', serif;
font-size: 2.2rem;
color: var(--gold);
display: block;
line-height: 1;
margin-bottom: 4px;
}
.stat-label { font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); }
/* ── PROBLEM ── */
.problem {
padding: 100px 0;
background: var(--navy-mid);
}
.problem-inner { max-width: 680px; margin: 0 auto; text-align: center; padding: 0 24px; }
.problem h2 { font-size: clamp(2rem, 4vw, 3rem); color: var(--white); margin: 20px 0 24px; }
.problem p { color: var(--muted); font-size: 1.05rem; margin-bottom: 16px; }
.problem p strong { color: var(--cream); font-weight: 400; }
.problem-list {
list-style: none;
margin: 40px 0 0;
display: flex;
flex-direction: column;
gap: 14px;
text-align: left;
}
.problem-list li {
display: flex;
align-items: flex-start;
gap: 14px;
padding: 18px 22px;
border: 1px solid var(--border);
background: rgba(201,168,76,0.02);
font-size: 0.95rem;
color: var(--cream);
}
.problem-list li::before {
content: '—';
color: var(--gold);
flex-shrink: 0;
margin-top: 2px;
}
/* ── SOLUTION ── */
.solution {
padding: 100px 0;
background: radial-gradient(ellipse 70% 50% at 50% 100%, rgba(201,168,76,0.06) 0%, transparent 70%);
}
.solution-inner { text-align: center; padding: 0 24px; max-width: 780px; margin: 0 auto; }
.solution h2 { font-size: clamp(2.2rem, 4vw, 3.4rem); color: var(--white); margin: 20px 0 20px; }
.solution p { color: var(--muted); font-size: 1.05rem; max-width: 580px; margin: 0 auto 60px; }
/* ── DEPARTMENTS GRID ── */
.dept-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1px;
background: var(--border);
border: 1px solid var(--border);
margin-top: 0;
}
.dept-card {
background: var(--navy);
padding: 32px 28px;
transition: background 0.3s;
cursor: default;
}
.dept-card:hover { background: var(--navy-light); }
.dept-num {
font-family: 'Cormorant Garamond', serif;
font-size: 0.85rem;
color: var(--gold);
opacity: 0.6;
letter-spacing: 0.1em;
margin-bottom: 10px;
display: block;
}
.dept-card h3 {
font-size: 1.15rem;
color: var(--white);
margin-bottom: 10px;
font-weight: 400;
}
.dept-card p { font-size: 0.87rem; color: var(--muted); line-height: 1.6; }
/* ── FOR WHO ── */
.for-who {
padding: 100px 0;
background: var(--navy-mid);
}
.for-who-inner { padding: 0 24px; max-width: 780px; margin: 0 auto; }
.for-who h2 { font-size: clamp(2rem, 4vw, 3rem); color: var(--white); margin: 20px 0 48px; text-align: center; }
.for-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2px;
background: var(--border);
border: 1px solid var(--border);
}
.for-col { background: var(--navy); padding: 40px 32px; }
.for-col-title {
font-size: 0.7rem;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 28px;
display: flex;
align-items: center;
gap: 10px;
}
.for-col-title.yes { color: var(--gold); }
.for-col-title.no { color: var(--muted); }
.for-col-title::after { content: ''; flex: 1; height: 1px; background: currentColor; opacity: 0.2; }
.for-list { list-style: none; display: flex; flex-direction: column; gap: 16px; }
.for-list li { font-size: 0.92rem; color: var(--cream); padding-left: 20px; position: relative; line-height: 1.5; }
.for-list li::before { position: absolute; left: 0; }
.for-list.yes li::before { content: '✦'; color: var(--gold); font-size: 0.6rem; top: 4px; }
.for-list.no li::before { content: '○'; color: var(--muted); font-size: 0.7rem; top: 3px; }
/* ── TESTIMONIALS ── */
.testimonials {
padding: 100px 0;
background: radial-gradient(ellipse 80% 40% at 50% 50%, rgba(201,168,76,0.05) 0%, transparent 70%);
}
.testimonials-inner { padding: 0 24px; max-width: 780px; margin: 0 auto; text-align: center; }
.testimonials h2 { font-size: clamp(2rem, 4vw, 3rem); color: var(--white); margin: 20px 0 56px; }
.testi-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
}
.testi-card {
border: 1px solid var(--border);
padding: 32px 28px;
text-align: left;
background: rgba(201,168,76,0.02);
position: relative;
}
.testi-card::before {
content: '"';
font-family: 'Cormorant Garamond', serif;
font-size: 5rem;
color: var(--gold);
opacity: 0.15;
position: absolute;
top: 8px; left: 16px;
line-height: 1;
}
.testi-text { font-size: 0.95rem; color: var(--cream); line-height: 1.7; margin-bottom: 20px; font-style: italic; }
.testi-author { font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold); }
.testi-role { font-size: 0.72rem; color: var(--muted); margin-top: 2px; }
.testi-placeholder { color: var(--muted); font-style: italic; opacity: 0.5; }
/* ── ABOUT ── */
.about {
padding: 100px 0;
background: var(--navy-mid);
}
.about-inner {
display: grid;
grid-template-columns: 1fr 1.6fr;
gap: 64px;
align-items: center;
padding: 0 24px;
max-width: 860px;
margin: 0 auto;
}
.about-left { position: relative; }
.about-img-wrap {
width: 100%;
aspect-ratio: 3/4;
background: var(--navy-light);
border: 1px solid var(--border);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
}
.about-img-wrap::after {
content: 'BECKY BEACH';
font-size: 0.6rem;
letter-spacing: 0.3em;
color: var(--muted);
position: absolute;
bottom: 16px;
}
.about-img-placeholder {
font-family: 'Cormorant Garamond', serif;
font-size: 4rem;
color: var(--gold);
opacity: 0.2;
}
.about-accent {
position: absolute;
bottom: -16px; right: -16px;
width: 60%;
height: 60%;
border: 1px solid var(--border);
z-index: -1;
}
.about-right .eyebrow { margin-bottom: 20px; }
.about-right h2 { font-size: clamp(1.8rem, 3vw, 2.6rem); color: var(--white); margin-bottom: 24px; }
.about-right p { font-size: 0.95rem; color: var(--muted); margin-bottom: 16px; }
.about-right p strong { color: var(--cream); font-weight: 400; }
/* ── OFFER BLOCK ── */
.offer {
padding: 100px 0;
background: radial-gradient(ellipse 100% 60% at 50% 50%, rgba(201,168,76,0.08) 0%, transparent 70%);
}
.offer-inner { padding: 0 24px; max-width: 700px; margin: 0 auto; text-align: center; }
.offer h2 { font-size: clamp(2.2rem, 4vw, 3.4rem); color: var(--white); margin: 20px 0 16px; }
.offer-tagline { font-size: 1.05rem; color: var(--muted); margin-bottom: 56px; }
.offer-box {
border: 1px solid var(--gold);
padding: 48px 40px;
background: rgba(201,168,76,0.03);
position: relative;
overflow: hidden;
}
.offer-box::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 2px;
background: linear-gradient(90deg, transparent, var(--gold), transparent);
}
.offer-name {
font-family: 'Cormorant Garamond', serif;
font-size: 2rem;
color: var(--gold);
margin-bottom: 8px;
}
.offer-desc { font-size: 0.9rem; color: var(--muted); margin-bottom: 36px; }
.offer-includes {
list-style: none;
text-align: left;
margin-bottom: 40px;
display: flex;
flex-direction: column;
gap: 12px;
}
.offer-includes li {
display: flex;
align-items: flex-start;
gap: 12px;
font-size: 0.92rem;
color: var(--cream);
padding-bottom: 12px;
border-bottom: 1px solid rgba(201,168,76,0.08);
}
.offer-includes li:last-child { border-bottom: none; padding-bottom: 0; }
.offer-includes li .check {
color: var(--gold);
font-size: 0.7rem;
flex-shrink: 0;
margin-top: 4px;
}
.offer-cta {
display: block;
width: 100%;
background: var(--gold);
color: var(--navy);
font-family: 'DM Sans', sans-serif;
font-size: 0.82rem;
font-weight: 500;
letter-spacing: 0.16em;
text-transform: uppercase;
padding: 20px;
text-decoration: none;
text-align: center;
transition: background 0.2s, transform 0.2s;
margin-bottom: 16px;
position: relative;
overflow: hidden;
}
.offer-cta::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.25) 50%, transparent 100%);
background-size: 200% 100%;
animation: shimmer 3s infinite;
}
.offer-cta:hover { background: var(--gold-light); transform: translateY(-2px); }
.offer-guarantee {
font-size: 0.78rem;
color: var(--muted);
letter-spacing: 0.05em;
margin-top: 12px;
}
.offer-guarantee strong { color: var(--cream); font-weight: 400; }
/* ── FINAL CTA ── */
.final-cta {
padding: 120px 0 80px;
text-align: center;
position: relative;
}
.final-cta::before {
content: '';
position: absolute;
top: 0; left: 50%; transform: translateX(-50%);
width: 1px;
height: 80px;
background: linear-gradient(to bottom, var(--gold), transparent);
opacity: 0.3;
}
.final-cta h2 { font-size: clamp(2.4rem, 5vw, 4rem); color: var(--white); margin: 20px auto 20px; max-width: 640px; }
.final-cta p { font-size: 1rem; color: var(--muted); max-width: 460px; margin: 0 auto 48px; }
/* ── FOOTER ── */
footer {
padding: 40px 24px;
border-top: 1px solid var(--border);
text-align: center;
position: relative;
z-index: 1;
}
footer p { font-size: 0.75rem; color: var(--muted); letter-spacing: 0.06em; }
footer a { color: var(--gold); text-decoration: none; }
/* ── DIVIDER ── */
.section-divider {
width: 60px;
height: 1px;
background: var(--gold);
margin: 0 auto 20px;
animation: lineDraw 0.8s ease both;
}
/* ── RESPONSIVE ── */
@media (max-width: 680px) {
.hero-stats { gap: 24px; flex-wrap: wrap; }
.for-grid { grid-template-columns: 1fr; }
.about-inner { grid-template-columns: 1fr; gap: 40px; }
.about-left { display: none; }
nav { padding: 16px 20px; }
.nav-logo { font-size: 0.95rem; }
.offer-box { padding: 32px 24px; }
}
</style>
</head>
<body>
<!-- NAV -->
<nav>
<a class="nav-logo" href="#">Becky Beach</a>
<a class="nav-cta" href="#offer">Get Access →</a>
</nav>
<!-- HERO -->
<section class="hero">
<div class="hero-inner">
<div class="fade-in">
<div class="hero-badge"><span></span> Now Available — AI Executive Suite</div>
</div>
<h1 class="fade-up delay-1">
Your Business, Running<br><em>On Autopilot</em>
</h1>
<p class="hero-sub fade-up delay-2">
Eight AI-powered departments trained on your voice, your offers, and your audience — so your business runs without you doing everything yourself.
</p>
<div class="hero-cta-group fade-up delay-3">
<a href="#offer" class="btn-primary">Yes — Give Me My AI Operating System</a>
<a href="#departments" class="btn-secondary">See all 8 departments ↓</a>
</div>
<div class="hero-stats fade-up delay-4">
<div class="stat-item">
<span class="stat-num">8</span>
<span class="stat-label">Departments</span>
</div>
<div class="stat-item">
<span class="stat-num">1</span>
<span class="stat-label">Operating System</span>
</div>
<div class="stat-item">
<span class="stat-num">∞</span>
<span class="stat-label">Hours Saved</span>
</div>
</div>
</div>
</section>
<!-- PROBLEM -->
<section class="problem">
<div class="problem-inner">
<div class="eyebrow">The Real Problem</div>
<h2>You're not failing. You're just doing everything alone.</h2>
<p>You started your business to have <strong>freedom</strong> — more time, more presence, less stress. But somewhere along the way, it started needing you for every single thing.</p>
<p>Sound familiar?</p>
<ul class="problem-list">
<li>Writing every email, caption, and sales page from scratch</li>
<li>Answering the same customer questions over and over</li>
<li>Spending Sunday nights building a content calendar that's already outdated by Wednesday</li>
<li>Sitting down to "work on strategy" but spending the day in the weeds instead</li>
<li>Feeling like if you stopped, the whole thing would stop with you</li>
</ul>
</div>
</section>
<!-- SOLUTION -->
<section class="solution" id="departments">
<div class="solution-inner">
<div class="eyebrow">The Solution</div>
<h2>Meet Your<br><em>AI Executive Suite</em></h2>
<p>A complete AI-powered operating system for your business — eight departments, all trained on your specific voice, your audience, and your offers.</p>
</div>
<div class="container">
<div class="dept-grid">
<div class="dept-card">
<span class="dept-num">01</span>
<h3>Social Content</h3>
<p>Captions, reels, carousels, LinkedIn posts, and blog articles — written in your voice, built for your audience.</p>
</div>
<div class="dept-card">
<span class="dept-num">02</span>
<h3>Copy & Sales</h3>
<p>Emails, launch campaigns, landing pages, checkout pages, and ad copy engineered to convert.</p>
</div>
<div class="dept-card">
<span class="dept-num">03</span>
<h3>Podcast & Partnerships</h3>
<p>Pitch emails, call recaps, episode promotion, and full sales call preparation.</p>
</div>
<div class="dept-card">
<span class="dept-num">04</span>
<h3>Strategy & Growth</h3>
<p>Offer development, launch planning, scaling systems, and 90-day business roadmaps.</p>
</div>
<div class="dept-card">
<span class="dept-num">05</span>
<h3>Analytics</h3>
<p>Revenue analysis, course metrics, testimonial mining, and marketing performance — turned into clear decisions.</p>
</div>
<div class="dept-card">
<span class="dept-num">06</span>
<h3>Customer Support</h3>
<p>Inquiries, refunds, onboarding, objection handling, and re-engagement — handled with warmth and your exact tone.</p>
</div>
<div class="dept-card">
<span class="dept-num">07</span>
<h3>Research & Development</h3>
<p>Trending digital and physical product research, validation, and full product development briefs.</p>
</div>
<div class="dept-card">
<span class="dept-num">08</span>
<h3>UX Design</h3>
<p>Sales page audits, copy clarity reviews, usability testing, and A/B testing frameworks.</p>
</div>
</div>
</div>
</section>
<!-- FOR WHO -->
<section class="for-who">
<div class="for-who-inner">
<div class="eyebrow" style="justify-content:center;">Is This For You?</div>
<h2>Clarity before you buy.</h2>
<div class="for-grid">
<div class="for-col">
<div class="for-col-title yes">This is for you</div>
<ul class="for-list yes">
<li>You're working hard but the business still relies on you for everything</li>
<li>You want your content and emails to sound like you — not a generic template</li>
<li>You have great offers but not enough time to market them properly</li>
<li>You're tired of launching from scratch every time</li>
<li>You're ready to stop doing $10/hour tasks and start making $10,000 decisions</li>
</ul>
</div>
<div class="for-col">
<div class="for-col-title no">This is not for you</div>
<ul class="for-list no">
<li>You want a magic button that requires zero effort on your part</li>
<li>You haven't started your business yet and don't have an offer or audience</li>
<li>You want someone to do everything for you without learning the systems</li>
</ul>
</div>
</div>
</div>
</section>
<!-- TESTIMONIALS -->
<section class="testimonials">
<div class="testimonials-inner">
<div class="section-divider"></div>
<div class="eyebrow">Real Results</div>
<h2>What entrepreneurs are saying</h2>
<div class="testi-grid">
<div class="testi-card">
<p class="testi-text testi-placeholder">[Paste your first testimonial here — ideally result-focused with a specific outcome.]</p>
<div class="testi-author testi-placeholder">— Customer Name</div>
<div class="testi-role testi-placeholder">Business Type</div>
</div>
<div class="testi-card">
<p class="testi-text testi-placeholder">[Paste your second testimonial here — ideally a before/after transformation story.]</p>
<div class="testi-author testi-placeholder">— Customer Name</div>
<div class="testi-role testi-placeholder">Business Type</div>
</div>
<div class="testi-card">
<p class="testi-text testi-placeholder">[Paste your third testimonial here — ideally about ease of use or time saved.]</p>
<div class="testi-author testi-placeholder">— Customer Name</div>
<div class="testi-role testi-placeholder">Business Type</div>
</div>
</div>
</div>
</section>
<!-- ABOUT -->
<section class="about">
<div class="about-inner">
<div class="about-left">
<div class="about-img-wrap">
<div class="about-img-placeholder">B</div>
</div>
<div class="about-accent"></div>
</div>
<div class="about-right">
<div class="eyebrow">About Becky</div>
<h2>Built by someone who's lived the overwhelm.</h2>
<p>Becky Beach is a 7-figure digital strategist and AI-powered systems expert who spent over a decade building the frameworks inside the AI Executive Suite.</p>
<p>She helps digital product sellers and entrepreneurs <strong>free up their time with AI-powered systems</strong> — so they can spend it with the people and moments that matter most.</p>
<p>This isn't theory. It's a battle-tested operating system built from real business experience, designed to give you the leverage of a full team <strong>without the payroll.</strong></p>
</div>
</div>
</section>
<!-- OFFER -->
<section class="offer" id="offer">
<div class="offer-inner">
<div class="section-divider"></div>
<div class="eyebrow">The Investment</div>
<h2>Everything you need.<br><em>Nothing you don't.</em></h2>
<p class="offer-tagline">One system. Eight departments. Built for your business.</p>
<div class="offer-box">
<div class="offer-name">AI Executive Suite</div>
<p class="offer-desc">Your complete AI-powered business operating system</p>
<ul class="offer-includes">
<li><span class="check">✦</span> Social Content Department — captions, reels, carousels, blog, LinkedIn</li>
<li><span class="check">✦</span> Copy & Sales Department — emails, landing pages, ad copy, full launch sequences</li>
<li><span class="check">✦</span> Podcast & Partnerships Department — pitch emails, call recaps, sales prep</li>
<li><span class="check">✦</span> Strategy & Growth Department — offer dev, launch planning, 90-day roadmaps</li>
<li><span class="check">✦</span> Analytics Department — revenue analysis, course metrics, testimonial mining</li>
<li><span class="check">✦</span> Customer Support Department — inquiries, refunds, re-engagement sequences</li>
<li><span class="check">✦</span> Research & Development Department — product research, validation, dev briefs</li>
<li><span class="check">✦</span> UX Design Department — sales page audits, copy clarity, A/B testing</li>
<li><span class="check">✦</span> Master Operating Instructions — your full playbook for activating all 8 departments</li>
<li><span class="check">✦</span> Business Branding Guide — so every output sounds exactly like you</li>
</ul>
<a href="https://beckybeach.ai/aiexecutivesuite" class="offer-cta">
Yes — Give Me My AI Operating System →
</a>
<p class="offer-guarantee">Questions before buying? <strong>Reach out at beckybeach.ai/contact</strong> — happy to help you decide if this is the right fit.</p>
</div>
</div>
</section>
<!-- FINAL CTA -->
<section class="final-cta">
<div class="container" style="text-align:center; padding: 0 24px;">
<div class="eyebrow" style="justify-content:center;">Your Next Step</div>
<h2>Your business doesn't have to run on your energy alone.</h2>
<p>The AI Executive Suite gives you the system, the strategy, and the leverage to scale — without burning out to get there.</p>
<a href="https://beckybeach.ai/aiexecutivesuite" class="btn-primary">Get Instant Access →</a>
</div>
</section>
<!-- FOOTER -->
<footer>
<p>© 2026 Mom Beach LLC dba Becky Beach Coaching. All rights reserved. · <a href="https://beckybeach.ai/privacy-policy">Privacy Policy</a> · <a href="https://beckybeach.ai/refund">Refund Policy</a></p>
</footer>
<script>
// Intersection Observer for scroll-triggered animations
const observer = new IntersectionObserver((entries) => {
entries.forEach(el => {
if (el.isIntersecting) {
el.target.style.opacity = '1';
el.target.style.transform = 'translateY(0)';
}
});
}, { threshold: 0.1 });
document.querySelectorAll('.dept-card, .testi-card, .for-col, .offer-box').forEach(el => {
el.style.opacity = '0';
el.style.transform = 'translateY(24px)';
el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
observer.observe(el);
});
// Staggered dept cards
document.querySelectorAll('.dept-card').forEach((el, i) => {
el.style.transitionDelay = `${i * 0.06}s`;
});
// Staggered testi cards
document.querySelectorAll('.testi-card').forEach((el, i) => {
el.style.transitionDelay = `${i * 0.1}s`;
});
</script>
</body>
</html>
