Sroll Animation

import EnchantedForestHero from "@/components/ui/sroll-animation";
import React from "react";

export default function EnchantedForestHeroDemo() {
  return (
    <EnchantedForestHero
      message={{
        title: "THE THRESHOLD",
        lines: [
          "Every journey begins with a single step",
          "Through the door of possibility",
          "Into the realm of the extraordinary",
        ],
        wisdom:
          "What lies behind us and what lies before us are tiny matters compared to what lies within us.",
        author: "- Ralph Waldo Emerson",
      }}
      enableBloom
      bloomStrength={0.8}
      heightVh={300}
      showProgressIndicator
      onPhaseChange={(p) => console.log("Phase:", p)}
      onProgress={(v) => console.log("Progress:", v.toFixed(2))}
      theme={{
        // You can override to match your design system
        // background: "220 80% 2%",
        // accent: "205 100% 75%",
      }}
    />
  );
}