Rename home page sections to reflect contents (#1572)

## Description

Makes it easier to figure out where to make changes

## Type of change

- [x] 🗺️ Documentation

docs/src/components/parts/Demo.js

@@ -1,7 +1,7 @@
 import React from "react";
 import "animate.css";
 
-export default function SecondSection() {
+export default function Demo() {
   return (
     <section className="relative flex !tracking-wide  flex-col items-center overflow-hidden">
       <div className="!container relative">

docs/src/components/parts/Hero.js

@@ -1,7 +1,7 @@
 import React from "react";
 import "animate.css";
 
-export default function FirstSection() {
+export default function Hero() {
   return (
     <section className="relative !tracking-wide flex flex-col home-wrapper items-center overflow-hidden">
       <div

docs/src/components/parts/KeyLoveFAQ.js

@@ -6,7 +6,7 @@ import { Icon } from "@iconify/react";
 import "animate.css";
 import "tw-elements";
 
-export default function ThirdSection() {
+export default function KeyLoveFAQ() {
   useEffect(() => {
     new WOW().init();
     feather.replace();

docs/src/components/parts/MainComp.js

@@ -1,28 +1,22 @@
 import React from "react";
 import "animate.css";
 import loadable from "@loadable/component";
-import FirstSection from "./FirstSection";
+import Hero from "./Hero";
-import SecondSection from "./SecondSection";
+import Demo from "./Demo";
 import FourthSection from "./FourthSection";
 import Cookies from "./Cookies";
 
-const ThirdSectionComp = loadable(() => import("./ThirdSection"));
+const KeyLoveFAQComp = loadable(() => import("./KeyLoveFAQ"));
 const BackToTopComp = loadable(() => import("./BackToTop"));
 
 export function MainComp() {
   return (
     <>
-      {/* SECTION 1 */}
+      <Hero />
-      <FirstSection />
+      <Demo />
-      {/* SECTION 2 */}
+      <KeyLoveFAQComp />
-      <SecondSection />
-      {/* SECTION 3 */}
-      <ThirdSectionComp />
-      {/* SECTION 4 */}
       <FourthSection />
-      {/* BACK TO TOP */}
       <BackToTopComp />
-      {/* COOKIES  */}
       <Cookies />
     </>
   );