# Framer Landing Pages

Use this page if your landing page is built in Framer.

Framer button and link settings may not expose `target="_top"` directly. Use a Framer code override on the login buttons so login opens in the full browser tab instead of inside the embedded landing page.

## Step 1: Set Button URLs

In Framer, set your buttons to:

| Button               | URL                                          |
| -------------------- | -------------------------------------------- |
| Brand login/signup   | `https://<rootDomain>/continue?role=brand`   |
| Creator login/signup | `https://<rootDomain>/continue?role=creator` |

Use your real root domain.

Do not link to `api.<rootDomain>`.

## Step 2: Add Button Overrides

In Framer:

1. Open Assets.
2. Open Code.
3. Create a new Override file.
4. Add these overrides.

```tsx
import type { ComponentType } from "react";

export function BrandTopTarget(Component): ComponentType {
  return (props) => {
    return (
      <Component
        {...props}
        link="https://<rootDomain>/continue?role=brand"
        href="https://<rootDomain>/continue?role=brand"
        target="_top"
        rel="noopener"
      />
    );
  };
}

export function CreatorTopTarget(Component): ComponentType {
  return (props) => {
    return (
      <Component
        {...props}
        link="https://<rootDomain>/continue?role=creator"
        href="https://<rootDomain>/continue?role=creator"
        target="_top"
        rel="noopener"
      />
    );
  };
}
```

Replace `<rootDomain>` with your real root domain.

Then:

1. Select the brand login/signup button.
2. Apply the `BrandTopTarget` override.
3. Select the creator login/signup button.
4. Apply the `CreatorTopTarget` override.
5. Publish the site.

If the button still opens inside the embedded frame after adding the overrides, send us the published Framer URL so we can help.

## Send Us

* Confirmation that the Framer site is published.
* Confirmation that brand buttons use `/continue?role=brand`.
* Confirmation that creator buttons use `/continue?role=creator`.
* Confirmation that the Framer button overrides were added.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.anwhitelist.com/framer-landing-pages.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.