открыть новую страницу

import React from 'react';
import './App.css';

function App() {
  return (
    <div className="App">
      <header className="bg-blue-600 text-white p-4">
        <h1 className="text-4xl font-bold">Welcome to Our New Page</h1>
      </header>
      <main className="p-4">
        <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 our new page.</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 our new page.</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 our new page.</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 our new page.</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 our new page.</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 our new page.</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 our new page.</p>
        </section>
      </main>
      <footer className="bg-gray-800 text-white p-4">
        <p className="text-center">© 2025 Your Company. All rights reserved.</p>
      </footer>
    </div>
  );
}

export default App;