ok

.next/server/webpack-runtime.js

@@ -125,7 +125,7 @@
 /******/ 	
 /******/ 	/* webpack/runtime/getFullHash */
 /******/ 	(() => {
-/******/ 		__webpack_require__.h = () => ("0b457c4b0e835dad")
+/******/ 		__webpack_require__.h = () => ("ceba12a7df39251a")
 /******/ 	})();
 /******/ 	
 /******/ 	/* webpack/runtime/hasOwnProperty shorthand */

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 gap-y-8 grid-cols-2 gap-y-10 lg:grid-cols-3">
+        <div className="mt-2 grid grid-cols-1 gap-x-8 grid-cols-2 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/Hero.jsx

@@ -16,7 +16,7 @@ export function Hero() {
           <h1 className="lg:mt-2 mt-0 font-display lg:text-2xl text-lg font-semibold tracking-tight text-gradient-new">
             Beyond Traditional Video Calls.  
           </h1>
-          <div className="mt-4 space-y-6 mx-4 font-display section-text font-display ">
+          <div className="mt-4 space-y-6 mx-4 font-display section-text">
             <p>
             <span className='text-gradient-new font-semibold'>OurVerse</span> is a fully immersive metaverse platform, offering a space where virtual interactions 
             feel real, engaging, and limitless. Our metaverse is fully decentralized and <span className='emphasis text-gradient-new'>powered by the ThreeFold Grid</span>, enabling global collaboration with enhanced security, flexibility and freedom.  

src/components/Product.jsx

@@ -74,7 +74,7 @@ export function Product() {
                 <div className="relative mt-4">
                   <h3 className="text-intro">{product.name}</h3>
                   <p className="mt-1 mb-2 lg:text-sm text-base text-purple-900">{product.color}</p>
-                  <a href={product.href} className="lg:text-xs text-sm font-mono text-cyan-600  hover:text-purple-600">
+                  <a href={product.href} className="lg:text-xs text-sm font-mono text-purple-600  hover:text-purple-600">
                     Read Usecase <span aria-hidden="true">→</span>
                   </a>
                 </div>

src/components/blogs/Blog_1.jsx

@@ -30,7 +30,7 @@ export default function Blog_1() {
          </p>
           <ul role="list" className="mt-4 mb-8 max-w-xl space-y-4 text-gray-600">
           <li className="flex gap-x-3">
-            <CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-cyan-600" />
+            <CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-purple-600" />
             <span>
               <strong className="font-semibold text-gray-900">Multi-Stage Generation.</strong> 
               Start by generating HDRI environments to set the mood and surroundings. Then select from pre-built templates based on 
@@ -38,7 +38,7 @@ export default function Blog_1() {
             </span>
           </li>
           <li className="flex gap-x-3">
-            <CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-cyan-600" />
+            <CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-purple-600" />
             <span>
               <strong className="font-semibold text-gray-900">Group Models with Behavior.</strong> 
               Automatically create environments with dynamic, real-world behaviors—e.g., waterfalls in meeting halls, 
@@ -46,21 +46,21 @@ export default function Blog_1() {
             </span>
           </li>
           <li className="flex gap-x-3">
-            <CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-cyan-600" />
+            <CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-purple-600" />
             <span>
               <strong className="font-semibold text-gray-900">Individual Model Adjustments.</strong> Modify individual objects: 
               resize, retexture, reposition, within the environment through simple text descriptions.
             </span>
           </li>
           <li className="flex gap-x-3">
-            <CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-cyan-600" />
+            <CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-purple-600" />
             <span>
               <strong className="font-semibold text-gray-900">Voice Commands & Real-Time Editing.</strong> Modify individual objects: 
               Use voice input to create or modify environments instantly, even during meetings or live sessions.
             </span>
           </li>
           <li className="flex gap-x-3">
-            <CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-cyan-600" />
+            <CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-purple-600" />
             <span>
               <strong className="font-semibold text-gray-900">Image-to-Metaverse Conversion.</strong> 
               Upload images or scan objects with a phone camera to integrate them into your 3D world.
@@ -72,31 +72,31 @@ export default function Blog_1() {
           the potential applications of Hero-GPT are vast and impactful.
           <br /><br></br>
           </p>
-          <strong className="font-semibold text-cyan-700 lg:text-2xl text-xl tracking-tight mt-2">Here are some key use cases of Hero-GPT:</strong>
+          <strong className="font-semibold text-purple-700 lg:text-2xl text-xl tracking-tight mt-2">Here are some key use cases of Hero-GPT:</strong>
           <ul role="list" className="mt-4 mb-8 max-w-xl space-y-8 text-gray-600">
           <li className="flex gap-x-3">
-            <CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-cyan-600" />
+            <CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-purple-600" />
             <span>
               <strong className="font-semibold text-gray-900">Game Development.</strong> 
               Easily generate immersive game environments and character models, accelerating the game development process.
             </span>
           </li>
           <li className="flex gap-x-3">
-            <CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-cyan-600" />
+            <CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-purple-600" />
             <span>
               <strong className="font-semibold text-gray-900">Real Estate.</strong> 
               Create virtual property tours that allow potential buyers to explore spaces in stunning 3D, providing a fully immersive experience.
             </span>
           </li>
           <li className="flex gap-x-3">
-            <CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-cyan-600" />
+            <CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-purple-600" />
             <span>
               <strong className="font-semibold text-gray-900">Education.</strong> 
               Build interactive virtual classrooms or labs that adapt in real-time, offering more engaging learning opportunities for students of all ages.
             </span>
           </li>
           <li className="flex gap-x-3">
-            <CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-cyan-600" />
+            <CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-purple-600" />
             <span>
               <strong className="font-semibold text-gray-900">Healthcare.</strong> 
               Develop medical simulations or virtual therapy rooms tailored to specific needs, providing a realistic training or therapeutic environment.
@@ -105,7 +105,7 @@ export default function Blog_1() {
           </ul>
           </div>
           <div className="mt-2 max-w-2xl">
-          <h2 className='text-2xl font-bold tracking-tight text-cyan-900 lg:text-2xl text-xl tracking-tight mb-4'>Empowering Creativity and Equality with Hero-GPT:</h2>
+          <h2 className='lg:text-2xl font-bold  text-purple-900 text-xl tracking-tight mb-4'>Empowering Creativity and Equality with Hero-GPT:</h2>
           <p>
           One of the most transformative aspects of Hero-GPT is how it democratizes access to advanced 3D and virtual reality technology.
           No longer are expensive software, high technical skills, or powerful hardware a barrier. Now, anyone—regardless of background, 
@@ -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-cyan-900 lg:text-2xl text-xl tracking-tight mb-4'>Conclusion:</h2>
+          <h2 className='text-2xl 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,