'use client'

import GlitchText from './GlitchText'

export default function Hero() {
  return (
    <section className="flex flex-col items-center justify-center min-h-screen relative z-10">
      <GlitchText
        text="GEEKBRAIN.IO"
        as="h1"
        intensity="normal"
        className="text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold"
      />
      <p className="mt-4 text-xl md:text-2xl text-muted font-light text-center max-w-2xl">
        Backing the builders of tomorrow
      </p>
      <div className="mt-12 animate-bounce">
        <svg
          className="w-6 h-6 text-primary"
          fill="none"
          stroke="currentColor"
          viewBox="0 0 24 24"
          aria-hidden="true"
        >
          <path
            strokeLinecap="round"
            strokeLinejoin="round"
            strokeWidth={2}
            d="M19 14l-7 7m0 0l-7-7m7 7V3"
          />
        </svg>
      </div>
    </section>
  )
}