Back to blocks
отображать секции по ссылке
4.0
ruИнформационные технологииотображатьсекцииссылка
Промпт
отображать секции по ссылке
Сгенерированный Результат
import React from 'react'; class App extends React.Component { render() { return ( <div className="App bg-gray-100 min-h-screen"> <header className="bg-blue-600 text-white p-6"> <h1 className="text-3xl font-bold">Welcome to My React App</h1> </header> <main className="container mx-auto p-6"> <section className="mb-8"> <h2 className="text-2xl font-semibold mb-4">Section 1</h2> <p className="text-gray-700">This is the first section of the app.</p> </section> <section className="mb-8"> <h2 className="text-2xl font-semibold mb-4">Section 2</h2> <p className="text-gray-700">This is the second section of the app.</p> </section> <section className="mb-8"> <h2 className="text-2xl font-semibold mb-4">Section 3</h2> <p className="text-gray-700">This is the third section of the app.</p> </section> <section className="mb-8"> <h2 className="text-2xl font-semibold mb-4">Section 4</h2> <p className="text-gray-700">This is the fourth section of the app.</p> </section> <section className="mb-8"> <h2 className="text-2xl font-semibold mb-4">Section 5</h2> <p className="text-gray-700">This is the fifth section of the app.</p> </section> <section className="mb-8"> <h2 className="text-2xl font-semibold mb-4">Section 6</h2> <p className="text-gray-700">This is the sixth section of the app.</p> </section> <section className="mb-8"> <h2 className="text-2xl font-semibold mb-4">Section 7</h2> <p className="text-gray-700">This is the seventh section of the app.</p> </section> </main> <footer className="bg-blue-600 text-white p-6 mt-8"> <p className="text-center">© 2025 My React App. All rights reserved.</p> </footer> </div> ); } } export default App;
