Untitled

import React from "react";

function SurveyPresentation() {
  const slides = [
    {
      title: "Midterm Project: Survey as a Research Method",
      content: [
        "Group Research Project: Sociology Research Methods",
        "Presentation Due: March 7, 11:59 PM",
        "In-Class Presentation: March 11-13",
        "Paper Due: March 14, 11:59 PM",
      ],
    },
    {
      title: "What is a Survey?",
      content: [
        "A survey collects data from subjects who respond to a series of questions.",
        "Used to understand behaviors, opinions, and attitudes.",
        "Data is collected through questionnaires or interviews.",
      ],
    },
    {
      title: "Types of Survey Questions",
      content: [
        "Open-ended Questions: Allow respondents to provide detailed answers.",
        "Closed-ended Questions: Provide a set of predefined answers (e.g., Likert scale).",
      ],
    },
    {
      title: "Why Use Surveys?",
      content: [
        "Efficient for collecting data from large populations.",
        "Standardized format allows for statistical analysis.",
        "Facilitates comparisons across various subgroups.",
      ],
    },
    {
      title: "Challenges of Surveys",
      content: [
        "Response bias due to unclear or poorly written questions.",
        "Non-response rates can impact the reliability of results.",
        "Survey development requires time, planning, and resources.",
      ],
    },
    {
      title: "Case Study: Organizational Surveys",
      content: [
        "Article: 'The Organizational Survey Process' by Edwards & Thomas",
        "Purpose: Guidance on creating effective organizational surveys.",
        "Key Steps Highlighted:",
        "- Pre-survey planning and setting objectives.",
        "- Writing clear, concise questions.",
        "- Survey distribution and data analysis.",
      ],
    },
    {
      title: "Key Takeaways from the Article",
      content: [
        "Surveys require detailed planning to ensure reliability and validity.",
        "Pretesting surveys can help identify and address issues early.",
        "Surveys provide actionable insights but must be carefully constructed.",
      ],
    },
    {
      title: "Why I Chose Surveys",
      content: [
        "I find surveys interesting because they are versatile and scalable.",
        "They offer a structured way to gather quantifiable data.",
        "Surveys can uncover trends and patterns across diverse populations.",
      ],
    },
    {
      title: "Resources Used",
      content: [
        "Montgomery College Library - Sociology Collection",
        "Montgomery Public Library - eBooks and Research Guides",
        "Books: 'The Survey Research Handbook' by Alreck and Settle",
      ],
    },
    {
      title: "Conclusion",
      content: [
        "Surveys are powerful tools for collecting data and analyzing trends.",
        "Proper construction and implementation are critical for success.",
        "Our presentation highlights the strengths and challenges of surveys as a research method.",
      ],
    },
  ];

  return (
    <div className="w-full h-screen bg-gray-100 p-8 flex flex-col items-center">
      <div className="w-full max-w-4xl shadow-lg bg-white rounded-lg overflow-hidden">
        {slides.map((slide, index) => (
          <div
            key={index}
            className={`p-8 ${
              index === 0 ? "block" : "hidden"
            } slide transition-all`}
          >
            <h1 className="text-2xl font-bold text-blue-600 mb-4">{slide.title}</h1>
            <ul className="list-disc pl-5 space-y-2">
              {slide.content.map((item, idx) => (
                <li key={idx} className="text-lg text-gray-700">
                  {item}
                </li>
              ))}
            </ul>
          </div>
        ))}
      </div>
      <div className="mt-4 flex space-x-4">
        <button
          className="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 transition"
          onClick={() => {
            const activeSlide = document.querySelector(".slide.block");
            const nextSlide = activeSlide.nextElementSibling || activeSlide.parentElement.firstElementChild;
            activeSlide.classList.remove("block");
            activeSlide.classList.add("hidden");
            nextSlide.classList.remove("hidden");
            nextSlide.classList.add("block");
          }}
        >
          Next
        </button>
      </div>
    </div>
  );
}

export default SurveyPresentation;