GR Corolla

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

Adaptive content banner

title - TOYOTA GR COROLLA
description - GR Corolla Born To Perform
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 - false
slides
- slides[0].title -
- slides[0].subtitle - COROLLA
- slides[0].description - Born To Perform
- slides[0].video - https://devtoyotaflumemedia.blob.core.windows.net/videos/toyota-banners/gr-corolla-banner.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 - false

Text

theme - product
title - The All-New GR Corolla Has Arrived
subtitle - Firing things up in Toyota’s hot hatch is GR-tuned suspension and a state-of-the-art GR-FOUR all-wheel drive system that puts all 210 kW of power into your hands. With both an automatic and manual gearbox, sport mode and a mechanical handbrake, the GR Corolla is heaven on earth and one hell of a ride

Text

theme - product
miniTitle - Power
title - Born To Perform
subtitle - GR you ready to handle 210kW of pure power? Equipped with an innovative front-to-rear adjustable all-wheel drive (GR-FOUR), the GR Corolla’s compact-yet-powerful, 1.6 litre, turbocharged, three-cylinder engine delivers 400Nm of torque and a whip-fast top speed of 230km/h. The automatic comes as a 8-speed transmission, while the manual comes as a 6-speed transmission

Gallery with tooltips (Flume)

Title -
imageTilesData
- imageTilesData[0].image -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpwi3ehj01iidmak2z5qy4kc-gr-corolla-performance-ig-01.full.jpg
- imageTilesData[0].heading[0].heading -
- imageTilesData[0].content[0].content -
- imageTilesData[0].tooltips[0].top -
- imageTilesData[0].tooltips[0].left -
- imageTilesData[1].image -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmk5626xghuq4jpakgex4kjlw-corollagr-rear-cover-comp-ret.full.png
- imageTilesData[1].heading[1].heading -
- imageTilesData[1].content[1].content -
- imageTilesData[1].tooltips[1].top -
- imageTilesData[1].tooltips[1].left -
- imageTilesData[2].image -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmkha47im110e10akq3less1f-group-3.full.jpg
- imageTilesData[2].heading[2].heading -
- imageTilesData[2].content[2].content -
- imageTilesData[2].tooltips[2].top -
- imageTilesData[2].tooltips[2].left -
- imageTilesData[3].image -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmk5dh0xoiezcjpaktoc13nck-copy-1.full.jpg
- imageTilesData[3].heading[3].heading -
- imageTilesData[3].content[3].content -
- imageTilesData[3].tooltips[3].top -
- imageTilesData[3].tooltips[3].left -

Text

theme - narrow
subtitle - GR you ready for a joy ride like no other? At your fingertips are three selectable driving modes (Eco, Normal and Sport), a mechanical handbrake and six-speed manual transmission. That, and GR-tuned suspension combines strength, spring and stability to deliver exceptional levels of traction and control, on and off the track. And thanks to the three-pipe exhaust that emphasises its sporty rear end, the GR Corolla sounds just as aggressive as it looks.

Text

theme - product
miniTitle - Technology
title - Track Approved Technology
subtitle - The Corolla comes with a Heads-up display and blind spot monitor, which are available in the Circuit edition, and provides the driver with necessary information within their field of view. And for thrills at any speed, there’s the seven-inch infotainment touchscreen, a wireless charger and Android Auto and Apple CarPlay capability. Then there’s the state-of-the-art features like Adaptive high speed Cruise Control, Reverse Camera and more that keep you in comfort and under control.

Two Column - Text with Image

componentType - textWithImage
textWithImageData.title - For Your Infotainment
textWithImageData.theme - withBackgroundColor
textWithImageData.description - And for thrills at any speed, there’s the improved audio system with the seven-inch infotainment touchscreen, a wireless charger and Android Auto and Apple CarPlay capability.

Image

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

Two Column - Text with Image

componentType - textWithImage
textWithImageData.title - A-head of The Game
textWithImageData.theme - withBackgroundColor
textWithImageData.description - A Corolla-first in South Africa, the Heads-up display provides you with necessary information within your field of view.

Image

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

Two Column - Text with Image

componentType - textWithImage
textWithImageData.title - Control Freak
textWithImageData.theme - withBackgroundColor
textWithImageData.description - Adaptive high-speed Cruise Control, Reverse Camera, and much more keep you in comfort and under control.

Image

textWithImageData.image -
https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmkh01zfb6t7rktakkg4qeuax-680x460-1.0.38.680.382.full.jpg
textWithImageData.imgPosition - left

Text

theme - product
miniTitle - Safety
title - Push Your Limits With Ease Of Mind
subtitle - The GR Corolla comes standard with Toyota’s latest Safety Sense Package that includes innovative features like Hill Assist Control (HAC), Vehicle Stability Control (VSC), Anti-Lock Braking System (ABS) and Electronic Brake Force Distribution (EBD). And for extra confidence around corners, the Circuit edition is equipped with Front and Rear Limited-Slip Differentials (LSD). The vehicle now also comes standard with blind spot monitor, making it easy to navigate through traffic.

Slider deck

deckType - iconWithText
withbackgroundTheme - false
stretch cards - true
number of columns - 2
theme - narrow
iconWithTextData -
- iconWithTextData.[0].title - Pre-crash System
- iconWithTextData.[0].image -
- iconWithTextData.cardContent.items[0].content - Warns the driver of oncoming vehicles or pedestrians and automatically intervenes if the driver doesn’t brake in time.
- ------------------------------------------------------------------------
- iconWithTextData.[1].title - Lane Trace Assist
- iconWithTextData.[1].image -
- iconWithTextData.cardContent.items[0].content - Lane Trace Assist detects lane deviation and automatically corrects steering while alerting the driver with a beeper.
- ------------------------------------------------------------------------

Slider deck

deckType - iconWithText
withbackgroundTheme - false
stretch cards - true
number of columns - 2
theme - narrow
iconWithTextData -
- iconWithTextData.[0].title - Emergency Locking Retractor (ELR)
- iconWithTextData.[0].image -
- iconWithTextData.cardContent.items[0].content - ELR on seatbelts allows for easy extension until a sudden stop or impact, at which point it will tighten to protect the passenger.
- ------------------------------------------------------------------------
- iconWithTextData.[1].title - Central Locking
- iconWithTextData.[1].image -
- iconWithTextData.cardContent.items[0].content - Remote central locking and an anti-theft system that activates automatically once the vehicle is wirelessly locked by the key fob.
- ------------------------------------------------------------------------

Text

theme - product
miniTitle - Exterior
title - Styled For Speed
subtitle - The GR Corolla boasts a wider, wilder body sporting flared fenders, a fierce spoiler, bold hood vents, and 18" Alloy wheels. There's also uniquely patterned forged carbon-fibre roof that allows for better handling. Plus, the Bi-LED headlamps with auto high beam increase night-time visibility and power efficiency.

Gallery with tooltips (Flume)

Title -
imageTilesData
- imageTilesData[0].image -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpwilmuf0302dmak1p85qvfv-gr-corolla-style-ig-01.full.jpg
- imageTilesData[0].heading[0].heading - GR Sport Synthetic Leather + Suede*
- imageTilesData[0].content[0].content -
- imageTilesData[0].tooltips[0].top - 46
- imageTilesData[0].tooltips[0].left - 34
- imageTilesData[1].image -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmkgzvylt6se6ktakacabuw0q-712x323.full.png
- imageTilesData[1].heading[1].heading - Carbon Fibre Reinforced Parts*
- imageTilesData[1].content[1].content -
- imageTilesData[1].tooltips[1].top - 25
- imageTilesData[1].tooltips[1].left - 44
- imageTilesData[2].image -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmk5ektgeii4ljpak3mn8hff7-finalversion2.full.jpg
- imageTilesData[2].heading[2].heading - Rear-3 Exhaust Tailpipe
- imageTilesData[2].content[2].content -
- imageTilesData[2].tooltips[2].top - 50
- imageTilesData[2].tooltips[2].left - 50
- imageTilesData[3].image -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmk5cw35mid77jpak0h6g7lp8-toyota-gr-corolla-2023-v1.full.jpg
- imageTilesData[3].heading[3].heading - Hood, Front, Fender & Rear Air Vents*
- imageTilesData[3].content[3].content -
- imageTilesData[3].tooltips[3].top - 38
- imageTilesData[3].tooltips[3].left - 40

Text

theme - product
miniTitle - Interior
title - Rally-Ready Inside And Out
subtitle - The GR Corolla’s interior stays true to its Motorsport roots. Special touches like the leather-trimmed steering wheel, GR-badged front seats and a six-way adjustable driver's seat have been crafted to provide a comfortable driving posture and a premium race feel.

Gallery

galleryData
galleryData[0]
galleryData.tabLabel - Exterior
gallery[0].imageGalleryItems
- imageGalleryItems[0].slideTitle - Toyota GR Corolla Hatch Exterior
- imageGalleryItems[0].slideCaption - *South African specification may differ
- imageGalleryItems[0].slideImage -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmknpqxt10f2bssak1kkpsfn6-gr-corolla-ext-5.full.jpg
- imageGalleryItems[1].slideTitle - Toyota GR Corolla Hatch Exterior
- imageGalleryItems[1].slideCaption - *South African specification may differ
- imageGalleryItems[1].slideImage -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmknprhh70f4pssak63cgsrk4-gr-corolla-ext-1.full.jpg
- imageGalleryItems[2].slideTitle - Toyota GR Corolla Hatch Exterior
- imageGalleryItems[2].slideCaption - *South African specification may differ
- imageGalleryItems[2].slideImage -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmknprzcj0f8gssakzpi3eia3-gr-corolla-ext-2.full.jpg
- imageGalleryItems[3].slideTitle - Toyota GR Corolla Hatch Exterior
- imageGalleryItems[3].slideCaption - *South African specification may differ
- imageGalleryItems[3].slideImage -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmknpsgpm0faissaknhayvnjf-gr-corolla-ext-3.full.jpg
- imageGalleryItems[4].slideTitle - Toyota GR Corolla Hatch Exterior
- imageGalleryItems[4].slideCaption - *South African specification may differ
- imageGalleryItems[4].slideImage -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmknpt0au0fdjssaklukvvc2h-gr-corolla-ext-4.full.jpg
galleryData[1]
galleryData.tabLabel - Interior
gallery[1].imageGalleryItems
- imageGalleryItems[0].slideTitle - Toyota GR Corolla Hatch Interior
- imageGalleryItems[0].slideCaption -
- imageGalleryItems[0].slideImage -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpts2z3a02jxusakvwn6kthy-grcorollainterior4.full.jpg
- imageGalleryItems[1].slideTitle - Toyota GR Corolla Hatch Interior
- imageGalleryItems[1].slideCaption -
- imageGalleryItems[1].slideImage -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpts2yua02jvusakegieueka-grcorollainterior5.full.jpg