VIBN Frontend for Coolify deployment

marketing/components/emotional-hook.tsx

@@ -0,0 +1,22 @@
+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="text-3xl font-bold tracking-tight md:text-5xl">
+          {homepage.emotionalHook.title}
+        </h2>
+        <p className="text-4xl font-bold tracking-tight md:text-6xl bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">
+          {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>
+  );
+}
+