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

# Build

> Order and configure any new vehicle

export const StoryBoard = ({children}) => <div className="p-6 bg-gray-100/50 dark:bg-gray-800/25 rounded">
    <p className="text-base py-2 leading-6">{children}</p>
  </div>;

## Overview

Build enables customers to order and configure a new vehicle with driveway delivery. This feature supports vehicles from direct-to-consumer OEMs like Tesla and Lucid, as well as traditional OEMs like Toyota and Ford.

***

## The Build Experience

To order a New Build, follow these steps:

<Steps>
  <Step title="Select the Vehicle">
    Start by selecting the year, make, model, trim, and style of the vehicle.

    ```json theme={null}
    {
      "build": {
        "year": 2024,
        "make": "Ford",
        "model": "F-150",
        "trim": "XLT 4WD SuperCrew 5.5' Box",
        "series": "XLT",
        "style": "4D Truck",
        "drivetrain": "4x4",
        "engine": "5L V-8 port/direct injection, DOHC, variable valve control, regular unleaded, engine with 395HP",
        "transmission": "10-speed automatic"
      }
    }
    ```
  </Step>

  <Step title="Select Interior & Exterior Colors">
    Choose the interior and exterior colors for your new vehicle.

    ```json theme={null}
    {
      "build": {
        ...
        "interiorColor": {
          "Medium Earth Gray": "#808080"
        },
        "exteriorColor": {
          "Oxford White": "#E7E7E5"
        }
      }
    }
    ```
  </Step>

  <Step title="Configure Options">
    Select packages and options for your new vehicle.

    ```json theme={null}
    {
      "build": {
        ...
        "options": {
          "102300-BCA1802302A": "Equipment Group 302A Luxury",
          "61CLCD": "4.2\" Productivity Screen in Instrument Cluster",
          "PWRDRV": "8-Way Power Driver Seat",
          "STDRD": "AM/FM Stereo with 6 Speakers",
          "SYNC3": "SYNC 3",
          "M": "Cloth 40/20/40 Front Seat",
          "BAKLGT": "Fixed Backlight with Privacy Glass",
          "HFRONT": "Heated Front Seats",
          "LTHWHL": "Leather-Wrapped Steering Wheel",
          "54R": "Power Glass Heated Sideview Mirrors",
          "MIRROR": "Auto-Dimming Rearview Mirror",
          "PWRPDL": "Power-Adjustable Pedals",
          "RSEAT": "Rear Under-Seat Storage",
          "57Q": "Rear Window Defroster",
          "99P": "2.7L V6 EcoBoost Engine",
          "X19": "3.55 Axle Ratio",
          "NONGV1": "6,600 lbs Payload Package GVWR",
          "50N": "Voice-Activated Touchscreen Navigation"
        },
        "optionsMsrp": 1290,
        "price": 50758
      }
    }
    ```
  </Step>

  <Step title="Review Price Configuration">
    Review the price configuration for your new vehicle.

    ```json theme={null}

    {
      "build": {
        ...
        "salesPrice": 50758,
        "priceWithTaxesAndFees": 56702,
        "totalWithTaxesFeesAndShipping": 58626,
        "taxes": {
          "citySalesTax": 120,
          "combinedSalesTax": 2340,
          "countySalesTax": 60,
          "districtSalesTax": 720,
          "stateSalesTax": 1440,
          "gasGuzzlerTax": 0
        }
      }
    }
    ```
  </Step>

  <Step title="Select Payment Options & Place Order">
    Select payment options and place your order.

    ```json theme={null}
    {
      "payment": {
        "paymentMethod": "Finance",
        "paymentAmount": 58626,
        "loanTerm": 60,
        "apr": 3.5,
        "monthlyPayment": 1060,
        "lienholder": "Wells Fargo",
        "accountNumber": "1234567890",
        "routingNumber": "123456789",
        "billingAddress": {
          "street": "123 Main St",
          "city": "Palo Alto",
          "state": "California",
          "zip": "94303"
        },
        "paymentDate": "2024-06-01T12:00:00Z"
      }
    }
    ```
  </Step>

  <Step title="Driveway Delivery">
    Schedule your driveway delivery.

    ```json theme={null}
    {
      "delivery": {
        "deliveryDate": "2024-06-15T12:00:00Z",
        "deliveryAddress": {
          "street": "123 Main St",
          "city": "Palo Alto",
          "state": "California",
          "zip": "94303"
        }
      }
    }
    ```
  </Step>
</Steps>