about

.next/app-build-manifest.json

@@ -55,6 +55,26 @@
       "static/chunks/webpack.js",
       "static/chunks/main-app.js",
       "static/chunks/app/about/layout.js"
+    ],
+    "/usecases/page": [
+      "static/chunks/webpack.js",
+      "static/chunks/main-app.js",
+      "static/chunks/app/usecases/page.js"
+    ],
+    "/usecases/layout": [
+      "static/chunks/webpack.js",
+      "static/chunks/main-app.js",
+      "static/chunks/app/usecases/layout.js"
+    ],
+    "/heroverse/page": [
+      "static/chunks/webpack.js",
+      "static/chunks/main-app.js",
+      "static/chunks/app/heroverse/page.js"
+    ],
+    "/heroverse/layout": [
+      "static/chunks/webpack.js",
+      "static/chunks/main-app.js",
+      "static/chunks/app/heroverse/layout.js"
     ]
   }
 }

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

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

.next/server/webpack-runtime.js

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

src/app/heroverse/layout.jsx

@@ -0,0 +1,5 @@
+import { Layout } from '@/components/Layout'
+
+export default function FeaturesLayout({ children }) {
+  return <Layout>{children}</Layout>
+}

src/app/heroverse/page.jsx

@@ -0,0 +1,13 @@
+import { Heropage }from '@/components/Heropage'
+import HeroFeature2 from '@/components/HeroFeature2'
+import HeroFeature3 from '@/components/HeroFeature3'
+
+export default function heroverse() {
+    return (
+      <>
+      <Heropage />
+      <HeroFeature2 />
+      <HeroFeature3 />
+      </>
+  )
+}

src/components/Build.jsx

@@ -49,7 +49,7 @@ import {
   
   export default function Build() {
     return (
-      <div className="bg-gradient-to-b from-purple-50/80 to-purple-50/10  lg:pt-16 lg:pb-24 pt-24 pb-24">
+      <div className=" lg:pt-16 lg:pb-24 pt-24 pb-24">
         <div className="mx-auto max-w-7xl px-6 lg:px-8">
           <div className="mx-auto max-w-4xl sm:text-center">
             <p className="mt-2 h3-title">Build Your Own Verse</p>

src/components/Casestudies.jsx

@@ -60,7 +60,7 @@ const posts = [
     title: 'Beauty Concept Store',
     href: '#',
     description:
-      'Experience a virtual concept store, demonstrating e-commerce solutions within a metaverse setting.',
+      'Experience a virtual concept cstore, demonstrating e-commerce solutions within a metaverse setting.',
     imageUrl:
       '/images/usecases/store.jpg',
     type: 'E-commerce',

src/components/Header.jsx

@@ -8,8 +8,8 @@ import { Bars3Icon, XMarkIcon } from '@heroicons/react/24/outline';
 
 // Example navigation items
 const navigationItems = [
-  { name: 'Home', href: '/' },
   { name: 'About', href: '/about.html' },
+  { name: 'HeroVerse 3D', href: '/heroverse.html' },
   { name: 'Features', href: '/features.html' },
   { name: 'Usecases', href: '/usecases.html' },
   { name: 'Community', href: '/community.html' },
@@ -21,9 +21,11 @@ export function Header() {
   return (
     <header className="relative z-50 flex-none lg:py-2 bg-white">
       <Container className="flex flex-wrap items-center justify-between lg:justify-center lg:flex-nowrap">
+      <a href="/">
         <div className="my-5 lg:my-0 lg:grow lg:basis-0">
-          <Logo className="h-12 w-auto text-slate-900" />
+         <Logo className="h-12 w-auto text-slate-900" />
         </div>
+     </a>
         <div className="hidden lg:flex lg:items-center lg:gap-8 lg:grow lg:basis-0">
           <div className="flex gap-8 mx-auto">
             {navigationItems.map((item) => (

src/components/HeroFeature2.jsx

@@ -0,0 +1,87 @@
+import {
+  CloudArrowUpIcon,
+  LockClosedIcon,
+  ArrowsRightLeftIcon,
+  MicrophoneIcon,
+  PhotoIcon,
+  UsersIcon,
+} from '@heroicons/react/20/solid'
+
+const features = [
+  {
+    name: 'Multi-stage Generation',
+    description: 'Generate HDRI environments to set the surroundings and select from pre-built templates. Customize further using text commands for precise, immersive results.',
+    icon: CloudArrowUpIcon,
+  },
+  {
+    name: 'Group Models with Behavior',
+    description: 'Create dynamic groups of models that behave realistically, such as flowing waterfalls or animated meeting setups, bringing your environment to life.',
+    icon: LockClosedIcon,
+  },
+  {
+    name: 'Individual Model Adjustments',
+    description: 'Interact with specific elements within your environment to modify them, such as resizing or repositioning objects, allowing precise customization for your needs.',
+    icon: ArrowsRightLeftIcon,
+  },
+  {
+    name: 'Voice Commands & Real-time Editing',
+    description: 'Use voice commands to describe and generate environments, and make real-time modifications during activities, enhancing ease of interaction and creativity.',
+    icon: MicrophoneIcon,
+  },
+  {
+    name: 'Image-to-Metaverse',
+    description: 'Upload images to integrate directly into your virtual space. In the future, use phone cameras to scan objects and add them seamlessly to the Metaverse.',
+    icon: PhotoIcon,
+  },
+  {
+    name: 'Real-time Collaboration',
+    description: 'Invite multiple users to collaborate within the environment in real time, perfect for meetings, team projects, and shared creative sessions.',
+    icon: UsersIcon,
+  },
+]
+
+export default function HeroFeature2() {
+  return (
+    <div className="bg-gradient-to-b from-purple-50/80 to-purple-50/10 pt-24 pb-12">
+      <div className="mx-auto max-w-7xl px-6 lg:px-8">
+        <div className="mx-auto max-w-4xl text-center justify-center items-center">
+          <p className="mt-8 h3-title text-center">HeroVerse 3D</p>
+          <p className="mt-4 items-center align-center text-center section-text-ct">
+            First Generative AI 3D Tools for the Metaverse and Beyond
+          </p>
+        </div>
+      </div>
+      <div className="relative overflow-hidden pt-8">
+        <div className="mx-auto max-w-6xl px-6 lg:px-8">
+          {/* embed Video */}
+          <video
+            autoPlay
+            loop
+            muted
+            playsInline
+            className="relative w-full h-full overflow-hidden rounded-lg shadow-lg"
+          >
+            <source src="/videos/herohow.mp4" type="video/mp4" />
+            Your browser does not support the video tag.
+          </video>
+          <div aria-hidden="true" className="relative">
+            <div className="absolute -inset-x-20 bottom-0 bg-gradient-to-t from-white pt-[7%]" />
+          </div>
+        </div>
+      </div>
+      <div className="mx-auto mt-16 max-w-7xl px-6 sm:mt-20 md:mt-24 lg:px-8">
+        <dl className="mx-auto grid max-w-2xl grid-cols-1 gap-x-6 gap-y-10 text-base leading-7 text-gray-600 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3 lg:gap-x-8 lg:gap-y-16">
+          {features.map((feature) => (
+            <div key={feature.name} className="relative pl-9">
+              <dt className="inline font-semibold text-gray-900">
+                <feature.icon aria-hidden="true" className="absolute left-1 top-1 h-5 w-5 text-lg text-purple-500" />
+                {feature.name}
+              </dt>
+              <dd className="text-sm mt-2">{feature.description}</dd>
+            </div>
+          ))}
+        </dl>
+      </div>
+    </div>
+  )
+}

src/components/HeroFeature3.jsx

@@ -0,0 +1,57 @@
+import { CheckIcon } from '@heroicons/react/20/solid'
+
+const features = [
+  {
+    name: 'Ease of Use',
+    description: 'Users with no prior design experience can easily generate complex 3D environments using simple text commands.',
+  },
+  {
+    name: 'Flexibility & Efficiency',
+    description: 'Modify entire environments or individual models with ease. The system quickly renders large-scale environments, saving time and offering a high degree of customization.',
+  },
+  {
+    name: 'Unlocking Creativity',
+    description: 'Create environments for gaming, education, or business without any technical skills. HeroVerse 3D enables fully immersive AAA game creation using only text commands.',
+  },
+  {
+    name: 'Architectural Visualization',
+    description: 'Architects can rapidly visualize ideas and create 3D models without extensive rendering software, saving significant time in the design process.',
+  },
+  {
+    name: 'Engaging Learning Environments',
+    description: 'Supports dynamic, interactive learning experiences for children and adults. Teachers can create virtual classrooms that adapt in real time for enhanced engagement.',
+  },
+  {
+    name: 'Dynamic Meetings',
+    description: 'Make virtual meetings more interactive by changing the environment with text commands or projecting yourself as a hologram, making meetings more lifelike.',
+  },
+]
+
+export default function HeroFeature3() {
+  return (
+    <div className="bg-gradient-to-b from-purple-50/10 to-purple-50/80 pt-24 py-24 sm:py-32 ">
+      <div className="mx-auto max-w-7xl px-6 lg:px-8">
+        <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-3">
+          <div>
+            <h2 className="text-intro">Everything you need</h2>
+            <p className="mt-2 text-3xl font-bold tracking-tight text-gradient sm:text-4xl">Multi-purpose Feature</p>
+            <p className="mt-6 text-base leading-7 text-gray-600">
+              <span className='text-gradient-light font-semibold'>The HeroVerse 3D </span> system offers several advantages that make it a powerful tool for creating virtual environments:
+            </p>
+          </div>
+          <dl className="col-span-2 grid grid-cols-1 gap-x-8 gap-y-10 text-base leading-7 text-gray-600 sm:grid-cols-2 lg:gap-y-16">
+            {features.map((feature) => (
+              <div key={feature.name} className="relative pl-9">
+                <dt className="font-semibold text-gray-900">
+                  <CheckIcon aria-hidden="true" className="absolute left-0 top-1 h-5 w-5 text-indigo-500" />
+                  {feature.name}
+                </dt>
+                <dd className="mt-2">{feature.description}</dd>
+              </div>
+            ))}
+          </dl>
+        </div>
+      </div>
+    </div>
+  )
+}

src/components/Heropage.jsx

@@ -0,0 +1,44 @@
+import { Button } from '@/components/Button';
+import { Container } from '@/components/Container';
+import { Gradient } from '@/components/Gradient';
+import { ChevronRightIcon } from '@heroicons/react/20/solid'
+
+export function Heropage() {
+  return (
+    <div className="lg:pt-24 pt-24 pb-12 min-h-screen flex items-center justify-center relative">
+      <Container>
+        {/* Background Video */}
+        <video
+          autoPlay
+          loop
+          muted
+          playsInline
+          className="absolute inset-0 w-full h-full object-cover -z-10"
+        >
+          <source src="/videos/heroverse2.mp4" type="video/mp4" />
+          Your browser does not support the video tag.
+        </video>
+
+        <div className="mx-auto max-w-xl lg:max-w-6xl text-center">
+          <h1 className="font-display lg:max-w-3xl font-bold text-gradient tracking-tighter lg:text-6xl text-4xl">
+          OurHero Verse 3D
+          </h1>
+          <h2 className="font-display mt-8 lg:max-w-4xl section-text-light">OurVerse has developed <span className='text-gradient font-semibold'>OurHero Verse 3D</span>, a cutting-edge system that allows users to generate full 3D virtual environments using text input alone. With this tool, users can create immersive and interactive environments, tailored to their needs, simply by describing them.  <br/> <br/>In addition to full environments, the system can generate HDRI environments, ensuring a surrounding atmosphere that matches the generated space. </h2>
+          <div className="lg:max-w-3xl max-w-2xl my-6 space-y-6 font-display font-medium lg:text-2xl text-xl tracking-tight leading-normal text-purple-800">
+          </div>
+          <div className="mt-10 pb-8 flex items-center justify-center gap-x-6">
+            <a
+              href="#"
+              className="rounded-2xl btn-gradient-dark px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-purple-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-500"
+            >
+              Try HeroVerse 3D
+            </a>
+            <a href="#" className="text-sm font-semibold leading-6 text-white hover:text-purple-200">
+              Learn more <span aria-hidden="true">→</span>
+            </a>
+          </div>
+        </div>
+      </Container>
+    </div>
+  );
+}