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

# Introduction

# Welcome to Linkage Direct Integration Guide

## AI-Enhanced Documentation for Hotel Website Developers

Welcome to the Linkage Direct Booking Engine setup guide. Install a modern booking system on your website in **5 simple steps**.

<Note>
  ⏱️ **Setup time:** \~10 minutes | 📁 **Files to add:** 2 | 📄 **Pages to create:** 5
</Note>

## What You'll Build

<CardGroup cols={2}>
  <Card title="Book Bar" icon="calendar" color="#0ea5e9">
    **Finder Component**\
    Smart search form with date picker, guest selector, and room finder
  </Card>

  <Card title="Booking Flow" icon="building" color="#10b981">
    **3-Step Process**\
    Room selection → Guest details → Confirmation
  </Card>

  <Card title="Member System" icon="user" color="#8b5cf6">
    **Loyalty Program**\
    Guest accounts, profiles, and booking history
  </Card>

  <Card title="Custom Styling" icon="palette" color="#f59e0b">
    **Brand Colors**\
    Match your hotel's visual identity
  </Card>
</CardGroup>

## Setup Process

<Steps>
  <Step title="Installation">
    Add 2 files to your website - CSS in `<head>` and JavaScript in `<body>`
  </Step>

  <Step title="Configuration">
    Set your hotel ID, currency, and language preferences
  </Step>

  <Step title="Create Pages">
    Set up 5 essential booking pages with specific URLs
  </Step>

  <Step title="Add Components">
    Place booking components where you want them on each page
  </Step>

  <Step title="Customize & Launch">
    Apply your brand colors and go live with direct bookings
  </Step>
</Steps>

## Required Pages

You'll need to create these 5 pages on your website:

| Page Purpose      | URL                     | Component    |
| ----------------- | ----------------------- | ------------ |
| 🏠 Room Selection | `/booking-rooms`        | `<rates>`    |
| 🛒 Checkout       | `/booking-checkout`     | `<checkout>` |
| ✅ Confirmation    | `/booking-confirmation` | `<booking>`  |
| 👤 Sign Up        | `/create-account`       | `<signup>`   |
| 📊 My Account     | `/my-account`           | `<profile>`  |

## Ready to Start?

<Warning>
  ⚠️ Make sure you have your **Hotel Linkage property ID** before starting installation.
</Warning>

<CardGroup cols={2}>
  <Card title="Begin Installation →" icon="play" href="/installation" color="#10b981">
    Complete the setup in under 10 minutes
  </Card>

  <Card title="View Demo" icon="eye" href="https://demom.oteldirect.com/" color="#0ea5e9">
    See a live booking engine example
  </Card>
</CardGroup>

***

<Info>
  💬 **Need assistance?** Contact our support team at [support@hotellinkage.com](mailto:support@hotellinkage.com)
</Info>
