From f1995dcdb8cdb692bb1980587edd63fdbaee6e30 Mon Sep 17 00:00:00 2001 From: Acho Arnold Ewin Date: Sun, 5 Jul 2026 12:24:19 +0300 Subject: [PATCH 1/3] feat(web): add affiliates landing page Add a /affiliates marketing page with hero, benefit cards, how-it-works steps, a two-column FAQ, and a closing CTA. All CTAs point to the LemonSqueezy signup, and the external Affiliates footer link now uses an internal NuxtLink. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> --- web/app/layouts/website.vue | 6 +- web/app/pages/affiliates/index.vue | 298 +++++++++++++++++++++++++++++ 2 files changed, 301 insertions(+), 3 deletions(-) create mode 100644 web/app/pages/affiliates/index.vue diff --git a/web/app/layouts/website.vue b/web/app/layouts/website.vue index 1aadb1b6..eab29236 100644 --- a/web/app/layouts/website.vue +++ b/web/app/layouts/website.vue @@ -194,13 +194,13 @@ function goToPricing() {
  • - Affiliates - +
  • +import { + mdiCashMultiple, + mdiRepeatVariant, + mdiMagnet, + mdiCreditCardCheckOutline, + mdiArrowRightThin, + mdiChevronDown, +} from '@mdi/js' + +definePageMeta({ + layout: 'website', +}) + +useSeoMeta({ + title: 'Affiliate Program — Earn up to $70 per Sale | httpSMS', + description: + 'Join the httpSMS affiliate program and earn up to $70 for every customer you refer, with recurring commissions. Free to join, powered by LemonSqueezy.', + ogTitle: 'Get paid to share httpSMS — earn up to $70 per sale', + ogDescription: + 'Join the httpSMS affiliate program and earn up to $70 for every customer you refer, with recurring commissions. Free to join, powered by LemonSqueezy.', + ogImage: 'https://httpsms.com/header.png', + twitterCard: 'summary_large_image', +}) + +const { mdAndUp, mdAndDown } = useDisplay() + +const signupUrl = 'https://affiliates.lemonsqueezy.com/programs/httpsms' + +const benefits = [ + { + icon: mdiCashMultiple, + title: 'Up to $70 per sale', + body: 'Real commission on real subscriptions, not pennies per click.', + }, + { + icon: mdiRepeatVariant, + title: 'Recurring commission', + body: 'Get paid every month your referral stays, not just once.', + }, + { + icon: mdiMagnet, + title: 'A product that sticks', + body: 'Developers wire httpSMS into daily workflows, so they rarely leave.', + }, + { + icon: mdiCreditCardCheckOutline, + title: 'Payouts on autopilot', + body: 'LemonSqueezy tracks every referral and pays you automatically.', + }, +] + +const steps = [ + { + title: 'Sign up free', + body: 'Join through LemonSqueezy in under a minute. No cost, no catch.', + }, + { + title: 'Share your link', + body: 'Drop it in your blog posts, videos, docs, or DMs.', + }, + { + title: 'Get paid', + body: 'We handle tracking and payouts. You collect on every sale.', + }, +] + +const faqs = [ + { + question: 'How much can I earn?', + answer: + 'Up to $70 per sale, plus recurring commission for as long as your referral stays subscribed.', + }, + { + question: 'How do I get paid?', + answer: + 'LemonSqueezy tracks your referrals and pays you automatically on their schedule.', + }, + { + question: 'Who can join?', + answer: + "Anyone. Bloggers, YouTubers, developers, agencies — and it's free to join.", + }, + { + question: 'How do I track my referrals?', + answer: + 'Your LemonSqueezy dashboard shows clicks, referrals, and earnings in real time.', + }, + { + question: 'What converts best?', + answer: + 'Tutorials, honest reviews, and comparisons that show how httpSMS turns an Android phone into an SMS gateway.', + }, +] + +const scrollToHowItWorks = () => { + document + .getElementById('how-it-works') + ?.scrollIntoView({ behavior: 'smooth' }) +} + + + + + From 81a76c9cb5bab5c23fcd7e588edf3113804c9928 Mon Sep 17 00:00:00 2001 From: Acho Arnold Ewin Date: Sun, 5 Jul 2026 12:45:12 +0300 Subject: [PATCH 2/3] feat(web): rework affiliates page to match landing page Rewrite the /affiliates page to match the site's visual language (gradient headings, highlights strip, VSheet sections). Use the real Lemon Squeezy affiliate FAQ copy in a two-column grid and surface the 20% commission alongside the up-to-\ payout. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> --- web/app/pages/affiliates/index.vue | 278 ++++++++++++----------------- 1 file changed, 113 insertions(+), 165 deletions(-) diff --git a/web/app/pages/affiliates/index.vue b/web/app/pages/affiliates/index.vue index 460ddaea..dfd6513d 100644 --- a/web/app/pages/affiliates/index.vue +++ b/web/app/pages/affiliates/index.vue @@ -1,9 +1,11 @@ @@ -106,22 +86,20 @@ const scrollToHowItWorks = () => { -

    + + Affiliate Program -

    -

    + +

    Get paid to share httpSMS

    - Earn up to $70 for - every customer you refer — and keep earning every month they stay - subscribed. If you already tell people to ditch expensive short - codes, you might as well get paid for it. + Earn 20% commission — up to + $70.00 — on every customer + you refer. Recommend httpSMS on your blog, videos, or social, and + we'll track every click and pay you.

    { size="large" variant="tonal" class="ma-2" - @click="scrollToHowItWorks" + @click="scrollToFaq" > - See how it works + How it works
    @@ -149,118 +127,92 @@ const scrollToHowItWorks = () => {     - + -

    - Why promote httpSMS -

    -

    - A generous program built on a product people actually keep. -

    - - -

    - {{ benefit.title }} -

    -

    - {{ benefit.body }} -

    -     +

    + {{ highlight.value }} +

    +

    + {{ highlight.label }} +

    - - -

    - How it works -

    -

    - From sign-up to payout in three steps. -

    + + + + +

    + Frequently Asked Questions +

    +

    + Everything you need to know before you start earning with httpSMS. +

    +     +     -
    - - {{ index + 1 }} - +
    + +
    +

    + {{ faq.question }} +

    +

    + {{ faq.answer }} +

    +
    -

    - {{ step.title }} -

    -

    - {{ step.body }} -

    - + - -

    - Frequently asked questions -

    - - -

    - {{ faq.question }} -

    -

    - {{ faq.answer }} -

    -     -     -     -     -     -     - - - - - - -

    + +

    Ready to start earning?

    -

    +

    Join free, grab your link, and turn your audience into recurring income.

    { Become an affiliate - -     - - + + + +

    @@ -284,15 +236,11 @@ const scrollToHowItWorks = () => { -webkit-text-fill-color: transparent; } -.gradient-step { - width: 56px; - height: 56px; - border-radius: 50%; - background-image: -webkit-linear-gradient(0deg, #1ad37f 14%, #329ef4 55%); +.gradient-underline { color: #fff; -} - -.gradient-cta { - border: 1px solid rgba(26, 211, 127, 0.4); + background-image: -webkit-linear-gradient(0deg, #1ad37f 14%, #329ef4 55%); + background-repeat: no-repeat; + background-position: 0 100%; + background-size: 100% 3px; } From 85113454566e708cf442ef72dfdedb0a50578346 Mon Sep 17 00:00:00 2001 From: Acho Arnold Ewin Date: Sun, 5 Jul 2026 12:53:30 +0300 Subject: [PATCH 3/3] style(web): remove gradient/glowing text from affiliates page Drop the gradient-header and gradient-underline treatments (reserved for the homepage hero). Keep the title at text-display-large and use the theme primary color for emphasis instead. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> --- web/app/pages/affiliates/index.vue | 32 +++++++----------------------- 1 file changed, 7 insertions(+), 25 deletions(-) diff --git a/web/app/pages/affiliates/index.vue b/web/app/pages/affiliates/index.vue index dfd6513d..562db3e9 100644 --- a/web/app/pages/affiliates/index.vue +++ b/web/app/pages/affiliates/index.vue @@ -90,16 +90,17 @@ const scrollToFaq = () => { Affiliate Program -

    +

    Get paid to share httpSMS

    - Earn 20% commission — up to - $70.00 — on every customer - you refer. Recommend httpSMS on your blog, videos, or social, and - we'll track every click and pay you. + Earn + 20% commission — + up to $70.00 — on + every customer you refer. Recommend httpSMS on your blog, videos, or + social, and we'll track every click and pay you.

    { md="3" class="text-center" > -

    +

    {{ highlight.value }}

    @@ -227,20 +226,3 @@ const scrollToFaq = () => {

    - -