edit

src/app/page.tsx

@@ -16,7 +16,6 @@ export default function Home() {
       <main>
         <Hero />
         <HomeAbout />
-        <PrimaryFeatures />
         <SecondaryFeatures />
         <CallToAction />
         <Testimonials />

src/components/HomeAbout.tsx

@@ -0,0 +1,72 @@
+import { ArrowPathIcon, CircleStackIcon, InboxIcon, RocketLaunchIcon, ScaleIcon, TrashIcon, UsersIcon } from '@heroicons/react/24/outline'
+
+const features = [
+  {
+    name: 'A Funding Platform',
+    description:
+      'Unlock unparalleled financial support for diverse, forward-thinking projects, focusing on cutting-edge technologies that benefit both the environment and society.',
+    href: '#',
+    icon: CircleStackIcon,
+  },
+  {
+    name: 'Legal & Financial Autonomy',
+    description:
+      'Experience true independence with our integrated system offering legal and financial freedom. Through innovative structures like free zones, we create a fertile ground for your business to flourish.',
+    href: '#',
+    icon: ScaleIcon,
+  },
+  {
+    name: 'Life Supporting Infrastructure',
+    description:
+      'Benefit from our holistic infrastructure that supports financial, educational- tailored to ensure that every startup within our venture ecosystem can thrive and grow sustainably.',
+    href: '#',
+    icon: ArrowPathIcon,
+  },
+    {
+    name: 'Technological Empowerment',
+    description:
+      'Harness the power of our advanced interconnected technological ecosystem, designed to grant individuals, communities, and countries complete digital autonomy.',
+    href: '#',
+    icon: RocketLaunchIcon,
+  },
+]
+
+export function HomeAbout() {
+  return (
+    <div className="bg-black py-24 sm:py-32">
+      <div className="mx-auto max-w-7xl px-6 lg:px-8">
+        <div className="mx-auto max-w-4xl lg:mx-0">
+          <p className="subtitle text-white">ABOUT</p>
+          <h2 className="mt-2 h2-default text-white">
+            Enabling an Interconnected Ecosystem to Enhance human Intelligence Through Collaboration.
+          </h2>
+        </div>
+        <div className="lg:mx-0 max-w-2xl mt-6">
+          <p className="p-default text-gray-300">
+            OurWorld is a venture creator, dedicated to empowering startups with the resources and support they need to revolutionize the future.
+          </p>
+        </div>
+        <div className="mx-auto mt-16 max-w-2xl sm:mt-20 lg:mt-24 lg:max-w-none">
+          <dl className="grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-2">
+            {features.map((feature) => (
+              <div key={feature.name} className="flex flex-col">
+                <dt className="text-xl/7 font-semibold text-white">
+                  <div className="mb-6 flex size-10 items-center justify-center rounded-lg bg-white">
+                    <feature.icon aria-hidden="true" className="size-6 text-black" />
+                  </div>
+                  {feature.name}
+                </dt>
+                <dd className="mt-1 flex flex-auto flex-col text-base/7 text-gray-300">
+                  <p className="flex-auto">{feature.description}</p>
+                  <p className="mt-6">
+                    
+                  </p>
+                </dd>
+              </div>
+            ))}
+          </dl>
+        </div>
+      </div>
+    </div>
+  )
+}