update colors

2024-10-01 20:09:05 +02:00
parent e48ec49452
commit 18b3ca26d0
87 changed files with 1439 additions and 811 deletions
--- a/src/components/HeroFeature.jsx
+++ b/src/components/HeroFeature.jsx
@@ -0,0 +1,77 @@
+import {
+    ArrowPathIcon,
+    CloudArrowUpIcon,
+    Cog6ToothIcon,
+    FingerPrintIcon,
+    LockClosedIcon,
+    ServerIcon,
+    CubeIcon,
+    DocumentMagnifyingGlassIcon,
+    CpuChipIcon,
+    ShieldCheckIcon,
+    FilmIcon,
+    GlobeAltIcon,
+    RocketLaunchIcon,
+  } from '@heroicons/react/20/solid'
+  
+  
+  export default function HeroFeature() {
+    return (
+      <div className="bg-gradient-to-b from-purple-50/80 to-purple-50/10 pt-32 pb-12">
+        <div className="mx-auto max-w-7xl px-6 lg:px-8">
+          <div className="mx-auto max-w-4xl sm:text-center">
+            <btn className="items-center rounded-2xl px-12 btn-gradient-dark2 py-2.5 text-md font-semibold"
+            >
+              NEW
+            </btn>
+            <p className="mt-8 h2-title  text-center">Introducing: OurHero Verse 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-16">
+          <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/ourverse3.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="mt-4 mx-auto lg:mt-16 max-w-5xl px-6 mt-20 md:mt-24 lg:px-8 text-center items-center">
+        <h2 className="text-base font-medium font-mono leading-7  text-cyan-700">Generative AI 3D Tool</h2>
+        <p className="mt-4 h3-title text-center">Transform your Imagination into Immersive Reality </p>
+        <p className="mt-8 items-center align-center section-text-ct">
+        Our team has developed a cutting-edge system allowing users to generate with AI, full 3D virtual environments using text input alone, 
+        by eliminating traditional barriers such as high technical skill requirements or expensive software. 
+        </p>
+        <p className="mt-4 items-center align-center section-text-ct">
+        Anyone, regardless of their background, skill level, or geographical location, can use the system to create complex 3D interactives environments tailored to their needs, 
+        simply by describing them. 
+        </p>
+        </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 Now
+            </a>
+            <a href="#" className="text-sm font-semibold leading-6 text-purple-900 hover:text-purple-500">
+              Learn more <span aria-hidden="true">→</span>
+            </a>
+          </div>
+      </div>
+    )
+  }
+