feat(blog): add CTA band above footer

[waleedlatif1]

Summary

• Add the shared Cta component ("Build your first agent today." / Get started / Contact sales) above the footer on the blog listing page, matching the homepage's closing CTA band

Type of Change

• New feature

Testing

Tested manually - verified desktop (1440px) and mobile (390px) render correctly, no horizontal overflow, CTA spacing matches homepage convention, existing blog list/pagination untouched.

Checklist

• Code follows project style guidelines
• Self-reviewed my changes
• Tests added/updated and passing
• No new warnings introduced
• I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
docs	Skipped		Jul 2, 2026 2:06am

[cursor]

PR Summary

Low Risk
Presentation-only landing change; no auth, data, or blog listing logic affected.

Overview
Adds the shared landing Cta band below the blog index content so readers get the same “Get started / Contact sales” closing section as the homepage.

The page return is wrapped in a fragment: the existing blog section is unchanged, followed by a spacer (mt-[120px] / responsive variants aligned with the homepage section gaps) and Cta.

^{Reviewed by Cursor Bugbot for commit 65480f6. Configure here.}

[greptile-apps]

Greptile Summary

This PR adds the shared Cta component ("Build your first agent today.") above the footer on the blog listing page, matching the closing CTA band already used on the homepage. The existing <section> is wrapped in a React fragment, and the Cta is appended after it with a wrapper <div> carrying mt-[120px] spacing that mirrors the homepage's flex gap-[120px] rhythm.

• The Cta import is added from the barrel @/app/(landing)/components, consistent with repo import conventions, and is placed before the existing JsonLd import in alphabetical order.
• The spacing values (mt-[120px] max-sm:mt-16 max-lg:mt-[88px]) directly replicate the homepage's <main> gap breakpoints, and the Footer's own mt-[120px] continues to handle the space below — so the CTA is visually framed identically on both pages.

Confidence Score: 5/5

Safe to merge — the change is additive, touches only the blog listing page, and reuses an existing tested component with no modifications to data-fetching or pagination logic.

A single component import and a two-element fragment wrapper. The spacing values are copied verbatim from the homepage's gap breakpoints, the Cta component itself is unchanged, and the blog's data-loading path is completely untouched.

No files require special attention.

Important Files Changed

Filename	Overview
apps/sim/app/(landing)/blog/page.tsx	Adds Cta import and renders it below the blog section inside a fragment; spacing wrapper correctly mirrors homepage gap breakpoints. No logic changes to blog data-fetching or pagination.

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
    A[LandingShell] --> B[Navbar]
    A --> C[main#main-content\nBlogLayout]
    A --> D[Footer\nmt-120px]

    C --> E[React Fragment]
    E --> F[section.bg--bg\nBlog content\nheader / featured / remaining / pagination]
    E --> G[div.mt-120px\nspacing wrapper]
    G --> H[Cta\nsection#cta\nh2 + ChipLinks]

    style G fill:#f0f4ff,stroke:#6366f1
    style H fill:#f0f4ff,stroke:#6366f1

Loading

%%{init: {'theme': 'base', 'themeVariables': {"darkMode": true, "background": "#0d1117", "primaryColor": "#21262d", "primaryTextColor": "#e6edf3", "primaryBorderColor": "#8b949e", "lineColor": "#8b949e", "textColor": "#e6edf3", "edgeLabelBackground": "#161b22", "actorBkg": "#21262d", "actorBorder": "#8b949e", "actorTextColor": "#e6edf3", "actorLineColor": "#8b949e", "signalColor": "#8b949e", "signalTextColor": "#e6edf3", "noteBkgColor": "#373320", "noteBorderColor": "#d4a72c", "noteTextColor": "#f0e6c0", "labelBoxBkgColor": "#21262d", "labelBoxBorderColor": "#8b949e", "labelTextColor": "#e6edf3", "loopTextColor": "#e6edf3", "activationBkgColor": "#30363d", "activationBorderColor": "#8b949e"}}}%%
flowchart TD
    A[LandingShell] --> B[Navbar]
    A --> C[main#main-content\nBlogLayout]
    A --> D[Footer\nmt-120px]

    C --> E[React Fragment]
    E --> F[section.bg--bg\nBlog content\nheader / featured / remaining / pagination]
    E --> G[div.mt-120px\nspacing wrapper]
    G --> H[Cta\nsection#cta\nh2 + ChipLinks]

    style G fill:#f0f4ff,stroke:#6366f1
    style H fill:#f0f4ff,stroke:#6366f1

Loading

_{Reviews (1): Last reviewed commit: "feat(blog): add CTA band above footer" | Re-trigger Greptile}