Initial commit

src/pages/home/HomeHero.tsx

@@ -0,0 +1,36 @@
+import { motion } from 'framer-motion'
+import { TypeAnimation } from 'react-type-animation'
+import { Container } from '../../components/Container'
+
+export function HomeHero() {
+  return (
+    <section className="relative bg-white py-20 lg:py-32">
+      <Container>
+        <div className="mx-auto max-w-4xl text-center">
+          <h1 className="text-4xl lg:text-6xl font-medium tracking-tight text-gray-900">
+            <TypeAnimation
+              sequence={[
+                'Decentralized Autonomous Agentic Cloud.',
+                1000,
+              ]}
+              wrapper="span"
+              speed={50}
+              repeat={0}
+            />
+          </h1>
+
+          <motion.div
+            initial={{ opacity: 0 }}
+            animate={{ opacity: 1 }}
+            transition={{ duration: 1, delay: 1 }}
+            className="mt-8"
+          >
+            <p className="text-lg lg:text-xl text-gray-600">
+              Mycelium's advancements in Agentic infrastructure supports private, secure and autonomous Agents that connect, learn and grow with you.
+            </p>
+          </motion.div>
+        </div>
+      </Container>
+    </section>
+  )
+}