GR Supra

When I wrote this code, only me and God knew how it works. Now only God knows…

Adaptive content banner

title - GR SUPRA
description - Pedigree And Power
backgroundImage -
buttons[0].defaultButton
- buttons[0].button.linkLabel - Enquire now
- buttons[0].button.linkUrl - https://buynow.e-toyota.co.za/toyota/enquire-now
- buttons[0].button.linkWindow - true
slides
- slides[0].title -
- slides[0].subtitle - SUPRA
- slides[0].description - Pedigree And Power
- slides[0].video - https://media.cdntoyota.co.za/videos/toyota-banners/Supra.mp4
- slides[0].image -
- buttons
  - buttons[0].button.linkLabel - Enquire Now
  - buttons[0].button.linkUrl - https://buynow.e-toyota.co.za/toyota/enquire-now
  - buttons[0].button.linkWindow - true

Text

theme - product
title - The GR Supra Is Born To Perform
subtitle - The all-new Supra is now even more powerful than before. Defined by its classic six cylinder, front-engine, rear-wheel drive sports car layout and its iconic styling, the Supra has been exclusively crafted to create a rarefied realm where driver and car become one. The GR Supra delivers the ultimate driving experience on the track or on the street. With 285 kW of power, adrenaline comes standard in the GR Supra.

Text

theme - product
miniTitle - Performance
title - Born To Perform
subtitle - The new GR Supra has been designed to deliver driving pleasure and superlative performance at accessible limits. The generous power of the GR Supra comes from the straight-six cylinder 3.0ℓ engine which is equipped with direct fuel injection, turbocharging and mated to an 8-speed automatic delivering 285 kW of power.

Text

theme - narrow
subtitle - The Supra boasts a wide rev range as well as the fitment of launch and traction control and electronically controlled Limited Slip Differential (LSD) which optimises the rear-wheel driving experience. The Sport button, sharpens the steering and throttle response as well as Adaptive Variable Suspension (AVS)*comprised of MacPherson struts in front and a multi-link rear.
htmlTextData.content.items[0].content - *Available on selected models.

Text

theme - product
miniTitle - Innovation
title - State Of The Art
subtitle - As befits a vehicle with the pedigree of the GR Supra, the vehicle's interior accoutrements reflect the intelligent engineering technology employed under the skin. So, in keeping with the GR Supra's purist philosophy of a simple but sophisticated sports car, the transmission tunnel and gear lever surround is covered in exclusive high-gloss carbon-fibre. For piloting, smart tools such as the Heads-Up Display (HUD)* have been included. This display indicates key vehicle information such as speed and navigation, which allows the driver to keep their eyes on the road and better enjoy the drive. The one-piece, six-lens LED adaptive* headlamps feature integrated LED Daytime Running Lights (DRL) and turn signal flashers for further safety.
htmlTextData.content.items[0].content - *Available on selected models

Two Column - Text with Image

componentType - textWithImage
textWithImageData.title - Centre of Attention
textWithImageData.theme - withBackgroundColor
textWithImageData.description - A centrally-mounted 8.8” colour touchscreen delivers further navigational and infotainment information, featuring a three-dimensional rev clock, digital speedometer, and more.

Image

textWithImageData.image -
https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpgpproq00h9e4akavaxcmce-gr-supra-tech-side-by-side-01-682x460.0.76.1364.767.full.jpg
textWithImageData.imgPosition - left

Two Column - Text with Image

componentType - textWithImage
textWithImageData.title - Cool, Calm and Controlled
textWithImageData.theme - withBackgroundColor
textWithImageData.description - Active Cruise Control keeps your vehicle at a preselected speed, automatically accelerating and decelerating with traffic.

Image

textWithImageData.image -
https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clptf0jr906zfzbak4ztv66hz-gr-supra-tech-side-by-side-03-682x460.0.76.1364.767.full.jpg
textWithImageData.imgPosition - right

Two Column - Text with Image

componentType - textWithImage
textWithImageData.title - Push-Start Button
textWithImageData.theme - withBackgroundColor
textWithImageData.description - Push-Start button and keyless entry and exit means the key is left untouched, while the doors automatically lock upon pull-away.

Image

textWithImageData.image -
https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clptf0mc906zizbak6cce8x3x-gr-supra-tech-side-by-side-02-682x460.0.76.1364.767.full.jpg
textWithImageData.imgPosition - left

Text

theme - product
miniTitle - Safety
title - The Science Of Safety
subtitle - The GR Supra celebrates the passion for performance and the importance of safety in equal measure. The car is therefore fitted with driver, passenger, side, driver knee and curtain airbags and a Pre-crash system with pedestrian detection*. The GR Supra also boasts Road sign assist* which relays road sign information through a camera to the multi-information display and heads-up display* as well as Lane change assist* and Lane departure warning*. Finally, the adaptive cruise control with stop and go* maintains a safe distance from the vehicle in front, by accelerating and decelerating to keep the gap consistent at all times, as well as autonomously come to a full stop.
htmlTextData.content.items[0].content - *Available on selected models

Slider deck

deckType - iconWithText
withbackgroundTheme - false
stretch cards - true
number of columns - 2
theme - narrow
iconWithTextData -
- iconWithTextData.[0].title - Road Sign Assist
- iconWithTextData.[0].image -
- iconWithTextData.cardContent.items[0].content - Relays road sign information through the use of a camera to both the multi-information display and Heads-up Display. 
- ------------------------------------------------------------------------
- iconWithTextData.[1].title - Lane Change Assist
- iconWithTextData.[1].image -
- iconWithTextData.cardContent.items[0].content - Lane Change Assist works in conjunction with the Blind Spot Monitor and informs the driver when adjacent lanes are clear to move into.
- ------------------------------------------------------------------------

Slider deck

deckType - iconWithText
withbackgroundTheme - false
stretch cards - true
number of columns - 2
theme - narrow
iconWithTextData -
- iconWithTextData.[0].title - Adaptive Cruise Control
- iconWithTextData.[0].image -
- iconWithTextData.cardContent.items[0].content - Adaptive Cruise Control, with stop-and-go, maintains a safe distance to the vehicle in front and has the ability to autonomously come to a full stop and, or accelerate.
- ------------------------------------------------------------------------
- iconWithTextData.[1].title - Tyre Pressure Monitor
- iconWithTextData.[1].image -
- iconWithTextData.cardContent.items[0].content - Tyre Pressure Monitor continuously checks and alerts the driver to a loss of pressure in any of the tyres.
- ------------------------------------------------------------------------

Text

theme - product
miniTitle - Design
title - Discerning Design
subtitle - The new GR Supra owns the road with intelligent and dynamic design. The chiselled rear of the car evokes memories of previous generations of Supras. The distinctive trapezoidal shape of the bumper also serves to marry a sporty, purposeful appearance to the reduction of body lift through dramatically sculpted lines.

Text

theme - narrow
subtitle - Viewed in profile, the lowest point of the bonnet flows near-horizontally to the rear of the car for an ultra-athletic stance. The low placement of the rear spoiler further facilitates the creation of a low, continuously flowing belt line. Finally, the combination of the rearward-slanting cabin silhouette and forward slanting-underbody epitomises classic sports car styling.

Gallery with tooltips (Flume)

Title -
imageTilesData
- imageTilesData[0].image -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpz42l6d06gj7lak1tzj8plh-gr-supra-style-ig-01.full.jpg
- imageTilesData[0].heading[0].heading - Power Seat Lumbar Support With Heater
- imageTilesData[0].content[0].content -
- imageTilesData[0].tooltips[0].top - 55
- imageTilesData[0].tooltips[0].left - 60
- imageTilesData[1].image -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpclwl6z01h0i9akk12wmgj4-gr-supra-style-ig-02.full.jpg
- imageTilesData[1].heading[1].heading - Front & Rear Park Distance Control (PDC) with Intelligent Clearance Sonar, Rear Cross Traffic Alert
- imageTilesData[1].content[1].content -
- imageTilesData[1].tooltips[1].top - 50
- imageTilesData[1].tooltips[1].left - 33
- imageTilesData[2].image -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpwiqtim03imdmakuezvowm7-gr-supra-style-ig-03.full.jpg
- imageTilesData[2].heading[2].heading - Turbocharger Twin Scroll
- imageTilesData[2].content[2].content -
- imageTilesData[2].tooltips[2].top - 34
- imageTilesData[2].tooltips[2].left - 54
- imageTilesData[3].image -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpx64rka02k695akkodip861-gr-supra-style-ig-04.full.jpg
- imageTilesData[3].heading[3].heading - Wireless Charger
- imageTilesData[3].content[3].content -
- imageTilesData[3].tooltips[3].top - 89
- imageTilesData[3].tooltips[3].left - 58

Gallery

galleryData
galleryData[0]
galleryData.tabLabel - Exterior
gallery[0].imageGalleryItems
- imageGalleryItems[0].slideTitle - Supra Exterior
- imageGalleryItems[0].slideCaption -
- imageGalleryItems[0].slideImage -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clei7bzdj00ht0pqv1m94q9vb-supra-exterior-3-4-lifestyle-1024x683.full.jpg
- imageGalleryItems[1].slideTitle - Supra Exterior Back View
- imageGalleryItems[1].slideCaption -
- imageGalleryItems[1].slideImage -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clei7d7qg00jt0plcf4pan6au-supra-exterior-back-lifestyle-1024x683.full.jpg
- imageGalleryItems[2].slideTitle - Supra Exterior Front View
- imageGalleryItems[2].slideCaption -
- imageGalleryItems[2].slideImage -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clei7ecko00is0pqvk1j0ccl0-supra-exterior-front-1024x683.full.jpg
- imageGalleryItems[3].slideTitle - Supra Exterior 3/4 Front View
- imageGalleryItems[3].slideCaption -
- imageGalleryItems[3].slideImage -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpv3cjbf03q14sakibn6rq7v-newsupra4.full.jpg
- imageGalleryItems[4].slideTitle - Supra Exterior Side View
- imageGalleryItems[4].slideCaption -
- imageGalleryItems[4].slideImage -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpv3cj6r03q04saklkog5029-newsupra5.full.jpg
- imageGalleryItems[5].slideTitle - Supra Exterior 3/4 Back view
- imageGalleryItems[5].slideCaption -
- imageGalleryItems[5].slideImage -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpv3cj3h03pz4saki3yr4ihp-newsupra6.full.jpg
galleryData[1]
galleryData.tabLabel - Interior
gallery[1].imageGalleryItems
- imageGalleryItems[0].slideTitle - Supra Interior Push Start
- imageGalleryItems[0].slideCaption -
- imageGalleryItems[0].slideImage -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpv3six704cm4sakksms5a7j-suprainterior1.full.jpg
- imageGalleryItems[1].slideTitle - Supra Interior Seat Trim
- imageGalleryItems[1].slideCaption -
- imageGalleryItems[1].slideImage -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpv3sixx04cn4sak99xcyjp0-suprainterior2.full.jpg