// ============================================================
// autoclient.io — ad-platform pages (config-driven via ServicePage)
// TikTok · YouTube · Snapchat · Instagram · Streaming TV/Roku · Spotify
// ============================================================

const PLATFORM_STEPS = [
  { t: "Audit", d: "We review your audience, past creative, and goals to find the right angle." },
  { t: "Strategy", d: "Format mix, creative concepts, and projected CPA — mapped in days." },
  { t: "Launch", d: "Campaigns go live with AI testing creative, audiences, and bids around the clock." },
  { t: "Optimize", d: "Winners scale, losers get cut. You watch clients and revenue compound." },
];

const TIKTOK_CFG = {
  overline: "TikTok Ads",
  title: 'TikTok advertising that<br/><span class="gt" style="font-weight:300">reaches wider.</span>',
  sub: "Meet a billion-plus users where culture happens. Native, creator-style campaigns that maximize reach and ROI without feeling like ads.",
  grid: {
    overline: "Ad formats", title: "Every way to win on TikTok.", cols: 3,
    cards: [
      { icon: "play", name: "In-Feed Ads", d: "Native videos that blend into the For You feed and drive action." },
      { icon: "eye", name: "TopView", d: "The first thing users see when they open the app — maximum impact." },
      { icon: "zap", name: "Brand Takeover", d: "Full-screen, sound-on placements that own the moment of open." },
      { icon: "wand-2", name: "Branded Effects", d: "Custom filters and effects that put your brand in users' own content." },
      { icon: "hash", name: "Hashtag Challenge", d: "Spark participation at scale and turn your audience into creators." },
      { icon: "layout-grid", name: "Collection Ads", d: "Showcase multiple products in an immersive, shoppable experience." },
    ],
  },
  value: {
    overline: "Why TikTok", title: "Creative is the targeting.",
    body: "On TikTok, the right hook beats the perfect audience. We produce native creative in volume, let AI find the winners, and scale only behind what performs.",
    points: ["Creator-style creative built for the platform", "AI bidding that scales winning hooks fast", "Reach audiences you can't find elsewhere", "ROAS measured against signed revenue"],
    hue: "coral", label: "Reach ▲",
    img: "https://images.unsplash.com/photo-1601924994987-69e26d50dc26?auto=format&fit=crop&w=1200&q=80",
    imgAlt: "Content creator recording a video with a ring light",
  },
  steps: PLATFORM_STEPS, faq: SERVICE_FAQ,
  cta: { title: "Ready to win on TikTok?", sub: "Get a free TikTok plan with creative angles and projected CPA." },
};

const YOUTUBE_CFG = {
  overline: "YouTube Ads",
  title: 'YouTube advertising that<br/><span class="gt" style="font-weight:300">captures attention.</span>',
  sub: "Reach 2.5B+ viewers with video that earns the watch. From six-second bumpers to Shorts, we make every impression work.",
  grid: {
    overline: "Ad formats", title: "Every way to win on YouTube.", cols: 3,
    cards: [
      { icon: "play", name: "Skippable In-Stream", d: "Pay for engaged views and drive action with longer-form video." },
      { icon: "timer", name: "Non-Skippable", d: "Guaranteed 15-second views for unmissable brand moments." },
      { icon: "zap", name: "Bumper Ads", d: "Six seconds of high-frequency reach that sticks." },
      { icon: "list-video", name: "In-Feed Video", d: "Show up in search and suggested feeds at the moment of intent." },
      { icon: "smartphone", name: "Shorts Ads", d: "Vertical, snackable video that taps YouTube's fastest-growing surface." },
      { icon: "monitor", name: "Masthead", d: "Own the homepage for launches and tentpole campaigns." },
    ],
  },
  value: {
    overline: "Why YouTube", title: "Reach and intent in one platform.",
    body: "YouTube is both the world's biggest reach engine and its second-biggest search engine. We combine the two so you build demand and capture it.",
    points: ["Audience targeting by intent, interest, and life event", "Creative built for sound-on and sound-off", "Measured against views, leads, and revenue", "Sequenced storytelling across formats"],
    hue: "violet", label: "Views ▲",
    img: "https://images.unsplash.com/photo-1573164713988-8665fc963095?auto=format&fit=crop&w=1200&q=80",
    imgAlt: "Editor reviewing video content on a large screen",
  },
  steps: PLATFORM_STEPS, faq: SERVICE_FAQ,
  cta: { title: "Ready to win on YouTube?", sub: "Get a free YouTube plan with format mix and projected results." },
};

const SNAPCHAT_CFG = {
  overline: "Snapchat Ads",
  title: 'Snapchat advertising that<br/><span class="gt" style="font-weight:300">reaches the unreachable.</span>',
  sub: "Connect with a highly engaged, hard-to-find audience through full-screen vertical creative and AR that people actually play with.",
  grid: {
    overline: "Ad formats", title: "Every way to win on Snapchat.", cols: 3,
    cards: [
      { icon: "image", name: "Single Image / Video", d: "Full-screen vertical creative that drives swipe-ups and action." },
      { icon: "book-open", name: "Story Ads", d: "A branded tile in Discover that opens into a series of snaps." },
      { icon: "layout-grid", name: "Collection Ads", d: "Tappable product tiles for a frictionless shopping moment." },
      { icon: "refresh-cw", name: "Dynamic Ads", d: "Automatically personalized product ads that scale with your catalog." },
      { icon: "scan-face", name: "AR Lenses", d: "Branded augmented-reality experiences users share with friends." },
      { icon: "clapperboard", name: "Commercials", d: "Non-skippable six-second spots in premium curated content." },
    ],
  },
  value: {
    overline: "Why Snapchat", title: "An audience your competitors miss.",
    body: "Snapchat reaches people other platforms can't — and its AR and full-screen formats earn attention you can't buy with a banner.",
    points: ["Full-screen, sound-on by default", "AR experiences that drive real engagement", "Reach a younger, mobile-first audience", "Measured against leads and revenue"],
    hue: "pink", label: "Engage ▲",
    img: "https://images.unsplash.com/photo-1517457373958-b7bdd4587205?auto=format&fit=crop&w=1200&q=80",
    imgAlt: "Crowd of young people recording an event on their phones",
  },
  steps: PLATFORM_STEPS, faq: SERVICE_FAQ,
  cta: { title: "Ready to win on Snapchat?", sub: "Get a free Snapchat plan with creative concepts and projected CPA." },
};

const INSTAGRAM_CFG = {
  overline: "Instagram Ads",
  title: 'Instagram advertising that<br/><span class="gt" style="font-weight:300">stops the scroll.</span>',
  sub: "Feed, Stories, Reels, and Shopping — visual-first campaigns that turn discovery into demand and demand into clients.",
  grid: {
    overline: "Ad placements", title: "Every way to win on Instagram.", cols: 3,
    cards: [
      { icon: "square", name: "Feed Ads", d: "Native posts that drive engagement and action in the main feed." },
      { icon: "circle-play", name: "Stories Ads", d: "Full-screen vertical moments between the content people love." },
      { icon: "clapperboard", name: "Reels Ads", d: "Tap into the highest-reach surface with native short video." },
      { icon: "compass", name: "Explore Ads", d: "Reach users in active discovery mode, primed to find something new." },
      { icon: "shopping-bag", name: "Shopping Ads", d: "Tappable, shoppable product tags that shorten the path to purchase." },
      { icon: "images", name: "Carousel Ads", d: "Multi-frame storytelling that showcases range and drives swipes." },
    ],
  },
  value: {
    overline: "Why Instagram", title: "Where discovery becomes demand.",
    body: "Instagram is where people find what's next. We pair scroll-stopping creative with precise targeting and retargeting to move them from interested to invested.",
    points: ["Creative built for feed, Stories, and Reels", "Precise audience and lookalike targeting", "Shopping and lead formats wired to convert", "ROAS measured against signed revenue"],
    hue: "purple", label: "Convert ▲",
    img: "https://images.unsplash.com/photo-1493119508027-2b584f234d6c?auto=format&fit=crop&w=1200&q=80",
    imgAlt: "Photographer editing a visual campaign at a desk",
  },
  steps: PLATFORM_STEPS, faq: SERVICE_FAQ,
  cta: { title: "Ready to win on Instagram?", sub: "Get a free Instagram plan with creative angles and projected CPA." },
};

const STREAMING_CFG = {
  overline: "Streaming TV & Roku Ads",
  title: 'Streaming TV that<br/><span class="gt" style="font-weight:300">reaches the living room.</span>',
  sub: "Premium, non-skippable video on the biggest screen in the house — with the targeting and measurement of digital.",
  grid: {
    overline: "Ad formats", title: "Every way to win on CTV.", cols: 3,
    cards: [
      { icon: "tv", name: "CTV Video Spots", d: "Non-skippable 15s and 30s spots on premium streaming inventory." },
      { icon: "home", name: "Roku Home", d: "Own the home screen with marquee placements at the point of choice." },
      { icon: "mouse-pointer-click", name: "Interactive Video", d: "Shoppable and actionable TV that turns viewers into leads." },
      { icon: "users", name: "Audience Targeting", d: "Reach households by demographics, interests, and behavior — not guesses." },
      { icon: "layers", name: "Sponsored Content", d: "Native branded placements across streaming apps and channels." },
      { icon: "git-merge", name: "Sequential Messaging", d: "Tell a story across screens, from TV to mobile retargeting." },
    ],
  },
  value: {
    overline: "Why streaming", title: "TV impact, digital accountability.",
    body: "Streaming gives you the prestige and attention of television with the audience precision and measurement of performance marketing. No wasted GRPs.",
    points: ["Household-level targeting and frequency control", "Non-skippable, sound-on, big-screen attention", "Cross-device retargeting from TV to phone", "Measured against site visits, leads, and revenue"],
    hue: "violet", label: "Lift ▲",
    img: "https://images.unsplash.com/photo-1522869635100-9f4c5e86aa37?auto=format&fit=crop&w=1200&q=80",
    imgAlt: "Family relaxing on the couch watching streaming TV",
  },
  steps: PLATFORM_STEPS, faq: SERVICE_FAQ,
  cta: { title: "Ready to win the living room?", sub: "Get a free streaming TV plan with audience strategy and projected lift." },
};

const SPOTIFY_CFG = {
  overline: "Spotify Ads",
  title: 'Spotify advertising that<br/><span class="gt" style="font-weight:300">owns the moment.</span>',
  sub: "Reach listeners during the moments that matter — workouts, commutes, focus sessions — with audio and video that can't be scrolled past.",
  grid: {
    overline: "Ad formats", title: "Every way to win on Spotify.", cols: 3,
    cards: [
      { icon: "volume-2", name: "Audio Ads", d: "Sound-on messages between songs, with a clickable companion banner." },
      { icon: "video", name: "Video Takeover", d: "Full-attention video that plays while listeners are actively in-app." },
      { icon: "mic", name: "Podcast Ads", d: "Host-read and inserted spots in the shows your audience trusts." },
      { icon: "list-music", name: "Sponsored Playlist", d: "Brand the playlists that soundtrack your audience's day." },
      { icon: "panel-top", name: "Overlay Ads", d: "High-visibility placement the moment a listener returns to the app." },
      { icon: "home", name: "Homepage Takeover", d: "Own the homepage for a full day of premium, undivided reach." },
    ],
  },
  value: {
    overline: "Why Spotify", title: "The platform you can't skip.",
    body: "Audio reaches people when screens can't — and Spotify's first-party data means your message lands with the right listener in the right moment.",
    points: ["Sound-on attention in non-skippable moments", "Targeting by mood, activity, and audience", "Reach across audio, video, and podcasts", "Measured against leads and revenue"],
    hue: "mix", label: "Recall ▲",
    img: "https://images.unsplash.com/photo-1484704849700-f032a568e944?auto=format&fit=crop&w=1200&q=80",
    imgAlt: "Person listening to audio with over-ear headphones",
  },
  steps: PLATFORM_STEPS, faq: SERVICE_FAQ,
  cta: { title: "Ready to win on Spotify?", sub: "Get a free Spotify plan with format mix and projected reach." },
};

const META_CFG = {
  overline: "Meta Ads",
  title: 'Meta advertising that<br/><span class="gt" style="font-weight:300">scales profitably.</span>',
  sub: "Facebook and Instagram, run as one engine. Creative-led campaigns and AI bidding that turn the world's biggest social audience into signed clients.",
  grid: {
    overline: "What we run", title: "Every Meta placement that performs.", cols: 3,
    cards: [
      { icon: "thumbs-up", name: "Facebook Feed", d: "Demand-gen and retargeting in the feed where your audience already scrolls." },
      { icon: "camera", name: "Instagram Feed & Reels", d: "Native, scroll-stopping creative built for feed, Stories, and Reels." },
      { icon: "circle-play", name: "Stories & Reels", d: "Full-screen vertical moments between the content people love." },
      { icon: "shopping-bag", name: "Advantage+ Shopping", d: "AI-driven catalog campaigns that find buyers and scale winners." },
      { icon: "target", name: "Retargeting", d: "Win back the warm audience that didn't convert the first time." },
      { icon: "users", name: "Lookalike Audiences", d: "Model your best customers to find the next ones at scale." },
    ],
  },
  value: {
    overline: "Why it works", title: "Creative-led, AI-optimized, revenue-measured.",
    body: "On Meta, the creative is the targeting. We produce volume, let AI find the winners, and scale spend only behind what's actually driving clients.",
    points: ["Continuous creative testing, not set-and-forget", "Advantage+ and AI bidding that scale winners fast", "ROAS measured against signed revenue", "Full-funnel from cold reach to retargeting"],
    hue: "purple", label: "ROAS ▲",
    img: "https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1200&q=80",
    imgAlt: "Two marketers reviewing campaign creative on laptops",
  },
  steps: PLATFORM_STEPS, faq: SERVICE_FAQ,
  cta: { title: "Ready to win on Meta?", sub: "Get a free Meta plan with creative angles and projected CPA." },
};
function MetaPage() { return <ServicePage cfg={META_CFG} />; }

function TikTokPage() { return <ServicePage cfg={TIKTOK_CFG} />; }
function YouTubePage() { return <ServicePage cfg={YOUTUBE_CFG} />; }
function SnapchatPage() { return <ServicePage cfg={SNAPCHAT_CFG} />; }
function InstagramPage() { return <ServicePage cfg={INSTAGRAM_CFG} />; }
function StreamingPage() { return <ServicePage cfg={STREAMING_CFG} />; }
function SpotifyPage() { return <ServicePage cfg={SPOTIFY_CFG} />; }

Object.assign(window, { MetaPage, TikTokPage, YouTubePage, SnapchatPage, InstagramPage, StreamingPage, SpotifyPage });