import { Card, CardContent } from "@/components/ui/card"; import { Sparkles, Eye, HeartHandshake, HandCoins, Star } from "lucide-react"; export default function CustomerJourneyMap() { const stages = [ { title: "1. Knowing Yourself", icon: , description: "Your foundational phase. You stabilize in your rhythms, identify your 3–5 non-negotiables, and root your presence before creating anything external.", color: "bg-[#FDE68A]" }, { title: "2. Transmission", icon: , description: "You share from your frequency, not for performance. You post what you *are*, not what you sell. Social becomes signal—not strategy.", color: "bg-[#A5F3FC]" }, { title: "3. Exchange (No Expectation)", icon: , description: "The sacred beginning of two-way flow. They opt-in, grab a freebie, or send a DM. You respond with generosity, not agenda.", color: "bg-[#C4B5FD]" }, { title: "4. Opening Deeper", icon: , description: "Private invitations, email stories, unlisted resources. This is a deeper layer of intimacy—not for conversion, but connection.", color: "bg-[#FBCFE8]" }, { title: "5. The Irresistible Yes", icon: , description: "They choose to buy. You’re simply available. Your offers are invitations, not pressure. You hold your worth with clarity, not hustle.", color: "bg-[#BBF7D0]" } ]; return (

{stages.map((stage, i) => (

{stage.icon}

{stage.title}

{stage.description}

))}

); }