import Link from "next/link";
import { BookOpen, BriefcaseBusiness, CircleCheck, GraduationCap, Users } from "lucide-react";

import { businessEnglishCourseFacts } from "@/data/courses/masterclass/business-english/courseFactsData";

const communicationSkills = [
  {
    title: "Business English for Meetings",
    description:
      "Join discussions, give project updates, ask for clarification, make suggestions and agree or disagree diplomatically. You will practise language that helps international meetings stay clear, constructive and focused on decisions.",
  },
  {
    title: "Professional Emails and Business Writing",
    description:
      "Write concise emails with clear subject lines, appropriate tone and an obvious next action. Course tasks cover introductions, requests, follow-ups, customer replies, summaries and professional action points.",
  },
  {
    title: "Business Calls and Customer Conversations",
    description:
      "Open and close calls professionally, exchange information, check understanding and respond calmly to concerns. Role-play helps you build confidence for client, colleague and customer conversations.",
  },
  {
    title: "English Presentations for Professionals",
    description:
      "Structure and present an idea, product or service for a workplace audience. Practise signposting, explaining benefits, using evidence and responding clearly when colleagues or clients ask questions.",
  },
];

const courseFacts = [
  ["Duration", businessEnglishCourseFacts.duration],
  ["Curriculum", `${businessEnglishCourseFacts.modules} workplace modules`],
  ["Delivery", businessEnglishCourseFacts.delivery],
  ["Class size", businessEnglishCourseFacts.classSize],
  ["Recommended level", businessEnglishCourseFacts.entryLevel],
  ["Next cohort", businessEnglishCourseFacts.startDateDisplay],
  ["Assessment", "Speaking, writing, simulations and trainer feedback"],
  ["Certificate", "Digital CVBE® certificate with verification link"],
];

export function BusinessEnglishDefinitionSection() {
  return (
    <section className="py-20 bg-white border-t border-[#E6D3B1]/30">
      <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="max-w-4xl mx-auto text-center mb-12">
          <p className="text-xs font-black text-[#8B1C1C] uppercase tracking-widest mb-2">
            Practical Workplace English
          </p>
          <h2 className="text-3xl md:text-4xl font-black text-[#4A141E] mb-5">
            What Is Business English?
          </h2>
          <div className="space-y-4 text-left text-[#4A141E]/75 leading-relaxed">
            <p>
              Business English is the language professionals use to complete real work: contributing in meetings, writing clear emails, speaking on calls, presenting ideas, helping customers, giving project updates and making decisions with international colleagues. Unlike a general English course, it focuses on the vocabulary, tone and communication patterns required in professional situations.
            </p>
            <p>
              CVBE® turns those situations into guided practice. You learn useful language, apply it in realistic speaking and writing tasks, and receive feedback on clarity, accuracy, structure and professional tone. The aim is not to sound artificial or memorise isolated phrases; it is to communicate your expertise so that colleagues, clients and managers can understand and trust your work.
            </p>
            <p>
              The online Business English course is designed for B1+ learners working or preparing to work in international environments. Across 10 modules, you build practical confidence for first impressions, workplace relationships, schedules, ideas, customer service, ethical business, decisions, outsourcing and professional writing.
            </p>
          </div>
        </div>

        <div className="grid md:grid-cols-2 gap-5">
          {communicationSkills.map((skill) => (
            <article
              key={skill.title}
              className="p-7 rounded-2xl bg-[#F6EFE9] border-2 border-[#E6D3B1]/40"
            >
              <h3 className="text-xl font-black text-[#4A141E] mb-3">
                {skill.title}
              </h3>
              <p className="text-[#4A141E]/75 leading-relaxed">
                {skill.description}
              </p>
            </article>
          ))}
        </div>
      </div>
    </section>
  );
}

export function BusinessEnglishCourseFactsSection() {
  return (
    <section className="py-20 bg-[#F6EFE9] border-t border-[#E6D3B1]/30">
      <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="text-center mb-12">
          <p className="text-xs font-black text-[#8B1C1C] uppercase tracking-widest mb-2">
            Format, Level and Assessment
          </p>
          <h2 className="text-3xl md:text-4xl font-black text-[#4A141E] mb-4">
            How the CVBE® Online Business English Course Works
          </h2>
          <p className="text-base md:text-lg text-[#4A141E]/70 max-w-3xl mx-auto">
            Live faculty-led learning, realistic workplace practice and individual feedback in a small online cohort.
          </p>
        </div>

        <dl className="grid sm:grid-cols-2 lg:grid-cols-4 gap-5 mb-10">
          {courseFacts.map(([label, value]) => (
            <div
              key={label}
              className="p-6 rounded-2xl bg-white border-2 border-[#E6D3B1]/40"
            >
              <dt className="text-xs font-black text-[#8B1C1C] uppercase tracking-wider mb-2">
                {label}
              </dt>
              <dd className="font-bold text-[#4A141E] leading-relaxed">{value}</dd>
            </div>
          ))}
        </dl>

        <div className="grid md:grid-cols-3 gap-6">
          <article className="p-7 rounded-2xl bg-white border-2 border-[#E6D3B1]/40">
            <BookOpen className="w-9 h-9 text-[#D4AF37] mb-4" />
            <h3 className="text-lg font-black text-[#4A141E] mb-3">
              Business English Speaking Practice
            </h3>
            <p className="text-[#4A141E]/75 leading-relaxed">
              Apply useful language in meetings, calls, customer conversations, decision-making activities and presentations, with trainer correction and reflection.
            </p>
          </article>
          <article className="p-7 rounded-2xl bg-white border-2 border-[#E6D3B1]/40">
            <GraduationCap className="w-9 h-9 text-[#D4AF37] mb-4" />
            <h3 className="text-lg font-black text-[#4A141E] mb-3">
              Assessment and Personal Feedback
            </h3>
            <p className="text-[#4A141E]/75 leading-relaxed">
              Speaking practice, writing tasks and workplace simulations show how you apply each skill. Final trainer feedback helps turn that evidence into a personal action plan.
            </p>
          </article>
          <article className="p-7 rounded-2xl bg-white border-2 border-[#E6D3B1]/40">
            <Users className="w-9 h-9 text-[#D4AF37] mb-4" />
            <h3 className="text-lg font-black text-[#4A141E] mb-3">
              Business English Training for Teams
            </h3>
            <p className="text-[#4A141E]/75 leading-relaxed">
              Companies can enrol managers, sales, support and client-facing teams in a shared cohort. Group options support consistent workplace communication across teams.
            </p>
          </article>
        </div>

        <div className="mt-10 flex flex-wrap justify-center gap-4 text-sm font-bold">
          <Link
            href="/business-english-level-test"
            className="inline-flex items-center gap-2 px-5 py-3 rounded-xl bg-white border-2 border-[#D4AF37] text-[#4A141E]"
          >
            <CircleCheck className="w-5 h-5 text-[#8B1C1C]" />
            Check your English level before joining
          </Link>
          <Link
            href="/tools/writing-analyser"
            className="inline-flex items-center gap-2 px-5 py-3 rounded-xl bg-white border-2 border-[#D4AF37] text-[#4A141E]"
          >
            <BriefcaseBusiness className="w-5 h-5 text-[#8B1C1C]" />
            Practise professional English writing
          </Link>
          <Link
            href="/masterclass/cambridge-veritas-dynamic-presentations"
            className="inline-flex items-center gap-2 px-5 py-3 rounded-xl bg-white border-2 border-[#D4AF37] text-[#4A141E]"
          >
            <BriefcaseBusiness className="w-5 h-5 text-[#8B1C1C]" />
            Online presentation skills training course
          </Link>
          <Link
            href="/certifications/cambridge-veritas-communication-across-cultures-specialization"
            className="inline-flex items-center gap-2 px-5 py-3 rounded-xl bg-white border-2 border-[#D4AF37] text-[#4A141E]"
          >
            <Users className="w-5 h-5 text-[#8B1C1C]" />
            Communication across cultures training
          </Link>
          <Link
            href="/specializations/cambridge-veritas-hr-proficiency-certificate"
            className="inline-flex items-center gap-2 px-5 py-3 rounded-xl bg-white border-2 border-[#D4AF37] text-[#4A141E]"
          >
            <Users className="w-5 h-5 text-[#8B1C1C]" />
            Specialist HR English training
          </Link>
          <Link
            href="/specializations/cambridge-veritas-certificate-in-financial-english"
            className="inline-flex items-center gap-2 px-5 py-3 rounded-xl bg-white border-2 border-[#D4AF37] text-[#4A141E]"
          >
            <BriefcaseBusiness className="w-5 h-5 text-[#8B1C1C]" />
            Specialist Financial English training
          </Link>
          <Link
            href="/specializations/cambridge-veritas-certificate-in-customer-service"
            className="inline-flex items-center gap-2 px-5 py-3 rounded-xl bg-white border-2 border-[#D4AF37] text-[#4A141E]"
          >
            <Users className="w-5 h-5 text-[#8B1C1C]" />
            Customer service communication training
          </Link>
          <Link
            href="/specializations/cambridge-veritas-certificate-in-tourism-and-hospitality-management"
            className="inline-flex items-center gap-2 px-5 py-3 rounded-xl bg-white border-2 border-[#D4AF37] text-[#4A141E]"
          >
            <Users className="w-5 h-5 text-[#8B1C1C]" />
            Hospitality English and hotel communication training
          </Link>
          <Link
            href="/specializations/cambridge-veritas-proficiency-in-sales-and-purchasing"
            className="inline-flex items-center gap-2 px-5 py-3 rounded-xl bg-white border-2 border-[#D4AF37] text-[#4A141E]"
          >
            <BriefcaseBusiness className="w-5 h-5 text-[#8B1C1C]" />
            Specialist Sales &amp; Purchasing English training
          </Link>
        </div>
      </div>
    </section>
  );
}