The document describes how to configure the hero section on the EOS landing page. It outlines 6 different layouts for the hero section that each allow configuring elements like logos, images, headings, descriptions, buttons, videos, and overlays. For each layout, it provides instructions on uploading or modifying the allowed elements and saving the changes.

1. EOS-APP LANDING PAGE

2. HOW TO ADD HERO SECTION ?

3. EOS has Hero Section with six different
layouts.
To use Hero Section go to Appearance -> Theme
Options -> Build Home Page -> Hero
Section here you have options to choose
between six hero section layouts of your
Website. Choose any accent box and options
will open related to your selected layout.

5. LAYOUT 1

7. Choose App Logo Image by clicking
on Choose File button and set its
width and height and then click on the button
of Save Changes.

8. Dashboard View

9. Frontend
View

10. Now upload image to use of left side
of the Hero Section by clicking on
the button of Choose File and then click on the
button of Save Changes.

11. Dashboard View

12. Frontend
View

13. Add the Heading and Description in
the textboxes which you want to
display on your Hero Section. Also add
different buttons on your site by just
switching them On and then click on the
button of Save Changes.

14. Dashboard View

15. Frontend
View

16. Choose whether you want to upload
Image or Video on your Hero Section
and upload the Image or Video according to
the option you have chosen and then click on
the button of Save Changes.

17. Dashboard View

18. Frontend View

19. Choose the Section Overlay type and
upload the Bottom Image which you
want to display and then click on the button
of Save Changes. (If you don’t want Bottom
Image do not upload any image.)

20. Dashboard View

21. Frontend View

22. LAYOUT 2

24. Choose App Logo Image by clicking
on Choose File button and set its
width and height and then click on the button
of Save Changes.

25. Dashboard View

26. Frontend View

27. Add the Heading in the textbox
which you want to display on your
EOS Hero Section. You can also add different
buttons on your Hero Section by just
switching them On and then click on the
button of Save Changes.

28. Dashboard View

29. Frontend View

30. Choose whether you want to upload
Image or Video on your Hero Section
and upload the Image or Video according to
the option you have chosen and then click on
the button of Save Changes.

31. Dashboard View

32. Frontend View

33. Choose the Section Overlay type and
upload the Bottom Image which you
want to display and then click on the button
of Save Changes. (If you don’t want Bottom
Image do not upload any image.)

34. Dashboard View

35. Frontend View

36. LAYOUT 3

38. Choose App Logo Image by clicking
on Choose File button and set its
width and height and then click on the button
of Save Changes.

39. Dashboard View

40. Frontend
View

41. Now upload images to use of left
side of the Hero Section by clicking
on the button of Choose File.

42. Dashboard View

43. Frontend
View

44. Add the Heading and Description in
the textboxes which you want to
display on your Hero Section. Also add
different buttons on your site by just
switching them On and then click on the
button of Save Changes.

45. Dashboard View

46. Frontend
View

47. Choose whether you want to upload
Image or Video on your Hero Section
and upload the Image or Video according to
the option you have chosen and then click on
the button of Save Changes.

48. Dashboard View

49. Frontend View

50. Choose the Section Overlay type and
upload the Bottom Image which you
want to display and then click on the button
of Save Changes. (If you don’t want Bottom
Image do not upload any image.)

51. Dashboard View

52. Frontend View

53. LAYOUT 4

55. Choose App Logo Image by clicking
on Choose File button and set its
width and height and then click on the button
of Save Changes.

56. Dashboard View

57. Frontend
View

58. Now upload image to use of left side
of the Hero Section by clicking on the
button of Choose File and then click on the
button of Save Changes.

59. Dashboard View

60. Frontend
View

61. Add the Heading and Description in
the textboxes which you want to
display on your Hero Section. Also add
different buttons on your site by just
switching them On and then click on the
button of Save Changes.

62. Dashboard View

63. Frontend
View

64. Choose whether you want to upload
Image or Video on your site and
upload the Image or Video according to the
option you have chosen and then click on the
button of Save Changes.

65. Dashboard View

66. Frontend View

67. Choose the Section Overlay type and
upload the Bottom Image which you
want to display and then click on the button
of Save Changes. (If you don’t want Bottom
Image do not upload any image.)

68. Dashboard View

69. Frontend View

70. LAYOUT 5

72. Choose App Logo Image by clicking
on Choose File button and set its
width and height and then click on the button
of Save Changes.

73. Dashboard View

74. Frontend
View

75. Now upload image to use of left side
of the Hero Section by clicking on
the button of Choose File and then click on the
button of Save Changes.

76. Dashboard View

77. Frontend
View

78. Add the Heading and Description in
the textboxes which you want to
display on your site. Please switch On or Off
Mailchimp as you want to display mailchimp
form on Hero Section and then click on the
button of Save Changes.

79. Dashboard View

80. Frontend
View

81. Choose whether you want to upload
Image or Video on your Hero Section
and upload the Image or Video according to
the option you have chosen and then click on
the button of Save Changes.

82. Dashboard View

83. Frontend View

84. Choose the Section Overlay type and
upload the Bottom Image which you
want to display and then click on the button
of Save Changes. (If you don’t want Bottom
Image do not upload any image.)

85. Dashboard View

86. Frontend View

87. LAYOUT 6

89. Choose App Logo Image by clicking
on Choose File button and set its
width and height and then click on the button
of Save Changes.

90. Dashboard View

91. Frontend
View

92. Add the Heading and Description in
the textboxes which you want to
display on your site. Please add different
buttons on your by just switching them On
switch On or Off Mailchimp as you want to
display mailchimp form on and then click on
the button of Save Changes.

93. Dashboard View

94. Frontend
View

95. Choose whether you want to upload
Image or Video on your site and
upload the Image or Video according to the
option you have chosen and then click on the
button of Save Changes. (If you don’t want
Bottom Image do not upload any image.)

96. Dashboard View

97. Frontend View

98. Dashboard View

99. Frontend View

100. Frontend View