diff --git a/public/componets/hero/13_hero.html b/public/componets/hero/13_hero.html
new file mode 100644
index 0000000..f6777ed
--- /dev/null
+++ b/public/componets/hero/13_hero.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en" class="">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Hero 6</title>
+    <link rel="stylesheet" href="./../../../dist/tailshape.css">
+</head>
+<body>
+
+    <!-- hero 13 start -->
+    <section class="section_divider" id="hero_13">
+        <div>Hero 13</div>
+      </section>
+          
+      <section class=" dark:bg-gray-800">
+        <header class="px-4 py-24 mx-auto max-w-7xl">
+  
+          <div class="w-full mx-auto text-left md:w-11/12 xl:w-9/12 md:text-center">
+            <h1 class="mb-6 text-4xl font-extrabold leading-none tracking-normal text-gray-900 dark:text-gray-300 md:text-6xl md:tracking-tight">
+              All your <span class="block w-full text-transparent bg-clip-text bg-gradient-to-r from-green-400 to-purple-500 dark:bg-gradient-to-r dark:from-cyan-300 dark:to-emerald-500 lg:inline">customer feedback</span> in one single place.
+            </h1>
+            <p class="px-0 mb-6 text-lg dark:text-gray-500 text-gray-600 md:text-xl lg:px-24">
+              Hellonext is a feature voting software where you can allow your users to vote on features, publish roadmap, and complete your customer feedback loop.
+            </p>
+            <div class="mb-4 space-x-0 md:space-x-2 md:mb-8">
+              <a class="inline-flex items-center justify-center w-full mb-2 dark:text-cyan-400 sm:w-auto sm:mb-0" href="#">
+                Get Started
+                <svg class="w-4 h-4 ml-1 " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
+                  <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd" />
+                </svg>
+              </a>
+              <a class="inline-flex items-center justify-center w-full mb-2 dark:text-emerald-300 sm:w-auto sm:mb-0" href="#">
+                Book a Demo
+                <svg class="w-4 h-4 ml-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
+                  <path
+                    fill-rule="evenodd"
+                    d="M6.672 1.911a1 1 0 10-1.932.518l.259.966a1 1 0 001.932-.518l-.26-.966zM2.429 4.74a1 1 0 10-.517 1.932l.966.259a1 1 0 00.517-1.932l-.966-.26zm8.814-.569a1 1 0 00-1.415-1.414l-.707.707a1 1 0 101.415 1.415l.707-.708zm-7.071 7.072l.707-.707A1 1 0 003.465 9.12l-.708.707a1 1 0 001.415 1.415zm3.2-5.171a1 1 0 00-1.3 1.3l4 10a1 1 0 001.823.075l1.38-2.759 3.018 3.02a1 1 0 001.414-1.415l-3.019-3.02 2.76-1.379a1 1 0 00-.076-1.822l-10-4z"
+                    clip-rule="evenodd"
+                  />
+                </svg>
+              </a>
+            </div>
+          </div>
+          <div class="w-full mx-auto mt-20 text-center dark:text-gray-500  md:w-10/12">
+            <img src="/hero.jpg" alt="Hellonext feedback boards software screenshot" class="w-full rounded-lg shadow-2xl" />
+          </div>
+  
+        </header>
+      </section>
+      <!-- hero 13 end -->
+  
+
+</body>
+</html>
\ No newline at end of file
diff --git a/public/componets/hero/14_hero.html b/public/componets/hero/14_hero.html
new file mode 100644
index 0000000..eed7f15
--- /dev/null
+++ b/public/componets/hero/14_hero.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en" class="">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Hero 6</title>
+    <link rel="stylesheet" href="./../../../dist/tailshape.css">
+</head>
+<body>
+
+    <!-- hero 14 start -->
+    <section class="section_divider" id="hero_14">
+        <div>Hero 14</div>
+      </section>
+  
+      <section class="p-10 text-center text-lg font-bold dark:bg-gray-800 dark:text-cyan-300  ">
+        This section(hero 14) is already been modified (style already added in hero 10)
+        
+      </section>
+    <!-- hero 14 end -->
+  
+
+</body>
+</html>
\ No newline at end of file
diff --git a/public/componets/hero/15_hero.html b/public/componets/hero/15_hero.html
new file mode 100644
index 0000000..1745fea
--- /dev/null
+++ b/public/componets/hero/15_hero.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en" class="">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Hero 6</title>
+    <link rel="stylesheet" href="./../../../dist/tailshape.css">
+</head>
+<body>
+
+  <!-- hero 15 start -->
+  <section class="section_divider" id="hero_15">
+    <div>Hero 15</div>
+  </section>
+
+  <section class="dark:bg-gray-800 dark:text-gray-100">
+    <div class="container mx-auto flex flex-col items-center px-4 py-16 text-center md:py-32 md:px-10 lg:px-32 xl:max-w-3xl">
+      <h1 class="text-4xl font-bold leading-none sm:text-5xl">Quisquam necessita vel
+        <span class="dark:text-violet-400 text-red-400">laborum doloribus</span>delectus
+      </h1>
+      <p class="px-8 mt-8 mb-12 text-lg">Cupiditate minima voluptate temporibus quia? Architecto beatae esse ab amet vero eaque explicabo!</p>
+      <div class="flex flex-wrap justify-center">
+        <button class="px-8 py-3 m-2 text-lg font-semibold rounded bg-red-400 dark:bg-violet-400 dark:text-gray-900">Get started</button>
+        <button class="px-8 py-3 m-2 text-lg border rounded bg-gray-400 dark:bg-gray-800 dark:text-gray-50 dark:border-gray-700">Learn more</button>
+      </div>
+    </div>
+  </section>  
+
+<!-- hero 15 end -->
+
+
+</body>
+</html>
\ No newline at end of file
