kearn moire

src/components/Hero.tsx

@@ -24,43 +24,31 @@ export function Hero() {
       </video>
       
       {/* Overlay for better text readability */}
-      <div className="absolute inset-0 bg-black/5 z-10"></div>
+      <div className="absolute inset-0 bg-black/20 z-10"></div>
       
       {/* Content */}
+      
       <Container className="relative z-20 pt-20 pb-16 text-center lg:pt-32">
+        <div className="hidden sm:mb-8 sm:flex sm:justify-center">
+            <div className="relative rounded-full px-3 py-1 text-sm/6 text-gray-100 ring-1 ring-gray-100/5 hover:ring-gray-100/20">
+              Interested to Take Part?{' '}
+              <a href="https://calendly.com/florian_threefold/30min" className="font-bold text-white0">
+                <span aria-hidden="true" className="absolute inset-0" />
+                Book a Meeting <span aria-hidden="true">&rarr;</span>
+              </a>
+            </div>
+          </div>
       <h1 className="mx-auto max-w-4xl font-display text-5xl font-medium tracking-tight text-white sm:text-7xl">
-        Accounting{' '}
-        <span className="relative whitespace-nowrap text-blue-600">
-          <svg
-            aria-hidden="true"
-            viewBox="0 0 418 42"
-            className="absolute top-2/3 left-0 h-[0.58em] w-full fill-blue-300/70"
-            preserveAspectRatio="none"
-          >
-            <path d="M203.371.916c-26.013-2.078-76.686 1.963-124.73 9.946L67.3 12.749C35.421 18.062 18.2 21.766 6.004 25.934 1.244 27.561.828 27.778.874 28.61c.07 1.214.828 1.121 9.595-1.176 9.072-2.377 17.15-3.92 39.246-7.496C123.565 7.986 157.869 4.492 195.942 5.046c7.461.108 19.25 1.696 19.17 2.582-.107 1.183-7.874 4.31-25.75 10.366-21.992 7.45-35.43 12.534-36.701 13.884-2.173 2.308-.202 4.407 4.442 4.734 2.654.187 3.263.157 15.593-.78 35.401-2.686 57.944-3.488 88.365-3.143 46.327.526 75.721 2.23 130.788 7.584 19.787 1.924 20.814 1.98 24.557 1.332l.066-.011c1.201-.203 1.53-1.825.399-2.335-2.911-1.31-4.893-1.604-22.048-3.261-57.509-5.556-87.871-7.36-132.059-7.842-23.239-.254-33.617-.116-50.627.674-11.629.54-42.371 2.494-46.696 2.967-2.359.259 8.133-3.625 26.504-9.81 23.239-7.825 27.934-10.149 28.304-14.005.417-4.348-3.529-6-16.878-7.066Z" />
-          </svg>
-          <span className="relative">made simple</span>
-        </span>{' '}
-        for small businesses.
+        OurWorld
       </h1>
-      <p className="mx-auto mt-6 max-w-2xl text-lg tracking-tight text-white/90">
-        Most bookkeeping software is accurate, but hard to use. We make the
-        opposite trade-off, and hope you don’t get audited.
+      <p className="mx-auto mt-6 max-w-2xl text-xl lg:text-2xl tracking-tight font-semibold text-white/90">
+        Shaping the future of Augmented Collective Intelligence
       </p>
-      <div className="mt-10 flex justify-center gap-x-6">
-        <Button href="/register">Get 6 months free</Button>
-        <Button
-          href="https://www.youtube.com/watch?v=dQw4w9WgXcQ"
-          variant="outline"
-        >
-          <svg
-            aria-hidden="true"
-            className="h-3 w-3 flex-none fill-blue-600 group-active:fill-current"
-          >
-            <path d="m9.997 6.91-7.583 3.447A1 1 0 0 1 1 9.447V2.553a1 1 0 0 1 1.414-.91L9.997 5.09c.782.355.782 1.465 0 1.82Z" />
-          </svg>
-          <span className="ml-3">Watch video</span>
-        </Button>
+      <p className="mx-auto mt-6 max-w-2xl text-lg lg:text-xl tracking-tight text-white/90">
+        At OurWorld, we are building the required infrastructures and tools to enable an Augmented Collective Intelligence — creating a fairer, decentralized, sustainable, and autonomous future for all.
+      </p>
+      <div className="mt-10 flex justify-center">
+        <Button href="/about" color="white">Learn More</Button>
       </div>
       <div className="mt-36 lg:mt-44">
         <p className="font-display text-base text-white">