Back to site

Signup

Full-page account signup section for travelers and invited provider representatives.

---
import Signup from "@features/signup/Signup.astro";
---

<Signup />
---
blocks:
  _component: page-sections/features/signup
---

Overview

Use Signup when a page should render the complete account creation flow rather than a small inline form. The layout is built in Astro with CloudCannon editable regions; invitation flows (email, providerId, provider, token query params) are detected in the browser so the correct copy and OAuth state apply on static hosting.

Properties

headingTraveler string | default: Join the Club

Main heading when the visitor is not using an invitation link.

subtextTraveler string | default: Create an account and travel with complete peace of mind.

Supporting copy for standard signup.

headingInvitationTemplate string | default: Join {providerName}

Invitation heading; include the literal `{providerName}` placeholder (replaced from the URL).

subtextInvitation string | default: As a brand representative

Supporting copy when an invitation link is used.

googleButtonText string | default: Google

Label for the Google sign-up button.

facebookButtonText string | default: Facebook

Label for the Facebook sign-up button.

dividerLabel string | default: direct signup

Text between social buttons and the registration form.

firstNameLabel string | default: First Name

firstNamePlaceholder string | default: Jane

lastNameLabel string | default: Last Name

lastNamePlaceholder string | default: Doe

emailLabel string | default: Email Address

emailPlaceholder string | default: jane@example.com

passwordLabel string | default: Create Password

passwordPlaceholder string | default: ********

passwordHint string | default: Must be at least 8 characters with one number.

confirmPasswordLabel string | default: Confirm Password

confirmPasswordPlaceholder string | default: ********

showPasswordLabel string | default: Show

Toggle label when password fields are masked.

hidePasswordLabel string | default: Hide

Toggle label when password fields are visible.

termsLead string | default: I agree to the

termsLinkText string | default: Terms of Service

termsHref string | default: /terms-of-use/

URL for the terms link (path or full URL).

termsMiddle string | default: and

privacyLinkText string | default: Privacy Policy

privacyHref string | default: /privacy-policy/

URL for the privacy link (path or full URL).

submitButtonText string | default: Create Free Account

loginPrompt string | default: Already have an account?

loginLinkText string | default: Log In

successTitle string | default: Account created

successMessage string | default: Your signup was successful. Continue to the login page to access your account.

successCloseText string | default: Close

successGoToLoginText string | default: Go to Login

backgroundImage object

Full-page background behind the signup card.

Properties:

source string

URL or path to the background image.

alt string

Alt text for the background image.

positionVertical enum

Vertical position of the background image.

Accepted values:
  • top
  • center
  • bottom

positionHorizontal enum

Horizontal position of the background image.

Accepted values:
  • left
  • center
  • right

priority boolean

Whether to prioritize loading this image (LCP).