Build a lead generation site

Build a lead generation landing page called "GrowthKit" using Next.js
and TypeScript. The page should have: a hero section with a bold headline,
subheadline, and a call-to-action button that scrolls to the form, a
social proof section with logos of companies or testimonials, a benefits
section with 3-4 feature cards explaining the value proposition, a
detailed "How it works" section with 3 steps, a testimonials carousel,
a lead capture section with a form and a compelling offer (like a free
guide or consultation), and a FAQ accordion. Use a modern, conversion-focused
design with a bold color scheme (dark background hero, white content sections,
bright CTA buttons). Make it fully responsive.

Improve the landing page sections:

- Hero: Add a gradient background, a large headline like "Grow your
  business with proven strategies", a subheadline explaining the offer,
  and a bright CTA button ("Get Your Free Guide"). Add a small trust
  badge below the button like "Join 5,000+ marketers".
- Social proof: Show a row of 5-6 grayscale company logos with the
  text "Trusted by teams at" above them.
- Benefits: Create 4 feature cards with icons, each explaining a key
  benefit. Use clear, outcome-focused copy.
- How it works: Show 3 numbered steps with icons explaining the process
  (1. Sign up, 2. Get the guide, 3. Implement and grow).
- Testimonials: Add a carousel with 3 testimonial cards, each with a
  quote, name, title, company, and headshot.
- FAQ: Add 5-6 common questions in an accordion component.
- Sticky CTA: Add a floating call-to-action button that appears when
  the user scrolls past the hero section.

Add a lead capture form to the landing page:

- Embed a Typeform or Tally form in the lead capture section. The form
  should collect: first name, email address, company name (optional),
  and "What is your biggest challenge?" (dropdown with 4-5 options).
- Style the form to match the landing page design. If using Tally, use
  the embedded mode for a seamless look.
- Add a Typeform/Tally webhook that fires on form submission and sends
  the data to a Next.js API route at /api/leads.
- On successful submission, show a thank-you message with a link to
  download the free guide (or redirect to a thank-you page).
- Add a secondary form in the hero section that collects just the email
  address for quick signups, then redirects to the full form or
  thank-you page.

Connect Mailchimp (or Brevo) for email marketing:

- In the /api/leads API route, add the new lead to a Mailchimp audience
  (or Brevo contact list) using the API. Tag the lead with the source
  page and their selected challenge.
- Set up a 5-email welcome/nurture sequence in Mailchimp:
  Email 1 (immediate): Welcome and deliver the free guide download link
  Email 2 (day 2): Share a relevant case study or success story
  Email 3 (day 4): Provide an actionable tip related to their challenge
  Email 4 (day 7): Introduce your product or service with social proof
  Email 5 (day 10): Final call to action with a limited-time offer or
  consultation booking link
- Add an unsubscribe link in every email to comply with email regulations.

Connect Airtable and set up lead tracking:

- Create an Airtable base called "Lead Pipeline" with a table called
  "Leads" containing these fields: Name (text), Email (email),
  Company (text), Challenge (single select), Source (text, from UTM
  parameters), Status (single select: New, Contacted, Qualified,
  Converted, Lost), Submitted At (date), Notes (long text),
  Email Sequence Status (single select: Not Started, In Progress,
  Completed)
- In the /api/leads API route, create a new Airtable record for every
  form submission with the lead's data and UTM source.
- Set the initial status to "New" for all incoming leads.
- Create Airtable views for each pipeline stage so you can quickly
  see which leads need follow-up.

Connect Google Analytics (GA4) and add conversion tracking:

- Add the GA4 measurement script to the landing page
- Track these events:
  page_view: automatic on page load
  cta_click: when the user clicks any call-to-action button
  form_start: when the user begins filling out the form
  form_submit: when the form is successfully submitted (this is
  your primary conversion event)
  thank_you_page_view: when the user reaches the thank-you page
- Set up the form_submit event as a conversion in the GA4 dashboard
- Add UTM parameter capture: read utm_source, utm_medium, and
  utm_campaign from the URL and pass them to the API route so they
  are stored in Airtable
- Create a funnel report in GA4: page_view > cta_click > form_start
  > form_submit to measure drop-off at each stage

Add A/B testing support:

- Create two variants of the hero section: Variant A with the current
  headline, and Variant B with an alternative headline and different
  CTA button color
- Use Netlify's split testing feature (branch-based A/B testing) to
  route 50% of traffic to each variant
- Track which variant each visitor sees by adding a custom dimension
  in Google Analytics (variant_id: "A" or "B")
- Include the variant ID in the form submission data so you can
  measure conversion rate per variant in Airtable
- After collecting enough data (at least 100 conversions per variant),
  pick the winner and make it the default

Deploy the landing page to Netlify:

- Set up the build configuration for Next.js with the correct build
  command and output directory
- Add all required environment variables: Typeform/Tally webhook secret,
  Mailchimp/Brevo API key and audience ID, Airtable API key and base ID,
  and Google Analytics measurement ID
- Enable automatic deploys so the site redeploys when you push changes
- Set up split testing branches for A/B testing
- Configure a custom domain like growthkit.netlify.app
- Add a _redirects file to handle the thank-you page URL cleanly