Our Vehicle Range

Developer Tools

Query #6 - 12:33:40 PM

query contentByPath($base: String, $url: String!, $urlNoSlash: String!) {
  _Content(
    where: {_metadata: {url: {base: {eq: $base}}}, _and: [{_or: [{_metadata: {url: {default: {eq: $url}}}}, {_metadata: {url: {default: {eq: $urlNoSlash}}}}, {_metadata: {url: {hierarchical: {eq: $url}}}}]}]}
  ) {
    item {
      _metadata {
        key
        version
        locale
      }
    }
  }
}

{
  "base": "https://nissanuk.opti-demo.online",
  "url": "/our-vehicle-range/",
  "urlNoSlash": "/our-vehicle-range"
}

{
  "_Content": {
    "item": {
      "_metadata": {
        "key": "2a2e23434f4d4bfd99aee492182c9039",
        "version": "5083",
        "locale": "en"
      }
    }
  }
}

Query #5 - 12:33:40 PM

query contentById($key: [String]!, $loc: [Locales]!, $ver: String!) {
  _Content(
    ids: $key
    locale: $loc
    where: {_metadata: {version: {eq: $ver}}}
    variation: {include: ALL}
  ) {
    item {
      _metadata {
        types
      }
    }
  }
}

{
  "key": "2a2e23434f4d4bfd99aee492182c9039",
  "ver": "5083",
  "loc": "en"
}

{
  "_Content": {
    "item": {
      "_metadata": {
        "types": [
          "BlankExperience",
          "_Experience",
          "_Page",
          "_Content",
          "_Item"
        ]
      }
    }
  }
}

Query #4 - 12:33:40 PM

query getExperience($key: [String]!, $ver: String, $loc: [Locales]) {
  _Experience(
    ids: $key
    locale: $loc
    where: {_metadata: {version: {eq: $ver}}}
    variation: {include: ALL}
  ) {
    item {
      _metadata {
        key
        version
        url {
          default
          hierarchical
          type
        }
        types
        displayName
      }
      ...BlankExperienceSeo
      composition {
        grids: nodes {
          key
          displayName
          displayTemplateKey
          displaySettings {
            ...DisplaySettings
          }
          nodeType
          type
          ... on CompositionStructureNode {
            key
            nodeType
            type
            component {
              ...formContainerData
            }
            nodes: nodes {
              ... on CompositionStructureNode {
                key
                nodeType
                type
                displayTemplateKey
                displaySettings {
                  ...DisplaySettings
                }
                nodes: nodes {
                  ... on CompositionStructureNode {
                    key
                    nodeType
                    type
                    displayTemplateKey
                    displaySettings {
                      ...DisplaySettings
                    }
                    nodes: nodes {
                      ... on CompositionComponentNode {
                        key
                        nodeType
                        type
                        displayTemplateKey
                        displaySettings {
                          ...DisplaySettings
                        }
                        component {
                          _metadata {
                            types
                          }
                          ...AllComponents
                          ...formContainerData
                        }
                      }
                      ... on CompositionStructureNode {
                        key
                        nodeType
                        type
                        displayTemplateKey
                        displaySettings {
                          ...DisplaySettings
                        }
                        nodes: nodes {
                          ... on CompositionComponentNode {
                            key
                            nodeType
                            type
                            displayTemplateKey
                            displaySettings {
                              ...DisplaySettings
                            }
                            component {
                              _metadata {
                                types
                              }
                              ...AllComponents
                              ...AllFormComponents
                            }
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
          }
          ... on CompositionComponentNode {
            nodeType
            key
            displayTemplateKey
            displaySettings {
              ...DisplaySettings
            }
            component {
              _metadata {
                types
              }
              ...AllComponents
            }
          }
        }
      }
    }
  }
}

fragment BlankExperienceSeo on BlankExperience {
  BlankExperienceSeoSettings {
    MetaTitle
    MetaDescription
    GraphType
    Indexing
  }
  PageAdminSettings {
    ...PageAdminSettingsProperty
  }
}

fragment PageAdminSettingsProperty on PageAdminSettingsProperty {
  EnableExternalPreview
}

fragment DisplaySettings on CompositionDisplaySetting {
  key
  value
}

fragment formContainerData on OptiFormsContainerData {
  SubmitConfirmationMessage
  ResetConfirmationMessage
  SubmitUrl {
    type
    default
    hierarchical
  }
  Title
  Description
  ShowSummaryMessageAfterSubmission
  DependencyRules {
    TargetElement
    SatisfiedAction
    ConditionCombination
    Conditions {
      DependsOnField
      ComparisonOperator
      ComparisonValue
    }
  }
}

fragment AllComponents on _IComponent {
  ...AllComponentsExceptGrid
  ...Grid
}

fragment AllComponentsExceptGrid on _IComponent {
  ...Text
  ...Image
  ...CallToAction
  ...Video
  ...Paragraph
  ...Card
  ...Hero
  ...Carousel
  ...Collapse
  ...ArticleList
  ...Button
  ...Iframe
  ...VideoExternal
  ...Divider
  ...OdpForm
  ...FacetedSearch
  ...DamAssetList
}

fragment Text on Text {
  Content
}

fragment Image on Image {
  AltText
  Image {
    ...ContentUrl
    ...ContentReferenceItem
  }
}

fragment ContentUrl on ContentReference {
  url {
    default
    hierarchical
  }
}

fragment ContentReferenceItem on ContentReference {
  item {
    ... on ImageMedia {
      AltText
    }
    ... on cmp_PublicImageAsset {
      ...PublicImageAsset
    }
    ... on cmp_PublicVideoAsset {
      ...PublicVideoAsset
    }
    ... on _IContent {
      _metadata {
        displayName
      }
    }
  }
}

fragment PublicImageAsset on cmp_PublicImageAsset {
  AltText
  Url
}

fragment PublicVideoAsset on cmp_PublicVideoAsset {
  AltText
  Url
}

fragment CallToAction on CallToAction {
  Links {
    ...LinkCollection
  }
}

fragment LinkCollection on Link {
  text
  title
  target
  url {
    base
    default
    hierarchical
    type
  }
}

fragment Video on Video {
  Video {
    ...ContentUrl
    ...ContentReferenceItem
  }
  VideoPosterImage {
    ...ContentUrl
    ...ContentReferenceItem
  }
}

fragment Paragraph on Paragraph {
  Text {
    html
  }
}

fragment Card on Card {
  DisplayAs
  Heading
  SubHeading
  Body {
    html
  }
  Asset {
    ...ContentUrl
    ...ContentReferenceItem
  }
  Links {
    ...LinkCollection
  }
}

fragment Hero on Hero {
  Video {
    ...ContentUrl
    ...ContentReferenceItem
  }
  Image {
    ...ContentUrl
    ...ContentReferenceItem
  }
  Heading
  SubHeading
  Body {
    html
  }
  Links {
    ...LinkCollection
  }
}

fragment Carousel on Carousel {
  Heading
  Link {
    ...LinkUrl
  }
  Assets {
    url {
      default
    }
    title
  }
}

fragment LinkUrl on Link {
  url {
    base
    default
    hierarchical
    type
  }
  title
  target
  text
}

fragment Collapse on Collapse {
  Heading
  Body {
    html
  }
}

fragment ArticleList on ArticleList {
  Title
  NumberOfArticles
  ArticleRoot {
    url {
      default
      base
    }
  }
  IncludeAllSites
}

fragment Button on Button {
  ButtonLabel
  ButtonLink {
    ...LinkUrl
  }
}

fragment Iframe on Iframe {
  Title
  IframePageUrl
  ManualHeight
  Width
}

fragment VideoExternal on VideoExternal {
  Provider
  VideoExternal: Video
  Poster {
    ...ContentUrl
  }
  Params
  PlayLabel
  DisplayWidth
}

fragment Divider on Divider {
  DividerText
  DividerDirection
}

fragment OdpForm on OdpForm {
  SelectorType
  SelectorName
}

fragment FacetedSearch on FacetedSearch {
  Title
  IntroText {
    html
  }
  ItemsPerPage
  DefaultViewMode
  GridColumns
  DefaultSortOrder
  ShowSearchInput
  DefaultFiltersState
  ShowAuthorFacet
  ShowTypeFacet
  UseSemanticSearch
  SemanticWeight
  SearchPlaceholder
  NoResultsMessage
}

fragment DamAssetList on DamAssetList {
  Header
  Tags
  AssetCount
}

fragment Grid on Grid {
  RichText {
    html
  }
  Items {
    _metadata {
      types
    }
    ...AllComponentsExceptGrid
  }
}

fragment AllFormComponents on _IComponent {
  ...formContainerData
  ...AllComponents
  ...choiceElement
  ...numberElement
  ...rangeElement
  ...resetElement
  ...selectionElement
  ...submitElement
  ...textareaElement
  ...textboxElement
  ...urlElement
  ...dateTimeElement
  ...hiddenFieldElement
  ...prebuiltListElement
}

fragment choiceElement on OptiFormsChoiceElement {
  Label
  Tooltip
  Options
  Validators
  AllowMultiSelect
}

fragment numberElement on OptiFormsNumberElement {
  Label
  Placeholder
  Tooltip
  PredefinedValue
  Validators
  AutoComplete
}

fragment rangeElement on OptiFormsRangeElement {
  Label
  Tooltip
  PredefinedValue
  Min
  Max
  Increment
}

fragment resetElement on OptiFormsResetElement {
  Label
  Tooltip
}

fragment selectionElement on OptiFormsSelectionElement {
  Label
  Tooltip
  Options
  Validators
  AllowMultiSelect
  AutoComplete
}

fragment submitElement on OptiFormsSubmitElement {
  Label
  Tooltip
}

fragment textareaElement on OptiFormsTextareaElement {
  Label
  Placeholder
  Tooltip
  PredefinedValue
  Validators
  AutoComplete
}

fragment textboxElement on OptiFormsTextboxElement {
  Label
  Placeholder
  Tooltip
  PredefinedValue
  Validators
  AutoComplete
}

fragment urlElement on OptiFormsUrlElement {
  Label
  Placeholder
  Tooltip
  PredefinedValue
  Validators
}

fragment dateTimeElement on OptiFormsDateTimeElement {
  DateTimeSelectorType
  Label
  Placeholder
  Tooltip
  PredefinedValue
}

fragment hiddenFieldElement on OptiFormsHiddenFieldElement {
  HiddenFieldType
  Label
  Placeholder
  Tooltip
  PredefinedValue
}

fragment prebuiltListElement on OptiFormsPrebuiltListElement {
  PrebuiltListType
  Label
  Placeholder
  Tooltip
  PredefinedValue
}

{
  "key": "2a2e23434f4d4bfd99aee492182c9039",
  "ver": "5083",
  "loc": "en"
}

{
  "_Experience": {
    "item": {
      "_metadata": {
        "key": "2a2e23434f4d4bfd99aee492182c9039",
        "version": "5083",
        "url": {
          "default": "/our-vehicle-range/",
          "hierarchical": "/our-vehicle-range/",
          "type": "HIERARCHICAL"
        },
        "types": [
          "BlankExperience",
          "_Experience",
          "_Page",
          "_Content",
          "_Item"
        ],
        "displayName": "Our Vehicle Range"
      },
      "BlankExperienceSeoSettings": {
        "MetaTitle": null,
        "MetaDescription": null,
        "GraphType": null,
        "Indexing": null
      },
      "PageAdminSettings": {
        "EnableExternalPreview": null
      },
      "composition": {
        "grids": [
          {
            "key": "f220ede1-2899-4b2b-af1d-92f2ebbd4b7b",
            "displayName": "Hero Banner",
            "displayTemplateKey": "DefaultHero",
            "displaySettings": [
              {
                "key": "backgroundColor",
                "value": "transparent"
              },
              {
                "key": "background_tint_level",
                "value": "o_0"
              },
              {
                "key": "buttonAction",
                "value": "static"
              },
              {
                "key": "buttonRadius",
                "value": "none"
              },
              {
                "key": "buttonSize",
                "value": "medium"
              },
              {
                "key": "buttonStyle",
                "value": "standard"
              },
              {
                "key": "buttonWidth",
                "value": "w_10rem"
              },
              {
                "key": "hero_height",
                "value": "h_28rem"
              },
              {
                "key": "hoverEffect",
                "value": "none"
              },
              {
                "key": "image_fit",
                "value": "object_cover"
              },
              {
                "key": "text_color",
                "value": "white"
              },
              {
                "key": "text_placement",
                "value": "center"
              }
            ],
            "nodeType": "component",
            "type": "Hero",
            "component": {
              "_metadata": {
                "types": [
                  "Hero",
                  "_Component",
                  "_Content",
                  "_Item"
                ]
              },
              "Video": {
                "url": {
                  "default": null,
                  "hierarchical": null
                },
                "item": {}
              },
              "Image": {
                "url": {
                  "default": "https://images3.cmp.optimizely.com/Zz1hZjg0NWY5ZTgwZjUxMWYxYWJiM2Y2NTI3NGVjN2E3Mg==",
                  "hierarchical": "https://images3.cmp.optimizely.com/Zz1hZjg0NWY5ZTgwZjUxMWYxYWJiM2Y2NTI3NGVjN2E3Mg=="
                },
                "item": {
                  "AltText": null,
                  "Url": "https://images3.cmp.optimizely.com/Zz1hZjg0NWY5ZTgwZjUxMWYxYWJiM2Y2NTI3NGVjN2E3Mg=="
                }
              },
              "Heading": "Explore the Full Nissan Range",
              "SubHeading": "From city-smart electric hatchbacks to adventure-ready crossovers and hardworking commercial vans, there is a Nissan for every journey.",
              "Body": {
                "html": "<p>Every vehicle in the Nissan lineup is designed with purpose and engineered with passion. Whether you are seeking the thrill of fully electric driving with the ARIYA or LEAF, the intelligent efficiency of our e-POWER hybrid Qashqai and X-Trail, or the stylish versatility of the Juke, you will find a car that fits your life perfectly. Our commercial range of Townstar, Primastar, and Interstar vans delivers the reliability and efficiency that British businesses demand.</p>"
              },
              "Links": [
                {
                  "text": "Configure Your Nissan",
                  "title": "Build and configure your ideal Nissan",
                  "target": null,
                  "url": {
                    "base": null,
                    "default": "/configure",
                    "hierarchical": null,
                    "type": "EXTERNAL"
                  }
                }
              ]
            }
          },
          {
            "key": "32d2a4d4-d10a-48e5-9cd8-03ab262ffd1f",
            "displayName": "Electric Vehicles",
            "displayTemplateKey": null,
            "displaySettings": [],
            "nodeType": "section",
            "type": "BlankSection",
            "component": {},
            "nodes": [
              {
                "key": "a80a0484-4bb2-4d6b-9ff5-de43989805f8",
                "nodeType": "row",
                "type": null,
                "displayTemplateKey": null,
                "displaySettings": [],
                "nodes": [
                  {
                    "key": "23fe0d85-6832-4b0e-a61d-726065fa97cd",
                    "nodeType": "column",
                    "type": null,
                    "displayTemplateKey": null,
                    "displaySettings": [],
                    "nodes": [
                      {
                        "key": "78323c09-31ce-45ad-91af-663af5796d44",
                        "nodeType": "component",
                        "type": "Paragraph",
                        "displayTemplateKey": null,
                        "displaySettings": [],
                        "component": {
                          "_metadata": {
                            "types": [
                              "Paragraph",
                              "_Component",
                              "_Content",
                              "_Item"
                            ]
                          },
                          "Text": {
                            "html": "<h2>Electric Vehicles</h2><p>Nissan pioneered mainstream electric driving with the LEAF and continues to push boundaries with the all-new MICRA Electric and the flagship ARIYA. Each model delivers zero-emission driving without compromising on style, comfort, or range. With the UK's charging infrastructure growing rapidly, there has never been a better time to make the switch to a Nissan EV. Our electric vehicles are designed for real-world driving, offering impressive range, rapid charging capability, and the smooth, instant torque that makes every journey a pleasure.</p>"
                          }
                        }
                      }
                    ]
                  },
                  {
                    "key": "7047fc90-e244-4df9-9011-1bcdfb964357",
                    "nodeType": "column",
                    "type": null,
                    "displayTemplateKey": null,
                    "displaySettings": [],
                    "nodes": [
                      {
                        "key": "a1aec9c9-b50d-4c52-98ed-164260f2f5fa",
                        "nodeType": "component",
                        "type": "Image",
                        "displayTemplateKey": null,
                        "displaySettings": [],
                        "component": {
                          "_metadata": {
                            "types": [
                              "Image",
                              "_Component",
                              "_Content",
                              "_Item"
                            ]
                          },
                          "AltText": "Nissan electric vehicle charging in urban setting",
                          "Image": {
                            "url": {
                              "default": "https://images2.cmp.optimizely.com/Zz0wN2M0MTI3MDgwZjcxMWYxYTQ3N2VlNThiZGUxZTA4MQ==",
                              "hierarchical": "https://images2.cmp.optimizely.com/Zz0wN2M0MTI3MDgwZjcxMWYxYTQ3N2VlNThiZGUxZTA4MQ=="
                            },
                            "item": {
                              "AltText": null,
                              "Url": "https://images2.cmp.optimizely.com/Zz0wN2M0MTI3MDgwZjcxMWYxYTQ3N2VlNThiZGUxZTA4MQ=="
                            }
                          }
                        }
                      }
                    ]
                  }
                ]
              }
            ]
          },
          {
            "key": "923acfb0-326e-4296-8a80-77f73ba9332e",
            "displayName": "Crossover Range",
            "displayTemplateKey": null,
            "displaySettings": [],
            "nodeType": "section",
            "type": "BlankSection",
            "component": {},
            "nodes": [
              {
                "key": "672c2a30-5520-4497-923a-5f1cf7e0cdf4",
                "nodeType": "row",
                "type": null,
                "displayTemplateKey": null,
                "displaySettings": [],
                "nodes": [
                  {
                    "key": "8624a984-14ce-46ad-b8d7-fce959cfc3d4",
                    "nodeType": "column",
                    "type": null,
                    "displayTemplateKey": null,
                    "displaySettings": [],
                    "nodes": [
                      {
                        "key": "646a7287-b878-4d41-af4e-daaf9d9fe0a2",
                        "nodeType": "component",
                        "type": "Card",
                        "displayTemplateKey": null,
                        "displaySettings": [],
                        "component": {
                          "_metadata": {
                            "types": [
                              "Card",
                              "_Component",
                              "_Content",
                              "_Item"
                            ]
                          },
                          "DisplayAs": "textBelowCard",
                          "Heading": "Nissan Qashqai",
                          "SubHeading": "e-POWER hybrid crossover",
                          "Body": {
                            "html": "<p>Britain's favourite crossover, now electrified with e-POWER. Enjoy EV-like driving without plugging in.</p>"
                          },
                          "Asset": {
                            "url": {
                              "default": "https://images3.cmp.optimizely.com/Zz1kNGQ3N2I1NDgwZjYxMWYxOTA3YWY2NTI3NGVjN2E3Mg==",
                              "hierarchical": "https://images3.cmp.optimizely.com/Zz1kNGQ3N2I1NDgwZjYxMWYxOTA3YWY2NTI3NGVjN2E3Mg=="
                            },
                            "item": {
                              "AltText": null,
                              "Url": "https://images3.cmp.optimizely.com/Zz1kNGQ3N2I1NDgwZjYxMWYxOTA3YWY2NTI3NGVjN2E3Mg=="
                            }
                          },
                          "Links": [
                            {
                              "text": "Discover Qashqai",
                              "title": "Explore Nissan Qashqai",
                              "target": null,
                              "url": {
                                "base": null,
                                "default": "/qashqai",
                                "hierarchical": null,
                                "type": "EXTERNAL"
                              }
                            }
                          ]
                        }
                      }
                    ]
                  },
                  {
                    "key": "a839f8b0-e8cb-4235-9903-947209a5f5eb",
                    "nodeType": "column",
                    "type": null,
                    "displayTemplateKey": null,
                    "displaySettings": [],
                    "nodes": [
                      {
                        "key": "0a40fbd0-a033-48f3-847b-408ffbc733e5",
                        "nodeType": "component",
                        "type": "Card",
                        "displayTemplateKey": null,
                        "displaySettings": [],
                        "component": {
                          "_metadata": {
                            "types": [
                              "Card",
                              "_Component",
                              "_Content",
                              "_Item"
                            ]
                          },
                          "DisplayAs": "textBelowCard",
                          "Heading": "Nissan X-Trail",
                          "SubHeading": "7-seat e-POWER family SUV",
                          "Body": {
                            "html": "<p>Spacious, versatile, and electrified. The X-Trail seats seven and conquers any terrain with e-4ORCE AWD.</p>"
                          },
                          "Asset": {
                            "url": {
                              "default": "https://images2.cmp.optimizely.com/Zz1kZGFlMjQzYTgwZjYxMWYxYTQ3N2VlNThiZGUxZTA4MQ==",
                              "hierarchical": "https://images2.cmp.optimizely.com/Zz1kZGFlMjQzYTgwZjYxMWYxYTQ3N2VlNThiZGUxZTA4MQ=="
                            },
                            "item": {
                              "AltText": null,
                              "Url": "https://images2.cmp.optimizely.com/Zz1kZGFlMjQzYTgwZjYxMWYxYTQ3N2VlNThiZGUxZTA4MQ=="
                            }
                          },
                          "Links": [
                            {
                              "text": "Discover X-Trail",
                              "title": "Explore Nissan X-Trail",
                              "target": null,
                              "url": {
                                "base": null,
                                "default": "/x-trail",
                                "hierarchical": null,
                                "type": "EXTERNAL"
                              }
                            }
                          ]
                        }
                      }
                    ]
                  },
                  {
                    "key": "e8a1c952-fa94-4b92-8d29-66a2575d8a1b",
                    "nodeType": "column",
                    "type": null,
                    "displayTemplateKey": null,
                    "displaySettings": [],
                    "nodes": [
                      {
                        "key": "b1735eb0-6f16-40b1-b882-12480776525d",
                        "nodeType": "component",
                        "type": "Card",
                        "displayTemplateKey": null,
                        "displaySettings": [],
                        "component": {
                          "_metadata": {
                            "types": [
                              "Card",
                              "_Component",
                              "_Content",
                              "_Item"
                            ]
                          },
                          "DisplayAs": "textBelowCard",
                          "Heading": "Nissan Juke",
                          "SubHeading": "Bold compact crossover",
                          "Body": {
                            "html": "<p>Stand out from the crowd with the Juke's iconic coupe-crossover design and agile hybrid powertrain.</p>"
                          },
                          "Asset": {
                            "url": {
                              "default": "https://images3.cmp.optimizely.com/Zz1jOWY3ZmY2MDgwZjYxMWYxOTA3YWY2NTI3NGVjN2E3Mg==",
                              "hierarchical": "https://images3.cmp.optimizely.com/Zz1jOWY3ZmY2MDgwZjYxMWYxOTA3YWY2NTI3NGVjN2E3Mg=="
                            },
                            "item": {
                              "AltText": null,
                              "Url": "https://images3.cmp.optimizely.com/Zz1jOWY3ZmY2MDgwZjYxMWYxOTA3YWY2NTI3NGVjN2E3Mg=="
                            }
                          },
                          "Links": [
                            {
                              "text": "Discover Juke",
                              "title": "Explore Nissan Juke",
                              "target": null,
                              "url": {
                                "base": null,
                                "default": "/juke",
                                "hierarchical": null,
                                "type": "EXTERNAL"
                              }
                            }
                          ]
                        }
                      }
                    ]
                  }
                ]
              }
            ]
          },
          {
            "key": "c2efbc05-6b62-4d8f-8f96-e8ec75f7fe51",
            "displayName": "Commercial Vehicles Section",
            "displayTemplateKey": null,
            "displaySettings": [],
            "nodeType": "component",
            "type": "Paragraph",
            "component": {
              "_metadata": {
                "types": [
                  "Paragraph",
                  "_Component",
                  "_Content",
                  "_Item"
                ]
              },
              "Text": {
                "html": "<h2>Commercial Vehicles</h2><p>Nissan's commercial vehicle range is built to deliver results for businesses of every size. The compact Townstar is perfect for urban deliveries, while the mid-size Primastar offers the ideal balance of capacity and manoeuvrability. For the heaviest loads, the Interstar provides class-leading cargo volume and payload. Each van benefits from Nissan's renowned reliability, advanced safety systems, and competitive total cost of ownership. With electric variants available, your fleet can go green without sacrificing productivity. Speak to our dedicated business team to find the right solution for your operation.</p>"
              }
            }
          },
          {
            "key": "b90cc5ec-7f69-4cc0-a88b-b08a21a797a9",
            "displayName": "CTA Configure",
            "displayTemplateKey": "DefaultHero",
            "displaySettings": [
              {
                "key": "backgroundColor",
                "value": "transparent"
              },
              {
                "key": "background_tint_level",
                "value": "o_0"
              },
              {
                "key": "buttonAction",
                "value": "static"
              },
              {
                "key": "buttonRadius",
                "value": "none"
              },
              {
                "key": "buttonSize",
                "value": "medium"
              },
              {
                "key": "buttonStyle",
                "value": "standard"
              },
              {
                "key": "buttonWidth",
                "value": "w_10rem"
              },
              {
                "key": "hero_height",
                "value": "h_28rem"
              },
              {
                "key": "hoverEffect",
                "value": "none"
              },
              {
                "key": "image_fit",
                "value": "object_cover"
              },
              {
                "key": "text_color",
                "value": "white"
              },
              {
                "key": "text_placement",
                "value": "center"
              }
            ],
            "nodeType": "component",
            "type": "Hero",
            "component": {
              "_metadata": {
                "types": [
                  "Hero",
                  "_Component",
                  "_Content",
                  "_Item"
                ]
              },
              "Video": {
                "url": {
                  "default": null,
                  "hierarchical": null
                },
                "item": {}
              },
              "Image": {
                "url": {
                  "default": "https://images2.cmp.optimizely.com/Zz1hNTVjMWE1MjgwZjUxMWYxYWEzYTIyNWExODc2ZGEyOQ==",
                  "hierarchical": "https://images2.cmp.optimizely.com/Zz1hNTVjMWE1MjgwZjUxMWYxYWEzYTIyNWExODc2ZGEyOQ=="
                },
                "item": {
                  "AltText": null,
                  "Url": "https://images2.cmp.optimizely.com/Zz1hNTVjMWE1MjgwZjUxMWYxYWEzYTIyNWExODc2ZGEyOQ=="
                }
              },
              "Heading": "Find Your Perfect Nissan",
              "SubHeading": "Use our online configurator to build your dream car, choose your colour, and get a personalised quote.",
              "Body": {
                "html": "<p>From selecting your preferred powertrain to choosing the perfect interior trim, our configurator makes it easy to design a Nissan that is uniquely yours. Finance options are displayed in real time so you always know what to expect.</p>"
              },
              "Links": [
                {
                  "text": "Start Configuring",
                  "title": "Configure your Nissan online",
                  "target": null,
                  "url": {
                    "base": null,
                    "default": "/configure",
                    "hierarchical": null,
                    "type": "EXTERNAL"
                  }
                }
              ]
            }
          }
        ]
      }
    }
  }
}

Query #3 - 12:33:41 PM

query siteSettingsByHostname($domain: String!, $locale: [Locales]!) {
  SiteSettings(
    locale: $locale
    where: {SiteDomain: {eq: $domain}}
    orderBy: {_metadata: {lastModified: DESC}}
    limit: 1
  ) {
    item {
      SiteDomain
      LogoResolution
      Logo {
        ...ContentUrl
        ...ContentReferenceItem
      }
      FooterText
      TopNavStyle
      HeaderLinks {
        ... on MenuItem {
          Link {
            text
            url {
              default
            }
          }
          LinkText
          SubMenuItems {
            ... on MenuItem {
              Link {
                text
                url {
                  default
                }
              }
              LinkText
            }
          }
        }
        ... on _Experience {
          Link: _metadata {
            text: displayName
            url {
              default
            }
          }
        }
        ... on _Page {
          Link: _metadata {
            text: displayName
            url {
              default
            }
          }
        }
      }
      FooterLinks {
        ... on MenuItem {
          Link {
            text
            url {
              default
            }
          }
        }
        ... on _Experience {
          Link: _metadata {
            text: displayName
            url {
              default
            }
          }
        }
        ... on _Page {
          Link: _metadata {
            text: displayName
            url {
              default
            }
          }
        }
      }
      SocialFacebook
      SocialInstagram
      SocialTwitter
      SocialTikTok
      SocialGitHub
      OptiWebProjectId
    }
  }
}

fragment ContentUrl on ContentReference {
  url {
    default
    hierarchical
  }
}

fragment ContentReferenceItem on ContentReference {
  item {
    ... on ImageMedia {
      AltText
    }
    ... on cmp_PublicImageAsset {
      ...PublicImageAsset
    }
    ... on cmp_PublicVideoAsset {
      ...PublicVideoAsset
    }
    ... on _IContent {
      _metadata {
        displayName
      }
    }
  }
}

fragment PublicImageAsset on cmp_PublicImageAsset {
  AltText
  Url
}

fragment PublicVideoAsset on cmp_PublicVideoAsset {
  AltText
  Url
}

{
  "domain": "nissanuk.opti-demo.online",
  "locale": [
    "en"
  ]
}

{
  "SiteSettings": {
    "item": {
      "SiteDomain": "nissanuk.opti-demo.online",
      "LogoResolution": "8",
      "Logo": {
        "url": {
          "default": "https://images2.cmp.optimizely.com/Zz00OWUwYzllYzgxMDUxMWYxYWRjMDFhMzg0MDc5YjFlNQ==",
          "hierarchical": "https://images2.cmp.optimizely.com/Zz00OWUwYzllYzgxMDUxMWYxYWRjMDFhMzg0MDc5YjFlNQ=="
        },
        "item": {
          "AltText": "",
          "Url": "https://images2.cmp.optimizely.com/Zz00OWUwYzllYzgxMDUxMWYxYWRjMDFhMzg0MDc5YjFlNQ=="
        }
      },
      "FooterText": "Nissan UK Optimizely demo site",
      "TopNavStyle": null,
      "HeaderLinks": [
        {
          "Link": {
            "text": "Our Vehicle Range",
            "url": {
              "default": "/our-vehicle-range/"
            }
          }
        },
        {
          "Link": {
            "text": "Go Electric — Why Switch",
            "url": {
              "default": "/go-electric/"
            }
          }
        },
        {
          "Link": {
            "text": "About Nissan UK — Our Story",
            "url": {
              "default": "/about/"
            }
          }
        }
      ],
      "FooterLinks": [],
      "SocialFacebook": null,
      "SocialInstagram": null,
      "SocialTwitter": null,
      "SocialTikTok": null,
      "SocialGitHub": null,
      "OptiWebProjectId": null
    }
  }
}

Query #2 - 12:33:41 PM

query siteStylesByHostname($domain: String!, $locale: [Locales]!) {
  SiteStyles(
    locale: $locale
    where: {SiteStylesDomain: {eq: $domain}}
    orderBy: {_metadata: {lastModified: DESC}}
    limit: 1
  ) {
    item {
      SiteStylesDomain
      daisyuiTheme
      primary
      primaryContent
      secondary
      secondaryContent
      accent
      accentContent
      neutral
      neutralContent
      base100
      base200
      base300
      baseContent
      info
      infoContent
      success
      successContent
      warning
      warningContent
      error
      errorContent
      radiusSelector
      radiusField
      radiusBox
      sizeSelector
      sizeField
      borderWidth
      depth
      noise
      textXs
      textSm
      textBase
      textLg
      textXl
      text2xl
      text3xl
      text4xl
      text5xl
      text6xl
      text7xl
      text8xl
      text9xl
      freeFormStyles
      font
      cssFile {
        _metadata {
          lastModified
          url {
            default
          }
        }
      }
    }
  }
}

{
  "domain": "nissanuk.opti-demo.online",
  "locale": [
    "en"
  ]
}

{
  "SiteStyles": {
    "item": {
      "SiteStylesDomain": "nissanuk.opti-demo.online",
      "daisyuiTheme": null,
      "primary": "#C3002F",
      "primaryContent": "#FFFFFF",
      "secondary": "#1A1A1A",
      "secondaryContent": "#000000",
      "accent": "#E8668A",
      "accentContent": "#7A0025",
      "neutral": null,
      "neutralContent": null,
      "base100": null,
      "base200": null,
      "base300": null,
      "baseContent": null,
      "info": null,
      "infoContent": null,
      "success": null,
      "successContent": null,
      "warning": null,
      "warningContent": null,
      "error": null,
      "errorContent": null,
      "radiusSelector": null,
      "radiusField": null,
      "radiusBox": null,
      "sizeSelector": null,
      "sizeField": null,
      "borderWidth": null,
      "depth": null,
      "noise": null,
      "textXs": null,
      "textSm": null,
      "textBase": null,
      "textLg": null,
      "textXl": null,
      "text2xl": null,
      "text3xl": null,
      "text4xl": null,
      "text5xl": null,
      "text6xl": null,
      "text7xl": null,
      "text8xl": null,
      "text9xl": null,
      "freeFormStyles": "h2 { color: #000000; font-size: 20px; } .page-article div.bottom-0 h1, .page-article div.bottom-0 h2, .page-article div.bottom-0 p { color: #fff !important; } .component-card h2 { margin-top: 20px; }",
      "font": null,
      "cssFile": {
        "_metadata": {
          "lastModified": null,
          "url": {
            "default": null
          }
        }
      }
    }
  }
}

Query #1 - 12:33:41 PM

query getAvailableLocales {
  _Content(locale: [ALL], limit: 100) {
    facets {
      _metadata {
        locale(limit: 50) {
          name
          count
        }
      }
    }
  }
}

Explore the Full Nissan Range

Electric Vehicles

Nissan Qashqai

Nissan X-Trail

Nissan Juke

Commercial Vehicles

Find Your Perfect Nissan

Page Information