feat: add buttons for for different access

Author: HusseinSerag

src/components/LandingPage/HeroSection.tsx

@@ -6,13 +6,27 @@ export default function HeroSection() {
         <h1 className='text-accent-600 text-lg sm:text-xl font-semibold'>React ChatBotify</h1>
         <h2 className='text-accent-900 font-bold text-3xl sm:text-5xl'>Theme Gallery</h2>
         <h3 className='text-accent-600 sm:text-base text-sm text-center w-[250px]'>
-          Browse, rate and share themes for your chatbot today!
+          Browse, rate and share themes for your chatbot today and more!
         </h3>
-        <Link className='mt-6' to={"/themes"}>
-          <button className='bg-accent-900 hover:bg-gradient-to-r hover:from-secondary-900  hover:to-primary-600 transition-colors duration-300 hover:text-accent-900 px-4 py-2 text-lg rounded-lg'>
-            Explore themes
+        <div className="flex mt-6 flex-col items-center sm:flex-row gap-2">
+
+        
+        <Link  to={"/themes"}>
+          <button className='bg-accent-900 hover:bg-gradient-to-r hover:from-secondary-900 px-2 py-1 text-[14px]  hover:to-primary-600 transition-colors duration-300 hover:text-accent-900 sm:px-4 sm:py-2 sm:text-lg rounded-lg'>
+            Themes
+          </button>
+        </Link>
+        <Link  to={"/plugins"}>
+          <button className='bg-accent-900 hover:bg-gradient-to-r hover:from-secondary-900 px-2 py-1 text-[14px]  hover:to-primary-600 transition-colors duration-300 hover:text-accent-900 sm:px-4 sm:py-2 sm:text-lg rounded-lg'>
+            Plugins
+          </button>
+        </Link>
+        <Link  to={"https://react-chatbotify.com"}>
+          <button className='bg-accent-900 hover:bg-gradient-to-r hover:from-secondary-900 px-2 py-1 text-[14px]  hover:to-primary-600 transition-colors duration-300 hover:text-accent-900 sm:px-4 sm:py-2 sm:text-lg rounded-lg'>
+            Documentation
           </button>
         </Link>
+        </div>
       </div>
   )
 }