> ## Documentation Index
> Fetch the complete documentation index at: https://docs.anotherwrapper.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Landing Page

> How the public marketing page is structured and where to edit it

<Info>
  AnotherWrapper doesn't just ship app dashboards. It includes a complete public-facing marketing page so you're not starting from a blank screen when it's time to sell your product.
</Info>

## What You Get

A full marketing page that:

* Explains what the product does
* Shows the app in action
* Builds trust with testimonials and logos
* Answers common objections with an FAQ
* Presents pricing
* Pushes visitors toward checkout or signup

This isn't "just design." It's part of your product and your sales funnel.

## Page Structure

The landing page route is `app/landing/page.tsx`, which assembles reusable sections:

| Section       | File                                   |
| ------------- | -------------------------------------- |
| Navbar        | `components/landing/navbar.tsx`        |
| Hero          | `components/landing/hero.tsx`          |
| Logos         | `components/landing/logos.tsx`         |
| Features      | `components/landing/features.tsx`      |
| Apps Showcase | `components/landing/apps-showcase.tsx` |
| How It Works  | `components/landing/how-it-works.tsx`  |
| Testimonials  | `components/landing/testimonials.tsx`  |
| Pricing       | `components/landing/pricing.tsx`       |
| FAQ           | `components/landing/faq.tsx`           |
| CTA           | `components/landing/cta.tsx`           |
| Footer        | `components/landing/footer.tsx`        |

You don't need to rewrite one giant page. Just edit the section that owns the content you care about.

## Customization Guide

<AccordionGroup>
  <Accordion title="Hero section">
    Update the headline, subheadline, and primary CTA in `components/landing/hero.tsx`. This is the first thing visitors see, so make it count.
  </Accordion>

  <Accordion title="Features and app showcase">
    Edit `components/landing/features.tsx` and `components/landing/apps-showcase.tsx` to match your actual product. Replace screenshots and descriptions.
  </Accordion>

  <Accordion title="Pricing">
    Update copy and checkout links in `components/landing/pricing.tsx`. Make sure the links point to your real payment flows.
  </Accordion>

  <Accordion title="Testimonials and social proof">
    Swap out testimonials in `components/landing/testimonials.tsx` and logos in `components/landing/logos.tsx`.
  </Accordion>

  <Accordion title="FAQ">
    Update `components/landing/faq.tsx` with questions your actual users ask.
  </Accordion>

  <Accordion title="CTA and footer">
    Edit `components/landing/cta.tsx` for the final call to action and `components/landing/footer.tsx` for links and branding.
  </Accordion>
</AccordionGroup>

## Recommended Editing Order

If you're new to this, follow this order to avoid wasting time on styling before the business flow works:

<Steps>
  <Step title="Update the copy">
    Change headlines, descriptions, and feature claims first. Make sure they match your product.
  </Step>

  <Step title="Replace screenshots and app descriptions">
    Swap visuals so the page shows your actual product, not the demo.
  </Step>

  <Step title="Update pricing and checkout links">
    Make sure the pricing section links to your real payment flows.
  </Step>

  <Step title="Connect analytics and email">
    Verify that visitor tracking and email capture are working before you drive traffic.
  </Step>

  <Step title="Redesign sections (optional)">
    Only now should you start tweaking layouts and styling. The business flow should already be correct.
  </Step>
</Steps>

<Warning>
  Don't ship a beautiful page that still talks about features your product no longer has. Update copy before design.
</Warning>

## Connected Services

The landing page works hand-in-hand with several other systems:

<CardGroup cols={3}>
  <Card title="SEO" icon="magnifying-glass" href="/services/seo">
    Metadata, sitemap, and OG images for your landing page.
  </Card>

  <Card title="Analytics" icon="chart-line" href="/services/analytics">
    Track which sections and CTAs actually convert.
  </Card>

  <Card title="Payments" icon="money-bill" href="/payments">
    Connect pricing sections to real checkout flows.
  </Card>
</CardGroup>