.hmptn-wrap *, .hmptn-wrap *::before, .hmptn-wrap *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
–hmptn-black: #080808;
–hmptn-white: #F5F0E8;
–hmptn-cream: #EDE7D6;
–hmptn-gold: #C9A84C;
–hmptn-gold-light: #E8C96B;
–hmptn-charcoal: #1A1A1A;
–hmptn-mid: #2E2E2E;
}
html { scroll-behavior: smooth; }
.hmptn-wrap {
background: var(–hmptn-black);
color: var(–hmptn-white);
font-family: ‘DM Sans’, sans-serif;
font-weight: 300;
overflow-x: hidden;
position: relative;
}
/* GRAIN OVERLAY */
.hmptn-wrap::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.04’/%3E%3C/svg%3E”);
pointer-events: none;
z-index: 999;
opacity: 0.5;
}
/* NAV */
.hmptn-wrap nav {
position: fixed;
top: 0; left: 0; right: 0;
z-index: 100;
display: flex;
justify-content: space-between;
align-items: center;
padding: 24px 48px;
background: linear-gradient(to bottom, rgba(8,8,8,0.95), transparent);
}
.hmptn-wrap .logo {
font-family: ‘Bebas Neue’, sans-serif;
font-size: 22px;
letter-spacing: 4px;
color: var(–hmptn-gold);
}
.hmptn-wrap .nav-cta {
background: var(–hmptn-gold);
color: var(–hmptn-black);
padding: 10px 24px;
font-family: ‘DM Sans’, sans-serif;
font-weight: 600;
font-size: 13px;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: none;
transition: background 0.2s, transform 0.2s;
}
.hmptn-wrap .nav-cta:hover { background: var(–hmptn-gold-light); transform: translateY(-1px); }
/* HERO */
.hmptn-wrap .hero {
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
padding: 120px 48px 80px;
position: relative;
overflow: hidden;
}
.hmptn-wrap .hero-bg {
position: absolute;
inset: 0;
background:
radial-gradient(ellipse 80% 60% at 70% 50%, rgba(201,168,76,0.08) 0%, transparent 60%),
radial-gradient(ellipse 40% 40% at 20% 80%, rgba(201,168,76,0.04) 0%, transparent 50%);
}
.hmptn-wrap .hero-tag {
font-size: 12px;
letter-spacing: 5px;
text-transform: uppercase;
color: var(–hmptn-gold);
margin-bottom: 24px;
opacity: 0;
animation: hmptnFadeUp 0.8s 0.2s forwards;
}
.hmptn-wrap .hero h1 {
font-family: ‘Bebas Neue’, sans-serif;
font-size: clamp(64px, 10vw, 140px);
line-height: 0.92;
letter-spacing: 2px;
max-width: 900px;
opacity: 0;
animation: hmptnFadeUp 0.8s 0.4s forwards;
}
.hmptn-wrap .hero h1 span { color: var(–hmptn-gold); }
.hmptn-wrap .hero-sub {
margin-top: 36px;
font-size: 18px;
font-weight: 300;
max-width: 520px;
line-height: 1.7;
color: rgba(245,240,232,0.7);
opacity: 0;
animation: hmptnFadeUp 0.8s 0.6s forwards;
}
.hmptn-wrap .hero-actions {
margin-top: 48px;
display: flex;
gap: 16px;
align-items: center;
opacity: 0;
animation: hmptnFadeUp 0.8s 0.8s forwards;
}
.hmptn-wrap .btn-primary {
background: var(–hmptn-gold);
color: var(–hmptn-black);
padding: 16px 36px;
font-weight: 600;
font-size: 14px;
letter-spacing: 1.5px;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
transition: all 0.2s;
}
.hmptn-wrap .btn-primary:hover { background: var(–hmptn-gold-light); transform: translateY(-2px); }
.hmptn-wrap .btn-ghost {
color: var(–hmptn-white);
font-size: 14px;
letter-spacing: 1px;
text-decoration: none;
border-bottom: 1px solid rgba(245,240,232,0.3);
padding-bottom: 2px;
transition: all 0.2s;
}
.hmptn-wrap .btn-ghost:hover { border-color: var(–hmptn-gold); color: var(–hmptn-gold); }
.hmptn-wrap .hero-scroll {
position: absolute;
bottom: 40px;
left: 48px;
font-size: 11px;
letter-spacing: 4px;
text-transform: uppercase;
color: rgba(245,240,232,0.3);
writing-mode: vertical-rl;
display: flex;
align-items: center;
gap: 12px;
}
.hmptn-wrap .hero-scroll::before {
content: ”;
width: 1px;
height: 48px;
background: linear-gradient(to bottom, var(–hmptn-gold), transparent);
display: block;
}
/* TICKER STRIP */
.hmptn-wrap .ticker-strip {
background: var(–hmptn-gold);
padding: 14px 0;
overflow: hidden;
white-space: nowrap;
}
.hmptn-wrap .ticker-inner {
display: inline-flex;
gap: 0;
animation: hmptnTicker 25s linear infinite;
}
.hmptn-wrap .ticker-item {
font-family: ‘Bebas Neue’, sans-serif;
font-size: 15px;
letter-spacing: 3px;
color: var(–hmptn-black);
padding: 0 32px;
}
.hmptn-wrap .ticker-sep { color: rgba(8,8,8,0.4); }
/* SECTION BASE */
.hmptn-wrap section { padding: 100px 48px; }
.hmptn-wrap .section-label {
font-size: 11px;
letter-spacing: 5px;
text-transform: uppercase;
color: var(–hmptn-gold);
margin-bottom: 16px;
}
.hmptn-wrap .section-title {
font-family: ‘Bebas Neue’, sans-serif;
font-size: clamp(42px, 5vw, 72px);
line-height: 1;
letter-spacing: 2px;
max-width: 700px;
}
/* WHAT YOU GET */
.hmptn-wrap .what-section {
background: var(–hmptn-charcoal);
position: relative;
overflow: hidden;
}
.hmptn-wrap .what-section::before {
content: ‘AI’;
position: absolute;
right: -40px;
top: 50%;
transform: translateY(-50%);
font-family: ‘Bebas Neue’, sans-serif;
font-size: 400px;
color: rgba(255,255,255,0.02);
line-height: 1;
pointer-events: none;
}
.hmptn-wrap .what-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2px;
margin-top: 60px;
max-width: 900px;
}
.hmptn-wrap .what-card {
background: var(–hmptn-mid);
padding: 36px;
position: relative;
overflow: hidden;
transition: background 0.3s;
}
.hmptn-wrap .what-card:hover { background: #333; }
.hmptn-wrap .what-card::after {
content: ”;
position: absolute;
bottom: 0; left: 0;
width: 0; height: 2px;
background: var(–hmptn-gold);
transition: width 0.4s;
}
.hmptn-wrap .what-card:hover::after { width: 100%; }
.hmptn-wrap .card-num {
font-family: ‘Bebas Neue’, sans-serif;
font-size: 48px;
color: rgba(201,168,76,0.2);
line-height: 1;
margin-bottom: 8px;
}
.hmptn-wrap .card-title {
font-weight: 600;
font-size: 16px;
margin-bottom: 10px;
letter-spacing: 0.5px;
}
.hmptn-wrap .card-desc {
font-size: 14px;
color: rgba(245,240,232,0.55);
line-height: 1.7;
}
/* PRICING */
.hmptn-wrap .pricing-section { background: var(–hmptn-black); }
.hmptn-wrap .pricing-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2px;
margin-top: 60px;
}
.hmptn-wrap .price-card {
background: var(–hmptn-charcoal);
padding: 40px 32px;
position: relative;
transition: transform 0.3s;
border-top: 2px solid transparent;
}
.hmptn-wrap .price-card:hover { transform: translateY(-6px); }
.hmptn-wrap .price-card.featured {
background: var(–hmptn-gold);
border-top: 2px solid var(–hmptn-gold-light);
}
.hmptn-wrap .price-card.featured * { color: var(–hmptn-black) !important; }
.hmptn-wrap .price-card.featured .price-tag { color: var(–hmptn-black) !important; }
.hmptn-wrap .price-tier {
font-size: 11px;
letter-spacing: 4px;
text-transform: uppercase;
color: var(–hmptn-gold);
margin-bottom: 8px;
}
.hmptn-wrap .price-name {
font-family: ‘Bebas Neue’, sans-serif;
font-size: 32px;
letter-spacing: 2px;
margin-bottom: 20px;
}
.hmptn-wrap .price-tag {
font-family: ‘Bebas Neue’, sans-serif;
font-size: 52px;
letter-spacing: 1px;
line-height: 1;
color: var(–hmptn-white);
}
.hmptn-wrap .price-period { font-size: 13px; color: rgba(245,240,232,0.5); margin-bottom: 28px; margin-top: 4px; }
.hmptn-wrap .price-divider { height: 1px; background: rgba(245,240,232,0.1); margin: 20px 0; }
.hmptn-wrap .price-feature {
font-size: 13px;
color: rgba(245,240,232,0.65);
margin-bottom: 10px;
padding-left: 16px;
position: relative;
line-height: 1.5;
}
.hmptn-wrap .price-feature::before {
content: ‘→’;
position: absolute;
left: 0;
color: var(–hmptn-gold);
font-size: 12px;
}
.hmptn-wrap .price-card.featured .price-feature { color: rgba(8,8,8,0.7); }
.hmptn-wrap .price-card.featured .price-feature::before { color: rgba(8,8,8,0.5); }
.hmptn-wrap .price-card.featured .price-divider { background: rgba(8,8,8,0.15); }
.hmptn-wrap .price-card.featured .price-tier { color: rgba(8,8,8,0.6); }
.hmptn-wrap .price-card.featured .price-period { color: rgba(8,8,8,0.6); }
.hmptn-wrap .best-badge {
position: absolute;
top: -1px; right: 24px;
background: var(–hmptn-black);
color: var(–hmptn-gold);
font-size: 10px;
letter-spacing: 2px;
text-transform: uppercase;
padding: 5px 12px;
}
/* WHO */
.hmptn-wrap .who-section { background: var(–hmptn-charcoal); }
.hmptn-wrap .who-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 2px;
margin-top: 60px;
}
.hmptn-wrap .who-card {
background: var(–hmptn-mid);
padding: 28px 24px;
text-align: center;
transition: background 0.2s, transform 0.2s;
cursor: default;
}
.hmptn-wrap .who-card:hover { background: #333; transform: translateY(-4px); }
.hmptn-wrap .who-icon { font-size: 32px; margin-bottom: 14px; }
.hmptn-wrap .who-name { font-size: 13px; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 6px; }
.hmptn-wrap .who-desc { font-size: 12px; color: rgba(245,240,232,0.45); line-height: 1.5; }
/* PROCESS */
.hmptn-wrap .process-section { background: var(–hmptn-black); }
.hmptn-wrap .process-steps {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2px;
margin-top: 60px;
}
.hmptn-wrap .step {
padding: 40px 32px;
background: var(–hmptn-charcoal);
position: relative;
}
.hmptn-wrap .step::after {
content: ‘→’;
position: absolute;
right: -20px;
top: 50%;
transform: translateY(-50%);
color: var(–hmptn-gold);
font-size: 20px;
z-index: 2;
}
.hmptn-wrap .step:last-child::after { display: none; }
.hmptn-wrap .step-num {
font-family: ‘Bebas Neue’, sans-serif;
font-size: 72px;
color: rgba(201,168,76,0.15);
line-height: 1;
margin-bottom: 12px;
}
.hmptn-wrap .step-title { font-weight: 600; font-size: 16px; margin-bottom: 10px; }
.hmptn-wrap .step-desc { font-size: 14px; color: rgba(245,240,232,0.55); line-height: 1.7; }
/* CTA */
.hmptn-wrap .cta-section {
background: var(–hmptn-gold);
padding: 100px 48px;
text-align: center;
position: relative;
overflow: hidden;
}
.hmptn-wrap .cta-section::before {
content: ‘BOOK NOW’;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: ‘Bebas Neue’, sans-serif;
font-size: 300px;
color: rgba(8,8,8,0.04);
white-space: nowrap;
pointer-events: none;
}
.hmptn-wrap .cta-section .section-label { color: rgba(8,8,8,0.5); }
.hmptn-wrap .cta-section .section-title { color: var(–hmptn-black); margin: 0 auto; text-align: center; }
.hmptn-wrap .cta-sub {
font-size: 17px;
color: rgba(8,8,8,0.6);
max-width: 480px;
margin: 20px auto 40px;
line-height: 1.7;
}
.hmptn-wrap .btn-dark {
background: var(–hmptn-black);
color: var(–hmptn-gold);
padding: 18px 48px;
font-weight: 600;
font-size: 14px;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
transition: all 0.2s;
}
.hmptn-wrap .btn-dark:hover { background: var(–hmptn-charcoal); transform: translateY(-2px); }
/* FOOTER */
.hmptn-wrap footer {
background: var(–hmptn-black);
border-top: 1px solid rgba(201,168,76,0.15);
padding: 40px 48px;
display: flex;
justify-content: space-between;
align-items: center;
}
.hmptn-wrap .footer-logo {
font-family: ‘Bebas Neue’, sans-serif;
font-size: 20px;
letter-spacing: 4px;
color: var(–hmptn-gold);
}
.hmptn-wrap .footer-text {
font-size: 12px;
color: rgba(245,240,232,0.3);
letter-spacing: 1px;
}
/* ANIMATIONS */
@keyframes hmptnFadeUp {
from { opacity: 0; transform: translateY(24px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes hmptnTicker {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}
/* RESPONSIVE */
@media (max-width: 900px) {
.hmptn-wrap nav { padding: 20px 24px; }
.hmptn-wrap .hero { padding: 100px 24px 60px; }
.hmptn-wrap section { padding: 70px 24px; }
.hmptn-wrap .what-grid { grid-template-columns: 1fr; }
.hmptn-wrap .pricing-grid { grid-template-columns: 1fr 1fr; }
.hmptn-wrap .who-grid { grid-template-columns: repeat(2, 1fr); }
.hmptn-wrap .process-steps { grid-template-columns: 1fr 1fr; }
.hmptn-wrap .step::after { display: none; }
.hmptn-wrap footer { flex-direction: column; gap: 12px; text-align: center; }
}
@media (max-width: 560px) {
.hmptn-wrap .pricing-grid { grid-template-columns: 1fr; }
.hmptn-wrap .process-steps { grid-template-columns: 1fr; }
.hmptn-wrap .hero h1 { font-size: 56px; }
.hmptn-wrap .hero-scroll { display: none; }
}
HMPTN.AI
Get Your Free Ad
AI-Powered Advertising · The Hamptons · 11968
YOUR BRAND.
IMPOSSIBLE
TO IGNORE.
We create cinematic, AI-generated video ads for local Hamptons businesses — scroll-stopping content that fills seats, books appointments, and drives real revenue.
Scroll
AI VIDEO ADS✦
SCROLL-STOPPING CONTENT✦
48HR TURNAROUND✦
HAMPTONS LOCAL✦
REAL RESULTS✦
FREE FIRST AD✦
AI VIDEO ADS✦
SCROLL-STOPPING CONTENT✦
48HR TURNAROUND✦
HAMPTONS LOCAL✦
REAL RESULTS✦
FREE FIRST AD✦
What We Deliver
CONTENT THAT ACTUALLY CONVERTS
01
AI Video Ads
Cinematic 15–60 second clips that make your business look like a million-dollar brand — ready to post on Instagram, Facebook & TikTok.
02
Caption + Copy
Every ad comes with professionally written caption copy and hashtags — you just copy, paste, and post.
03
Multi-Format Delivery
Reels (9:16), Stories (9:16), and Square (1:1) formats included — so you’re covered on every platform and placement.
04
Brand Consistency
Colors, fonts, logo placement, and tone stay consistent across every piece of content we create for you.
Who We Work With
BUILT FOR HAMPTONS BUSINESSES
🏡
Real Estate
Listing videos that sell
🍽️
Restaurants
Menus that make mouths water
💪
Fitness Studios
Class promos that fill spots
👗
Boutiques
Product spotlights that sell
💅
Beauty Pros
Before/after content that books
🔨
Contractors
Cinematic renovation reels
🩺
Healthcare
Professional, trust-building brand
🎯
Coaches
Premium presence that closes
🎉
Event Pros
Hype content that books gigs
🏖️
Hotels & Airbnb
Experience storytelling that converts
Packages
STRAIGHT-FORWARD PRICING
Starter
THE SPARK
$200
per video
1 AI video ad (15–30 sec)
1 round of revisions
Reels + Stories format
3-day delivery
Most Popular
Growth
MOMENTUM
$500
per month
4 AI video ads / month
Caption copy included
All formats delivered
48hr priority turnaround
Pro
BRAND BUILDER
$1,200
per month
8 AI video ads / month
Brand style guide
1 hero brand video / mo
Bi-weekly strategy calls
VIP
RETAINER
$2,500
per month
Up to 15 creatives / month
Full content management
Direct text/DM access
Exclusive — 2 clients max
How It Works
SIMPLE. FAST. RESULTS.
01
You Reach Out
DM us or click below. We’ll grab your brand info and what you want to promote.
02
We Build Your Free Ad
We create a complimentary sample so you can see exactly what your content will look like.
03
You Love It or Leave It
Zero pressure. If you’re blown away, we talk packages. If not, it cost you nothing.
04
Content Ships Weekly
You get polished, ready-to-post content delivered. You just hit share.
Jeremy Presner, Editor 