Main Features

By default, Theme Raed home page displays a collection of Pre-Defined and Custom Components. These components are located in the src/views/components/home/ folder.

Theme Features

Pre-Defined Components, which are know as Theme Features, listed in the twilight.json under the features section. Below is a list of these components.

Component	Discription
Youtube	This component is responsible for displaying Youtube videos that the developer preselects.
Fixed Banner	Fixed banner is the area in charge of displaying a banner that is fixated on the home page.
Testimonials	This component displays testimonials that the developer preselects.
Parallax backgorund	This component displays products with a backgournd that zooms out slowly giving a 2D effect.
Photos slider	Photos are displayed in a slider by using this component.
Store Features	This component is responsible for showcasing the store features such as a detailed product description, customer reviews of the product, and a fast guest check-out option.
Square photos	Use this component to display photos in a square shape.
Fixed products	Use this component to pin the products that you wish to have displayed always.
Products slider	This slider component helps navigate between products vertically/horizontally.
Featured prodcuts style 1	Using this component, featured products are exhibited in a pre-defined style.
Featured prodcuts style 2	Using this component, featured products are exhibited in a pre-defined style.
Featured prodcuts style 3	Using this component, featured products are exhibited in a pre-defined style.
Latest Products	This component displays the latest products added to the store automatically.
Vertical menu with slider	Used to display a menu for a group of the sub-pages' links in a vertical menu.

Theme Components

The Custom Components can be easily modified by the developer. They are known as Theme Components. Below is the list of the Custom Components that are shipped by default along with Theme Raed.

Components	Description
Brands	Brands' logos of the store are displayed in this component section.
Enhanced Squared Image	Enhanced images in a square shape are displayed with the help of this component.
Main links	This component helps to portray the store main links.
Enhanced Slider	The slider component helps navigate vertically/horizontally.
Slider products with header	Slider products with header displays the products in a slide and give the sldier a header title.