add new component

src/components/Homepage.jsx

@@ -5,7 +5,7 @@ import { ChevronRightIcon } from '@heroicons/react/20/solid'
 
 export function Homepage() {
   return (
-    <Gradient className="pt-24 pb-12">
+    <Gradient className="lg:pt-24 pt-20 pb-12">
       <Container>
         {/* Background Video */}
         <video
@@ -20,17 +20,6 @@ export function Homepage() {
         </video>
 
         <div className="mx-auto max-w-xl lg:max-w-6xl">
-          <div className="mt-12 mb-6 lg:mt-16">
-                  <div className="inline-flex space-x-6">
-                    <span className="rounded-full btn-gradient-lt lg:px-3 lg:py-1 px-0 lg:text-sm text-xs font-semibold lg:leading-6 leading-2 text-purple-900 ring-1 ring-inset ring-indigo-600/10">
-                      What's new
-                    </span>
-                    <a href="/community/blogs/herogpt" className="inline-flex items-center space-x-2 text-sm font-semibold leading-6 text-cyan-700 hover:text-purple-700">
-                    <span className="underline">HeroGPT v1.0.0</span>
-                    <ChevronRightIcon className="h-5 w-5 text-purple-700" aria-hidden="true" />
-                  </a>
-                  </div>
-          </div>
           <h1 className="font-display lg:max-w-2xl font-bold tracking-tighter text-gradient-dark lg:text-7xl text-5xl">
             The Future of Collaboration is Now.
           </h1>