Spaces:

frscrcc
/

anycoder-6b5a5662

Build error

anycoder-6b5a5662 / components /InteractiveSection.jsx

Upload components/InteractiveSection.jsx with huggingface_hub

cd0c6cc verified 11 months ago

749 Bytes

import Counter from './Counter';
import TodoList from './TodoList';

export default function InteractiveSection() {
  return (
    <section className="py-20 bg-white">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="text-center mb-16">
          <h2 className="text-3xl md:text-4xl font-bold text-gray-900 mb-4">
            Try It Out
          </h2>
          <p className="text-xl text-gray-600 max-w-3xl mx-auto">
            Experience the interactivity with these demo components built with React state management.
          </p>
        </div>
        <div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
          <Counter />
          <TodoList />
        </div>
      </div>
    </section>
  );
}

	import Counter from './Counter';
	import TodoList from './TodoList';

	export default function InteractiveSection() {
	return (
	<section className="py-20 bg-white">
	<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
	<div className="text-center mb-16">
	<h2 className="text-3xl md:text-4xl font-bold text-gray-900 mb-4">
	Try It Out
	</h2>
	<p className="text-xl text-gray-600 max-w-3xl mx-auto">
	Experience the interactivity with these demo components built with React state management.
	</p>
	</div>

	<div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
	<Counter />
	<TodoList />
	</div>
	</div>
	</section>
	);
	}