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