edit build

src/components/Build.jsx

@@ -5,38 +5,44 @@ import {
     FingerPrintIcon,
     LockClosedIcon,
     ServerIcon,
+    CubeIcon,
+    DocumentMagnifyingGlassIcon,
+    CpuChipIcon,
+    ShieldCheckIcon,
+    FilmIcon,
+    GlobeAltIcon,
   } from '@heroicons/react/20/solid'
   
   const features = [
     {
-      name: 'Push to deploy.',
-      description: 'Lorem ipsum, dolor sit amet consectetur adipisicing elit aute id magna.',
-      icon: CloudArrowUpIcon,
+      name: '3D Models Library',
+      description: 'Access a vast library of 3D models to enrich your virtual environment with diverse objects and elements.',
+      icon: CubeIcon,
     },
     {
-      name: 'SSL certificates.',
-      description: 'Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo.',
-      icon: LockClosedIcon,
+      name: '3D Templates Library.',
+      description: 'Kickstart your creation process with ready-made 3D templates designed for various virtual experiences.',
+      icon: DocumentMagnifyingGlassIcon,
     },
     {
-      name: 'Simple queues.',
-      description: 'Ac tincidunt sapien vehicula erat auctor pellentesque rhoncus.',
-      icon: ArrowPathIcon,
+      name: 'AI Metaverse Builder.',
+      description: 'Leverage AI-powered tools to effortlessly design and construct your unique metaverse.',
+      icon: CpuChipIcon,
     },
     {
       name: 'Advanced security.',
-      description: 'Lorem ipsum, dolor sit amet consectetur adipisicing elit aute id magna.',
-      icon: FingerPrintIcon,
+      description: 'Leverage AI-powered tools to effortlessly design and construct your unique metaverse.',
+      icon: ShieldCheckIcon,
     },
     {
-      name: 'Powerful API.',
-      description: 'Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo.',
-      icon: Cog6ToothIcon,
+      name: 'Behaviors and Animations',
+      description: 'Add life to your creations with customizable behaviors and animations that enhance interactivity.',
+      icon: FilmIcon,
     },
     {
-      name: 'Database backups.',
-      description: 'Ac tincidunt sapien vehicula erat auctor pellentesque rhoncus. ',
-      icon: ServerIcon,
+      name: 'Virtual Portal.',
+      description: 'Seamlessly connect different parts of your virtual world with dynamic, interactive portals. ',
+      icon: GlobeAltIcon,
     },
   ]
   
@@ -71,11 +77,11 @@ import {
           </div>
         </div>
         <div className="mx-auto lg:mt-16 max-w-7xl px-6 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-10">
+          <dl className="mx-auto grid max-w-2xl grid-cols-1 gap-x-6 gap-y-10 text-base leading-7 text-blue-900 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3 lg:gap-x-8 lg:gap-y-10">
             {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-indigo-600" />
+                <dt className="inline font-semibold text-blue-700">
+                  <feature.icon aria-hidden="true" className="absolute left-1 top-1 h-5 w-5 text-blue-700" />
                   {feature.name}
                 </dt>{' '}
                 <dd className="inline">{feature.description}</dd>