diff --git a/.github/workflows/web.yml b/.github/workflows/web.yml
index 350bf325..c63c9cbf 100644
--- a/.github/workflows/web.yml
+++ b/.github/workflows/web.yml
@@ -34,7 +34,7 @@ jobs:
       - uses: pnpm/action-setup@v6
         name: Install pnpm
         with:
-          version: 11
+          version: 11.3.0
 
       - name: Install dependencies 📦
         run: pnpm install
@@ -66,7 +66,7 @@ jobs:
       - uses: pnpm/action-setup@v6
         name: Install pnpm
         with:
-          version: 11
+          version: 11.3.0
 
       - name: Install dependencies 📦
         run: pnpm install
diff --git a/web/app/layouts/website.vue b/web/app/layouts/website.vue
index 1aadb1b6..24dbff17 100644
--- a/web/app/layouts/website.vue
+++ b/web/app/layouts/website.vue
@@ -14,6 +14,7 @@ import {
   mdiScaleBalance,
   mdiEmailOutline,
   mdiBookOpenVariant,
+  mdiRocketLaunchOutline,
 } from '@mdi/js'
 
 const router = useRouter()
@@ -183,6 +184,19 @@ function goToPricing() {
           <v-col cols="12" md="3">
             <h2 class="text-headline-small mb-2">Resources</h2>
             <ul style="list-style: none" class="pa-0">
+              <li class="mb-2">
+                <NuxtLink
+                  to="/getting-started"
+                  class="text-white text-decoration-none footer-link"
+                >
+                  Getting Started
+                  <v-icon
+                    color="primary"
+                    size="small"
+                    :icon="mdiRocketLaunchOutline"
+                  />
+                </NuxtLink>
+              </li>
               <li class="mb-2">
                 <a
                   class="text-white text-decoration-none footer-link"
@@ -194,13 +208,13 @@ function goToPricing() {
                 </a>
               </li>
               <li class="mb-2">
-                <a
-                  href="https://httpsms.lemonsqueezy.com/affiliates"
+                <NuxtLink
+                  to="/affiliates"
                   class="text-white text-decoration-none footer-link"
                 >
                   Affiliates
                   <v-icon color="warning" size="small" :icon="mdiShieldStar" />
-                </a>
+                </NuxtLink>
               </li>
               <li class="mb-2">
                 <a
diff --git a/web/app/pages/affiliates/index.vue b/web/app/pages/affiliates/index.vue
new file mode 100644
index 00000000..864ee1e0
--- /dev/null
+++ b/web/app/pages/affiliates/index.vue
@@ -0,0 +1,228 @@
+<script setup lang="ts">
+import {
+  mdiCashMultiple,
+  mdiCreation,
+  mdiLinkVariant,
+  mdiWalletOutline,
+  mdiCalendarClock,
+  mdiCursorDefaultClick,
+  mdiArrowRightThin,
+  mdiChevronDown,
+} from '@mdi/js'
+
+definePageMeta({
+  layout: 'website',
+})
+
+useSeoMeta({
+  title: 'Affiliate Program — Earn 20% on every sale | httpSMS',
+  description:
+    'Become a httpSMS affiliate and earn 20% commission — up to $70.00 — on every customer you refer. Free to join, powered by Lemon Squeezy.',
+  ogTitle: 'Get paid to share httpSMS — earn 20% on every sale',
+  ogDescription:
+    'Become a httpSMS affiliate and earn 20% commission — up to $70.00 — on every customer you refer. Free to join, powered by Lemon Squeezy.',
+  ogImage: 'https://httpsms.com/header.png',
+  twitterCard: 'summary_large_image',
+})
+
+const { mdAndDown } = useDisplay()
+
+const signupUrl = 'https://affiliates.lemonsqueezy.com/programs/httpsms'
+
+const highlights = [
+  { value: '20%', label: 'commission on every sale' },
+  { value: '$70', label: 'max earned per referral' },
+  { value: 'NET30', label: 'payout terms' },
+  { value: '$10', label: 'minimum payout' },
+]
+
+const faqs = [
+  {
+    icon: mdiCreation,
+    question: 'Why promote us?',
+    answer:
+      "Affiliate partnerships are one of the simplest yet most profitable ways to make money online. You send customers our way, and we'll pay you for it.",
+  },
+  {
+    icon: mdiLinkVariant,
+    question: 'How do I make money as an affiliate?',
+    answer:
+      'All you have to do is recommend us using your affiliate link on your website, blog, and social media. We track your clicks and transactions so you can get paid.',
+  },
+  {
+    icon: mdiCashMultiple,
+    question: 'How much can I earn?',
+    answer:
+      "You earn 20% commission — up to $70.00 — on every referral that results in a successful sale. There's no limit to how much you can make by promoting us.",
+  },
+  {
+    icon: mdiWalletOutline,
+    question: 'What are the payout minimums?',
+    answer:
+      'We require a minimum balance of $10.00 before processing an affiliate payout. We set this to avoid any fraudulent issues with our affiliate program.',
+  },
+  {
+    icon: mdiCalendarClock,
+    question: 'When do I get paid?',
+    answer:
+      'We payout on NET30 terms to account for refunds and chargebacks. For example, commissions generated in January would be paid out on March 15th (NET30).',
+  },
+  {
+    icon: mdiCursorDefaultClick,
+    question: 'How do I sign up?',
+    answer:
+      'The Lemon Squeezy affiliate hub hosts our affiliate program. Click the "Become an affiliate" button below to create a Lemon Squeezy account and join our program.',
+  },
+]
+
+const scrollToFaq = () => {
+  document.getElementById('faq')?.scrollIntoView({ behavior: 'smooth' })
+}
+</script>
+
+<template>
+  <div>
+    <!-- Hero -->
+    <VContainer>
+      <VRow>
+        <VCol cols="12" md="8" offset-md="2" class="pt-16 pb-8 text-center">
+          <VChip color="pink" label class="mb-6">
+            <VIcon start :icon="mdiCashMultiple" />
+            Affiliate Program
+          </VChip>
+          <h1 class="text-display-large font-weight-bold pb-1">
+            Get paid to share httpSMS
+          </h1>
+          <p
+            class="text-medium-emphasis text-headline-small font-weight-light mt-8 mb-8"
+          >
+            Earn
+            <span class="text-primary font-weight-bold">20% commission</span> —
+            up to <span class="text-primary font-weight-bold">$70.00</span> — on
+            every customer you refer. Recommend httpSMS on your blog, videos, or
+            social, and we'll track every click and pay you.
+          </p>
+          <div>
+            <VBtn
+              color="primary"
+              size="large"
+              class="ma-2"
+              :href="signupUrl"
+              target="_blank"
+              rel="noopener"
+            >
+              <VIcon start :icon="mdiCashMultiple" />
+              Become an affiliate
+            </VBtn>
+            <VBtn
+              size="large"
+              variant="tonal"
+              class="ma-2"
+              @click="scrollToFaq"
+            >
+              How it works
+              <VIcon end :icon="mdiChevronDown" />
+            </VBtn>
+          </div>
+        </VCol>
+      </VRow>
+    </VContainer>
+
+    <!-- Highlights -->
+    <VSheet class="py-16">
+      <VContainer>
+        <VRow>
+          <VCol
+            v-for="highlight in highlights"
+            :key="highlight.label"
+            cols="6"
+            md="3"
+            class="text-center"
+          >
+            <p class="text-display-medium font-weight-bold text-primary mb-1">
+              {{ highlight.value }}
+            </p>
+            <p class="text-title-large font-weight-light text-medium-emphasis">
+              {{ highlight.label }}
+            </p>
+          </VCol>
+        </VRow>
+      </VContainer>
+    </VSheet>
+
+    <!-- FAQ -->
+    <VContainer id="faq" class="py-16">
+      <VRow>
+        <VCol cols="12" md="8" offset-md="2">
+          <h2
+            class="text-md-display-large text-display-medium text-center mb-4"
+          >
+            Frequently Asked Questions
+          </h2>
+          <p class="text-center text-title-large text-medium-emphasis mb-8">
+            Everything you need to know before you start earning with httpSMS.
+          </p>
+        </VCol>
+      </VRow>
+      <VRow>
+        <VCol
+          v-for="faq in faqs"
+          :key="faq.question"
+          cols="12"
+          md="6"
+          class="py-6"
+        >
+          <div class="d-flex" :class="{ 'flex-column text-center': mdAndDown }">
+            <VIcon
+              size="32"
+              color="primary"
+              class="mr-4 mb-2"
+              :class="{ 'mx-auto': mdAndDown }"
+              :icon="faq.icon"
+            />
+            <div>
+              <h3 class="text-headline-small font-weight-bold mb-2">
+                {{ faq.question }}
+              </h3>
+              <p
+                class="text-title-large font-weight-light text-medium-emphasis"
+              >
+                {{ faq.answer }}
+              </p>
+            </div>
+          </div>
+        </VCol>
+      </VRow>
+    </VContainer>
+
+    <!-- Closing CTA -->
+    <VSheet class="py-16">
+      <VContainer>
+        <VRow>
+          <VCol cols="12" md="8" offset-md="2" class="text-center">
+            <h2 class="text-display-medium font-weight-bold mb-4">
+              Ready to start earning?
+            </h2>
+            <p
+              class="text-title-large font-weight-light text-medium-emphasis mb-8"
+            >
+              Join free, grab your link, and turn your audience into recurring
+              income.
+            </p>
+            <VBtn
+              color="primary"
+              size="x-large"
+              :href="signupUrl"
+              target="_blank"
+              rel="noopener"
+            >
+              <VIcon start :icon="mdiCashMultiple" />
+              Become an affiliate
+              <VIcon end :icon="mdiArrowRightThin" />
+            </VBtn>
+          </VCol>
+        </VRow>
+      </VContainer>
+    </VSheet>
+  </div>
+</template>
diff --git a/web/app/pages/getting-started.vue b/web/app/pages/getting-started.vue
new file mode 100644
index 00000000..dbf85d77
--- /dev/null
+++ b/web/app/pages/getting-started.vue
@@ -0,0 +1,347 @@
+<script setup lang="ts">
+import {
+  mdiDownload,
+  mdiAccountPlusOutline,
+  mdiOpenInNew,
+  mdiCheckCircle,
+  mdiLanguagePython,
+  mdiMicrosoftExcel,
+  mdiFileDelimitedOutline,
+  mdiLightningBolt,
+  mdiWebhook,
+  mdiLockOutline,
+} from '@mdi/js'
+import { useDisplay } from 'vuetify'
+
+const { mdAndUp } = useDisplay()
+
+const apkUrl =
+  'https://github.com/NdoleStudio/httpsms/releases/latest/download/HttpSms.apk'
+
+definePageMeta({ layout: 'website' })
+
+useSeoMeta({
+  title: 'Getting Started - Send your first SMS with httpSMS',
+  description:
+    'Turn your Android phone into an SMS gateway in 5 minutes. Download the app, sign in with your API key, and send your first text message with httpSMS.',
+  ogTitle: 'Getting Started with httpSMS - Send your first SMS in 5 minutes',
+  ogDescription:
+    'Turn your Android phone into an SMS gateway in 5 minutes. Download the app, sign in with your API key, and send your first text message.',
+  ogImage: 'https://httpsms.com/header.png',
+  twitterCard: 'summary_large_image',
+})
+
+type AutomationLink = {
+  title: string
+  description: string
+  to: string
+  icon: string
+}
+
+const automations: AutomationLink[] = [
+  {
+    title: 'Send SMS with Python',
+    description: 'Automate text messages from your scripts in a few lines.',
+    to: '/blog/send-sms-from-android-phone-with-python',
+    icon: mdiLanguagePython,
+  },
+  {
+    title: 'Send SMS from Excel',
+    description:
+      'Message a whole list of contacts straight from a spreadsheet.',
+    to: '/blog/how-to-send-sms-messages-from-excel',
+    icon: mdiMicrosoftExcel,
+  },
+  {
+    title: 'Send bulk SMS from a CSV',
+    description: 'Upload a CSV and text everyone on it — no code needed.',
+    to: '/blog/send-bulk-sms-from-csv-file-with-no-code',
+    icon: mdiFileDelimitedOutline,
+  },
+  {
+    title: 'Send SMS with Zapier',
+    description: 'Text a contact when a new row lands in Google Sheets.',
+    to: '/blog/send-sms-when-new-row-is-added-to-google-sheets-using-zapier',
+    icon: mdiLightningBolt,
+  },
+  {
+    title: 'Forward SMS to a webhook',
+    description: 'Push every incoming message to your own server in real time.',
+    to: '/blog/forward-incoming-sms-from-phone-to-webhook',
+    icon: mdiWebhook,
+  },
+  {
+    title: 'Encrypt your messages',
+    description: 'Add end-to-end encryption so only you can read your texts.',
+    to: '/blog/end-to-end-encryption-to-sms-messages',
+    icon: mdiLockOutline,
+  },
+]
+</script>
+
+<template>
+  <VContainer class="pt-8">
+    <VRow :class="{ 'mt-16': mdAndUp }">
+      <VCol cols="12" md="9">
+        <!-- Hero -->
+        <span class="text-overline text-primary">Getting started</span>
+        <h1
+          :class="
+            mdAndUp ? 'text-display-medium mt-1' : 'text-display-small mt-n2'
+          "
+        >
+          Send your first SMS in 5 minutes
+        </h1>
+        <p class="text-body-large mt-4 text-medium-emphasis">
+          httpSMS turns the Android phone in your pocket into an SMS gateway. No
+          new SIM card, no per-message contracts — just your phone, the app, and
+          the four steps below.
+        </p>
+
+        <div class="d-flex flex-wrap ga-3 mt-6">
+          <VBtn
+            color="primary"
+            size="large"
+            variant="flat"
+            :href="apkUrl"
+            :prepend-icon="mdiDownload"
+          >
+            Download the Android app
+          </VBtn>
+          <VBtn
+            color="primary"
+            size="large"
+            variant="outlined"
+            to="/login"
+            :prepend-icon="mdiAccountPlusOutline"
+          >
+            Create a free account
+          </VBtn>
+        </div>
+
+        <VDivider class="my-10" />
+
+        <!-- Step 1 -->
+        <div class="d-flex align-center mb-3">
+          <VAvatar color="primary" size="40" class="mr-3">
+            <span class="text-title-large font-weight-bold">1</span>
+          </VAvatar>
+          <h2 class="text-headline-large">
+            Create your account &amp; copy your API key
+          </h2>
+        </div>
+        <p>
+          Sign up at
+          <NuxtLink
+            class="text-decoration-none hover:text-decoration-underline"
+            to="/login"
+            >httpsms.com</NuxtLink
+          >, then open
+          <NuxtLink
+            class="text-decoration-none hover:text-decoration-underline"
+            to="/settings"
+            >Settings</NuxtLink
+          >
+          and copy your API key. You'll paste it into the app in Step 3, so keep
+          it handy.
+        </p>
+        <VImg
+          class="rounded mt-4"
+          alt="httpSMS settings page showing the API key"
+          src="/img/blog/forward-incoming-sms-from-phone-to-webhook/settings.png"
+        />
+
+        <VDivider class="my-10" />
+
+        <!-- Step 2 -->
+        <div class="d-flex align-center mb-3">
+          <VAvatar color="primary" size="40" class="mr-3">
+            <span class="text-title-large font-weight-bold">2</span>
+          </VAvatar>
+          <h2 class="text-headline-large">Download &amp; install the app</h2>
+        </div>
+        <p>
+          <a
+            class="text-decoration-none hover:text-decoration-underline"
+            :href="apkUrl"
+            >⬇️ Download the httpSMS app</a
+          >
+          onto your Android phone and open the file to install it. If Android
+          asks, allow installs from this source — that's normal for apps
+          downloaded outside the Play Store.
+        </p>
+
+        <!-- Placeholder: replace with a GIF of installing the APK -->
+        <div class="media-placeholder rounded mt-4">
+          <div class="text-h4">📹</div>
+          <p class="text-title-medium mt-2 mb-0">
+            GIF: Downloading &amp; installing the app
+          </p>
+          <p class="text-body-small text-medium-emphasis mb-0">
+            /img/getting-started/install-app.gif
+          </p>
+        </div>
+
+        <VDivider class="my-10" />
+
+        <!-- Step 3 -->
+        <div class="d-flex align-center mb-3">
+          <VAvatar color="primary" size="40" class="mr-3">
+            <span class="text-title-large font-weight-bold">3</span>
+          </VAvatar>
+          <h2 class="text-headline-large">Sign in on your phone</h2>
+        </div>
+        <p>
+          Open the app, paste the API key from Step 1, and enter the phone
+          number of this Android phone. This is the phone that will send your
+          messages.
+        </p>
+        <VAlert type="info" variant="tonal" class="my-4">
+          Enter your phone number in international format, e.g.
+          <code>+18005550199</code>.
+        </VAlert>
+
+        <VRow class="mt-2">
+          <VCol cols="12" sm="6">
+            <VImg
+              class="rounded"
+              alt="httpSMS Android app sign-in screen"
+              max-height="520"
+              src="/img/blog/forward-incoming-sms-from-phone-to-webhook/android-app.png"
+            />
+          </VCol>
+          <VCol cols="12" sm="6">
+            <!-- Placeholder: replace with a GIF of signing in -->
+            <div class="media-placeholder media-placeholder-tall rounded">
+              <div class="text-h4">📹</div>
+              <p class="text-title-medium mt-2 mb-0">GIF: Signing in</p>
+              <p class="text-body-small text-medium-emphasis mb-0">
+                /img/getting-started/sign-in.gif
+              </p>
+            </div>
+          </VCol>
+        </VRow>
+
+        <VAlert
+          type="info"
+          variant="outlined"
+          class="mt-6"
+          :icon="mdiCheckCircle"
+        >
+          On Android 15+ you'll need to grant SMS permissions before the app can
+          send texts. Follow our short guide:
+          <NuxtLink
+            class="text-decoration-none hover:text-decoration-underline font-weight-bold"
+            to="/blog/grant-send-and-read-sms-permissions-on-android"
+            >How to grant SMS permissions on Android 15+</NuxtLink
+          >.
+        </VAlert>
+
+        <VDivider class="my-10" />
+
+        <!-- Step 4 -->
+        <div class="d-flex align-center mb-3">
+          <VAvatar color="primary" size="40" class="mr-3">
+            <span class="text-title-large font-weight-bold">4</span>
+          </VAvatar>
+          <h2 class="text-headline-large">Send your first SMS</h2>
+        </div>
+        <p>
+          Head to your dashboard, start a new message, and text yourself a quick
+          hello. Your phone sends it over the network, and you'll see it arrive
+          on the other device. That's it — you're up and running.
+        </p>
+
+        <!-- Placeholder: replace with a GIF of composing and sending a message -->
+        <div class="media-placeholder rounded mt-4">
+          <div class="text-h4">📹</div>
+          <p class="text-title-medium mt-2 mb-0">
+            GIF: Composing &amp; sending a message
+          </p>
+          <p class="text-body-small text-medium-emphasis mb-0">
+            /img/getting-started/send-sms.gif
+          </p>
+        </div>
+
+        <div class="mt-6">
+          <VBtn
+            color="primary"
+            size="large"
+            variant="flat"
+            to="/threads"
+            :append-icon="mdiOpenInNew"
+          >
+            Open your dashboard
+          </VBtn>
+        </div>
+
+        <VDivider class="my-10" />
+
+        <!-- Automate it -->
+        <h2 class="text-headline-large mb-1">Ready to automate?</h2>
+        <p class="text-body-large text-medium-emphasis mt-0 mb-4">
+          Now that your phone is sending texts, wire it into the tools you
+          already use.
+        </p>
+        <VRow>
+          <VCol v-for="item in automations" :key="item.to" cols="12" sm="6">
+            <NuxtLink
+              :to="item.to"
+              class="text-decoration-none hover:text-decoration-underline"
+            >
+              <VHover v-slot="{ isHovering, props: hoverProps }">
+                <VCard
+                  v-bind="hoverProps"
+                  :elevation="isHovering ? 8 : 2"
+                  :color="isHovering ? 'blue-darken-4' : undefined"
+                  class="automation-card d-flex align-center pa-4"
+                >
+                  <VAvatar
+                    color="primary"
+                    variant="tonal"
+                    size="44"
+                    class="mr-4"
+                  >
+                    <VIcon :icon="item.icon" />
+                  </VAvatar>
+                  <div>
+                    <div class="text-title-medium">{{ item.title }}</div>
+                    <div class="text-body-small text-medium-emphasis">
+                      {{ item.description }}
+                    </div>
+                  </div>
+                </VCard>
+              </VHover>
+            </NuxtLink>
+          </VCol>
+        </VRow>
+      </VCol>
+      <VCol v-if="mdAndUp" md="3">
+        <BlogSidebar />
+      </VCol>
+    </VRow>
+  </VContainer>
+</template>
+
+<style scoped>
+.media-placeholder {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  min-height: 220px;
+  padding: 24px;
+  border: 2px dashed rgb(var(--v-theme-primary));
+  background: rgb(var(--v-theme-primary), 0.04);
+}
+
+.media-placeholder-tall {
+  min-height: 520px;
+  height: 100%;
+}
+
+.automation-card {
+  transition: all 0.3s ease;
+}
+</style>
diff --git a/web/app/pages/threads/index.vue b/web/app/pages/threads/index.vue
index 03bd1ad5..1520c139 100644
--- a/web/app/pages/threads/index.vue
+++ b/web/app/pages/threads/index.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { mdiRocketLaunchOutline } from '@mdi/js'
+
 definePageMeta({
   middleware: ['auth'],
 })
@@ -47,6 +49,15 @@ onMounted(async () => {
             >
             if you have any questions
           </p>
+          <VBtn
+            color="primary"
+            variant="tonal"
+            class="mt-2"
+            to="/getting-started"
+            :prepend-icon="mdiRocketLaunchOutline"
+          >
+            New here? Get started
+          </VBtn>
         </div>
       </div>
     </VRow>
diff --git a/web/public/img/getting-started/README.md b/web/public/img/getting-started/README.md
new file mode 100644
index 00000000..b6866718
--- /dev/null
+++ b/web/public/img/getting-started/README.md
@@ -0,0 +1,11 @@
+# Getting Started media
+
+Drop the following assets here to replace the placeholders on
+`/getting-started` (`web/app/pages/getting-started.vue`):
+
+- `install-app.gif` — downloading & installing the APK on Android
+- `sign-in.gif` — signing in with the API key in the app
+- `send-sms.gif` — composing & sending a message from the dashboard
+
+Once a file is added, replace the matching `.media-placeholder` block on the
+page with a `<VImg src="/img/getting-started/<file>" />`.