Add section IDs and smooth scrolling for improved navigation:

- Updated components (`Hero`, `Welcome`, `EventsGrid`, `ImageCarousel`, `Drinks`) to accept optional `id` props and applied them to `<section>` elements.
- Enabled smooth scrolling by adding `scroll-behavior: smooth` to global styles.
- Enhanced dropdown menu: added internal links for section navigation and adjusted styling for improved responsiveness.
- Updated color handling in `ImageCarousel` to use CSS variables for better theme consistency.
This commit is contained in:
k
2025-07-20 13:32:43 +02:00
parent 00213204c4
commit f3952e7e81
11 changed files with 83 additions and 19 deletions

View File

@ -31,9 +31,9 @@ const images = [
<Layout>
<Hero />
<Welcome />
<EventsGrid events={events} />
<ImageCarousel images={images} />
<Drinks />
<Hero id="hero" />
<Welcome id="welcome" />
<EventsGrid id="events" events={events} />
<ImageCarousel id="gallery" images={images} />
<Drinks id="drinks" />
</Layout>