import { motion } from "framer-motion";

const Phase1 = () => {
  return (
    <motion.div
      initial={{ opacity: 0, x: 200 }}
      animate={{ opacity: 1, x: 0 }}
      transition={{ duration: 1, delay: 0.1 }}
    >
      <h4 className="font-bold text-2xl mb-2 font-PTSans">
        Phase 1: NIP Concept and Multichain Expansion (January 2026 – May 2026)
      </h4>
      <p className="mb-5 font-gudea">
        This foundational phase focuses on establishing ALZE’s technical architecture, multichain NFT infrastructure, and early community activation initiatives required for a scalable on-chain economy.
      </p>

      <h4 className="text-2xl font-bold mb-2 font-PTSans">Milestones:</h4>

      <ul className="list-decimal ml-4 mb-10">
        {/* 1. NIP Concept & Project Planning */}
        <li>
          <h6 className="font-bold mt-4">NIP Concept & Project Planning (January 2026) <span className="ml-2 text-xs font-medium px-2 py-0.5 rounded-full whitespace-nowrap align-middle bg-green-500/15 text-green-400">✅ Completed</span></h6>
          <ul className="list-disc ml-10 mt-4">
            <li>
              <span className="font-bold">Objective:</span> Define the Native Interoperability Protocol (NIP) standards, establish the full technical scope, and create a unified project strategy for the ALZE ecosystem.
            </li>
            <li>
              <span className="font-bold">Activities:</span> Conduct system architecture planning for the NIP standard and multichain integration; engage strategic and technical stakeholders to finalize interoperability requirements; produce a full project specification, milestone breakdown, and risk assessment.
            </li>
            <li>
              <span className="font-bold">Deliverables:</span> Complete NIP specification draft; comprehensive technical and operational project plan; infrastructure development roadmap for multichain deployment.
            </li>
          </ul>
        </li>

        {/* 2. Multichain Concept and NFT Creation */}
        <li>
          <h6 className="font-bold mt-4">Multichain Concept and NFT Creation (January 2026) <span className="ml-2 text-xs font-medium px-2 py-0.5 rounded-full whitespace-nowrap align-middle bg-green-500/15 text-green-400">✅ Completed</span></h6>
          <ul className="list-disc ml-10 mt-4">
            <li>
              <span className="font-bold">Objective:</span> Design and implement multichain-compatible NFTs to ensure seamless portability and user access across multiple blockchain networks.
            </li>
            <li>
              <span className="font-bold">Activities:</span> Develop multichain NFT architecture and metadata standards; deploy initial NFT smart contracts on selected networks such as Ethereum, BNB Chain, Polygon, Sui, and others; launch a controlled beta for user testing and feedback.
            </li>
            <li>
              <span className="font-bold">Deliverables:</span> Mint-ready multichain NFT collection; smart contract suite supporting interoperability; NFT development and release strategy.
            </li>
          </ul>
        </li>

        {/* 3. Value Proposition Development */}
        <li>
          <h6 className="font-bold mt-4">Value Proposition Development (January 2026) <span className="ml-2 text-xs font-medium px-2 py-0.5 rounded-full whitespace-nowrap align-middle bg-green-500/15 text-green-400">✅ Completed</span></h6>
          <ul className="list-disc ml-10 mt-4">
            <li>
              <span className="font-bold">Objective:</span> Define ALZE’s competitive differentiators and articulate value across product, technology, and user experience.
            </li>
            <li>
              <span className="font-bold">Activities:</span> Draft and validate ALZE’s core value propositions for creators, stakers, collectors, and ecosystem participants; integrate messaging into marketing frameworks, pitch decks, and communications; conduct market validation surveys and audience testing.
            </li>
            <li>
              <span className="font-bold">Deliverables:</span> Finalized value proposition documentation; updated marketing materials and narratives; market validation report.
            </li>
          </ul>
        </li>

        {/* 4. Phase-1 Airdrop */}
        <li>
          <h6 className="font-bold mt-4">Phase-1 Airdrop (March – April 2026) <span className="ml-2 text-xs font-medium px-2 py-0.5 rounded-full whitespace-nowrap align-middle bg-green-500/15 text-green-400">✅ Completed</span></h6>
          <ul className="list-disc ml-10 mt-4">
            <li>
              <span className="font-bold">Objective:</span> Accelerate early-stage community growth by distributing rewards to early adopters, testers, and ecosystem contributors.
            </li>
            <li>
              <span className="font-bold">Activities:</span> Define eligibility criteria based on engagement metrics such as NFT holders, testers, and community roles; implement secure snapshot and distribution mechanisms; execute multichain airdrop and monitor performance.
            </li>
            <li>
              <span className="font-bold">Deliverables:</span> Verified airdrop eligibility list; successful multichain distribution; performance and analytics report.
            </li>
          </ul>
        </li>

        {/* 5. Pre-Sale */}
        <li>
          <h6 className="font-bold mt-4">Pre-Sale (May 2026) <span className="ml-2 text-xs font-medium px-2 py-0.5 rounded-full whitespace-nowrap align-middle bg-green-500/15 text-green-400">✅ Completed</span></h6>
          <ul className="list-disc ml-10 mt-4">
            <li>
              <span className="font-bold">Objective:</span> Secure early funding and expand token distribution prior to public listing while ensuring regulatory and technical compliance.
            </li>
            <li>
              <span className="font-bold">Activities:</span> Finalize tokenomics, vesting schedules, and allocation frameworks; conduct smart contract audits for presale modules; launch allowlisting, investor onboarding, and contribution management workflows.
            </li>
            <li>
              <span className="font-bold">Deliverables:</span> Completed presale smart contract suite; investor participation summary; presale report including allocations, raised capital, and token circulation overview.
            </li>
          </ul>
        </li>
      </ul>
    </motion.div>
  );
};

export default Phase1;