<!-- Add required dependencies -->
<script src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
<script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

<!-- Add Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>

<!-- Container for the quiz -->
<div id="quiz-root"></div>

<!-- Your React component -->
<script type="text/babel">
  // First, create simplified versions of the shadcn/ui components
  const Card = ({ children, className }) => (
    <div className={`bg-white rounded-lg shadow-lg p-6 ${className}`}>
      {children}
    </div>
  );
  
  const CardHeader = ({ children }) => (
    <div className="mb-6">{children}</div>
  );
  
  const CardContent = ({ children }) => (
    <div className="mb-6">{children}</div>
  );
  
  const CardFooter = ({ children }) => (
    <div className="mt-6">{children}</div>
  );
  
  const CardTitle = ({ children, className }) => (
    <h2 className={`text-2xl font-bold ${className}`}>{children}</h2>
  );
  
  const Button = ({ children, onClick, disabled, className }) => (
    <button
      onClick={onClick}
      disabled={disabled}
      className={`px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 disabled:opacity-50 ${className}`}
    >
      {children}
    </button>
  );
  
  const RadioGroup = ({ children, onValueChange, value }) => (
    <div onChange={(e) => onValueChange(e.target.value)}>
      {children}
    </div>
  );
  
  const RadioGroupItem = ({ value, id }) => (
    <input 
      type="radio" 
      value={value} 
      id={id}
      name="quiz-answer"
      className="mr-2"
    />
  );

  // Your quiz component (paste the entire BITOrientationQuiz component here, but remove the shadcn/ui imports)
  const BITOrientationQuiz = () => {
    // ... (paste the entire component code from the previous response, starting from the questions array)
  };

  // Render the component
  const root = ReactDOM.createRoot(document.getElementById('quiz-root'));
  root.render(<BITOrientationQuiz />);
</script>