fix responsive

.next/server/app-paths-manifest.json

@@ -1,7 +1,9 @@
 {
-  "/(main)/page": "app/(main)/page.js",
+  "/_not-found/page": "app/_not-found/page.js",
   "/features/page": "app/features/page.js",
+  "/(main)/page": "app/(main)/page.js",
   "/about/page": "app/about/page.js",
   "/heroverse/page": "app/heroverse/page.js",
-  "/usecases/page": "app/usecases/page.js"
+  "/usecases/page": "app/usecases/page.js",
+  "/community/page": "app/community/page.js"
 }

.next/server/webpack-runtime.js

@@ -125,7 +125,7 @@
 /******/ 	
 /******/ 	/* webpack/runtime/getFullHash */
 /******/ 	(() => {
-/******/ 		__webpack_require__.h = () => ("82e820ec81ad7812")
+/******/ 		__webpack_require__.h = () => ("9f6315533015d824")
 /******/ 	})();
 /******/ 	
 /******/ 	/* webpack/runtime/hasOwnProperty shorthand */

src/components/Collaborate.jsx

@@ -31,7 +31,7 @@ export default function Collaborate() {
         <div className="mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-2">
           <div className="lg:ml-auto lg:pl-4 lg:pt-4">
             <div className="lg:max-w-lg">
-              <p className="mt-2 h3-title-new h3-title-new ">Creative Collaboration</p>
+              <p className="mt-4 h3-title-new">Creative Collaboration</p>
               <p className="mt-4 section-text font-display ">
               Unleash your team’s creative potential in an immersive virtual playground where ideas come to life.
               </p>

src/components/Experiences.jsx

@@ -81,7 +81,7 @@ import {
           </div>
         </div>
         <div className="mx-auto lg:mt-12 max-w-7xl px-6 mt-8 mb-12 lg:px-8">
-        <div className="mt-2 grid grid-cols-1 gap-x-8 grid-cols-2 gap-y-10 lg:grid-cols-3">
+        <div className="mt-2 grid grid-cols-1 gap-x-8 gap-y-10 lg:grid-cols-3">
           {products.map((product) => (
             <div key={product.id} className="group relative">
               <div className="aspect-h-2 aspect-w-3 overflow-hidden rounded-lg bg-purple-100">

src/components/Featurehero.jsx

@@ -17,7 +17,7 @@ export default function Featurehero() {
       </div>
       <div className="mx-auto max-w-7xl px-6 lg:px-8">
         <div className="mx-auto max-w-2xl lg:mx-0">
-          <h2 className="lg:text-6xl font-semibold tracking-tight text-gradient-new2 text-xl">The Future of Collaboration</h2>
+          <h2 className="lg:text-6xl font-semibold tracking-tight text-gradient-new2 text-4xl">The Future of Collaboration</h2>
           <p className="mt-6 section-text-light max-w-xl font-display">
           Step into the future of communication and collaboration with immersive virtual environments. 
           OurVerse provides innovative tools that transform your events, meetings, and creative projects, 

src/components/Footer2.jsx

@@ -161,7 +161,7 @@ export default function Footer2() {
                 </ul>
               </div>
               <div>
-                <h3 className="text-sm font-semibold leading-6 text-purple-900">Partners</h3>
+                <h3 className="mt-10 md:mt-0 text-sm font-semibold leading-6 text-purple-900">Partners</h3>
                 <ul role="list" className="mt-6 space-y-4">
                   {navigation.partners.map((item) => (
                     <li key={item.name}>

src/components/HeroFeature.jsx

@@ -48,7 +48,7 @@ import {
             </div>
           </div>
         </div>
-        <div className="mt-4 mx-auto lg:mt-16 max-w-5xl px-6 mt-20 md:mt-24 lg:px-8 text-center items-center">
+        <div className="mx-auto lg:mt-16 mt-8 max-w-5xl px-6 md:mt-24 lg:px-8 text-center items-center">
         <h2 className="text-intro">Generative AI 3D Tool</h2>
         <p className="mt-4 h3-title-new text-center">Transform your Imagination into Immersive Reality </p>
         <p className="mt-8 items-center align-center section-text font-display -ct">

src/components/blogs/Blog_1.jsx

@@ -119,7 +119,7 @@ export default function Blog_1() {
           </p>
           </div>
           <div className="mt-10 max-w-2xl">
-          <h2 className='text-2xl font-bold tracking-tight text-purple-900 lg:text-2xl text-xl mb-4'>Conclusion:</h2>
+          <h2 className='font-bold tracking-tight text-purple-900 lg:text-2xl text-xl mb-4'>Conclusion:</h2>
           <p>
           Hero-GPT marks a significant leap forward in the creation of virtual environments, providing unmatched ease of use,
           flexibility, and creativity. Whether you're building a virtual world for gaming, real estate, education, 

src/styles/tailwind.css

@@ -242,7 +242,7 @@
       font-weight: 600; /* Equivalent to font-semibold */
       letter-spacing: -0.01em; /* Equivalent to tracking-tight */
       line-height: 1.2; /* Equivalent to leading-normal */
-      font-size: 1.25rem; /* Equivalent to text-xl */
+      font-size: 1.5rem; /* Equivalent to text-xl */
       background-color: #5e4589;
       background-image: linear-gradient(45deg, #703bca 0%, #d33bc9 25%,  #703bca 100%);
       -webkit-background-clip: text;
@@ -269,8 +269,8 @@
   }
 
   .section-text-light {
-    font-size: 1.25rem; /* matches 'text-lg', adjust to match 'lg:text-xl' for responsive design */
+    font-size: 1.1rem; /* matches 'text-lg', adjust to match 'lg:text-xl' for responsive design */
-    letter-spacing: 0.015em; /* matches 'tracking-tight' */
+    letter-spacing: -0.015em; /* matches 'tracking-tight' */
     line-height: 1.5rem; /* matches 'leading-tight' */
     color: #ffffff 
   }
@@ -280,6 +280,10 @@
       font-size: 1.25rem; /* matches 'lg:text-xl' for large screens */
       line-height: 1.85rem; /* matches 'leading-tight' */
     }
+    .section-text-light {
+      font-size: 1.25rem; /* matches 'lg:text-xl' for large screens */
+      line-height: 1.85rem; /* matches 'leading-tight' */
+    }
   }