import { homepage } from "@/marketing/content/homepage";

export function EmotionalHook() {
  return (
    <section className="w-full py-16 md:py-24">
      <div className="container mx-auto px-6">
        <div className="mx-auto max-w-[800px] text-center space-y-4">
        <h2 className="font-serif text-3xl font-semibold tracking-tight md:text-5xl">
          {homepage.emotionalHook.title}
        </h2>
        <p className="vibn-gradient-text font-serif text-4xl font-semibold tracking-tight md:text-6xl">
          {homepage.emotionalHook.subtitle}
        </p>
        <p className="text-lg text-muted-foreground md:text-xl pt-4 leading-relaxed">
          {homepage.emotionalHook.description}
        </p>
        </div>
      </div>
    </section>
  );
}

