diff --git a/apps/www/components/Hero/FrontendFrameworks.tsx b/apps/www/components/Hero/FrontendFrameworks.tsx
index 32041497286..97fc55e5be1 100644
--- a/apps/www/components/Hero/FrontendFrameworks.tsx
+++ b/apps/www/components/Hero/FrontendFrameworks.tsx
@@ -49,7 +49,7 @@ const frameworks = [
 const FrontendFrameworks = ({ className }: { className?: string }) => {
   return (
     <div className={['flex text-center flex-col items-center', className].join(' ')}>
-      <small className="small !text-scale-1100">Works seamlessly with</small>
+      <small className="small !text-scale-1100">Works seamlessly with 20+ frameworks</small>
       <div className="w-full sm:max-w-lg mt-4 md:mt-3 lg:ml-0">
         <div className="flex flex-wrap items-center justify-center gap-2 sm:flex-nowrap">
           {frameworks.map((framework) => (