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

@ -12,7 +12,7 @@
margin-bottom: 1.5rem;
font-size: 2rem;
font-weight: bold;
color: #333;
color: var(--color-text);
}
.image-carousel {