// Lauching ticketing…

import Tickie, { useState } from 'tickieAPI';

import './yourStyle.css';

function WelcomeMessage({ user }) {

return <p>Hi, {user}! Welcome to the futur of ticketing.</p>;

}

function App() {

const events = await.api.events(events[1]._id);

const createdEvent = await api.events.createEvent({name: "tickie", ...})

return (

<div>

<header>

<nav>

<ul>

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

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

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

</ul>

</nav>

<h1>My ticketing shop</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()} Tickie 2024. All rights reserved.</p>

</footer>

</div>

);

}

export default App;