// Extended React example

import React, { useState } from 'react';

import './App.css';

function WelcomeMessage({ user }) {

return <p>Welcome, {user}! This is a React website.</p>;

}

function App() {

const [user, setUser] = useState("Guest");

return (

<div>

<header>

<nav>

<ul>

<li><a href="#home">Home</a></li>

<li><a href="#about">About</a></li>

<li><a href="#contact">Contact</a></li>

</ul>

</nav>

<h1>Extended React Website</h1>

</header>

<main>

<section id="home">

<h2>Home</h2>

<WelcomeMessage user={user} />

</section>

<section id="about">

<h2>About Us</h2>

<p>We are a team passionate about creating awesome web experiences.</p>

</section>

<section id="contact">

<h2>Contact Us</h2>

<p>Feel free to reach out to us via email or phone.</p>

</section>

</main>

<footer>

<p>&copy; {new Date().getFullYear()} Extended React Website. All rights reserved.</p>

</footer>

</div>

);

}

export default App;