Landing Pages

Landing Pages

Landing Pages are one of the most important aspects of marketing any SaaS, as they are the first point of contact for potential customers. They are the first impression that a potential customer will have of your product, and they are the first step in the sales funnel. A well-designed landing page can help you convert more visitors into customers, and a poorly-designed landing page can turn away potential customers.

One of the key metrics of any SaaS is the conversion rate, which is the percentage of visitors to your landing page that convert into customers. A high conversion rate is a sign that your landing page is well-designed and is doing its job of converting visitors into customers.

Schema Definition

LandingPage: 
  _sameAs: 
    - https://schema.org/WebPage
    - https://schema.org/WebSite
  brand: Brand
  seo: SEO
  header: Header
  hero: Hero
  logos: Logos
  features: Features
  benefits: Benefits
  testimonials: Testimonials
  newsletter: Newsletter
  blog: Blog
  stats: Stats
  contact: Contact
  team: Team
  pricing: Pricing
  faq: FAQ
  cta: CallToAction
  footer: Footer
 
 
Header:
  logo: string | url | svg | Image
  menu: [MenuItem]
  search: boolean | html | jsx = false
  repo: url
  action: Action | [Action]
 
Hero: 
  _type: Section
 
Logos:
  _type: Section
  logos: 
    name: string
    logo: string | svg | url | Image
 
Features:
  _type: Section 
  features: 
    icon: string | svg | url | Image
    name: string
    description: Markdown
    
Benefits:
  _type: Section
  benefits: 
    icon: string | svg | url | Image
    name: string
    description: Markdown
    
Pricing: 
  _type: Section
  plans:
    name: string
    description: Markdown
    monthlyPrice: currency
    annualPrice: currency
    features: [string]
 
FAQ: 
  _type: Section
  questions:
    question: string
    answer: markdown
 
Blog: 
  _type: Section
  posts:
    title: string
    description: markdown
  
Section: 
  _sameAs: https://schema.org/WebPageElement
  headerBadge: string
  headerText: string
  title: string
  subtitle: string
  description: string | markdown
  image: url | svg | Code | Image
  imagePosition: Left | Right | Center
  action: Action | [Action]
  
Brand:
  name: string
  logo: string | url | svg | Image
  icon: string | url | svg | Image
  tagline: string
  description: string | markdown
  primaryColor: color
  secondaryColor: color
  backgroundColor: color
  textColor: color
  linkColor: color
  primaryFont: font | url
 
SEO:
  title: string
  titleTemplate: string
  defaultTitle: string
  description: string
  canonical: url
  mobileAlternate:
    media: string
    href: url
  languageAlternates: [LanguageAlternate]
  themeColor: color
  additionalMetaTags: [MetaTag]
  additionalLinkTags: [LinkTag]
  twitter:
    cardType: summary, summary_large_image, app, player
    site: twitterHandle = @opensaas_org
  facebook:
    appId: number
  openGraph:
    url: url
    type: basic, video, article, book, profile, website
    title: string
    description: string
    images: [Image]
    videos: [Video]
    locale: string
    siteName: string
    profile:
      firstName: string
      lastName: string
      username: string
      gender: string
    book:
      authors: [string]
      isbn: string
      releaseDate: date
      tags: [string]
    article:
      publishedTime: date
      modifiedTime: date
      expirationTime: date
      authors: [string]
      section: string
      tags: [string]
  noindex: boolean
  nofollow: boolean
  robots:
    nosnippet: boolean
    notranslate: boolean
    noimageindex: boolean
    noarchive: boolean
    maxSnippet: number
    maxImagePreview: none, standard, large
    maxVideoPreview: number
 
 
LanguageAlternate:
  href: url
  hreflang: string
 
MetaTag: MetaTagName | MetaTagProperty | MetaTagHttpEquiv
 
MetaTagName:
  name: string!
  content: string!
 
MetaTagProperty:
  property: string!
  content: string!
 
MetaTagHttpEquiv:
  httpEquiv: string!
  content: string!
 
LinkTag:
  rel: string!
  href: url!
  hreflang: string
  media: string
  type: string
  sizes: string
  crossOrigin: anonymous | use-credentials
 
Image:
  _sameAs: https://schema.org/ImageObject
  url: url
  alt: string
  width: integer
  height: integer
  aspectRatio: number
 
Video:
  _sameAs: https://schema.org/VideoObject
  url: url
  secureUrl: url
  type: string
  width: integer
  height: integer
  aspectRatio: number
  duration: integer
  uploadDate: date
  expirationDate: date
  embedUrl: url
  embedCode: string
 
MenuItem:
  _sameAs: https://schema.org/SiteNavigationElement
  [string]: url
 
Code:
  _sameAs: https://schema.org/SoftwareSourceCode
  language: string
  code: string
  filename: string
  highlight: number | [number]
 
Colors: https://pkg.do/tailwindcss/colors

Header

header:
  logo: 彡 DB.MW
  menu: 
    Features: /#features
    Pricing: /#pricing
    FAQs: /#faq
    API & SDK: /docs/api
    Documentation: /docs
  action: 
    Log in: /login

Hero

hero:
  title: Go Faster with the Multi World Database
  description: >
    Leverage the natural expressiveness of the Graph Database World, the flexibility of the 
    Document Database World, and the constraints with foreign keys and referential integrity 
    of the Relational Database World.
  action:
    Get started: /login
    Learn more: /#features

Features
BrandingObjectives & Key Results