feat(hero): add info__line section and new button structure with SVG + arrow-circle
- Toegevoegd <section class="info__line"> met adres & openingstijden en styling.
- Toevoegen van responsiveness
refs: #105
style(navbar): adjust blur strength and gradient transparency for softer visual layering
- Reduced backdrop blur from 50px to 10px for a more subtle glass effect and refined the linear gradient for smoother transparency transition.
- Slightly increased top padding for better visual balance in the navigation bar.
refs #104
style(hero): add responsive breakpoints for tablet and desktop
- Implemented responsive behavior for .hero height, heading sizes, and spacing.
Adjusted layout for optimal readability across mobile, tablet, and desktop viewports.
refs #105
style(hero): add hero content positioning and typography
- Added .hero__content container and text styling for headings.
- Add “Night Mango” display font and adjusted font sizes, weights, and spacing for visual hierarchy.
refs #105
feat(hero): add base hero section layout and background
- Added the main .hero section container with flex layout, full viewport height, left aligned content, and background image.
- Added ::before overlay for dark filter effect.
refs #105
feat(navbar): responsive gemaakt en headerhoogte geoptimaliseerd
- Headerhoogte aangepast met transition en clamp() voor vloeiendere scaling
- .lang en .search standaard verborgen op kleine schermen, zichtbaar vanaf 700px
- .nav__list verborgen op kleine schermen, verschijnt vanaf 1000px breedte
- Media queries toegevoegd voor responsieve layout-aanpassingen
- Cursor-pointer toegevoegd aan .lang en .hamburger
- Kleine CSS-herstructurering en spacing verbeteringen voor mobiele weergave
Bestand:
- src/lib/components/NavBar.svelte
Refs: #104
feat(navbar): language en search gestyled volgens Figma-ontwerp
- SVG-pijl toegevoegd aan .lang
- Searchbar gestyled: transparante achtergrond, witte onderlijn
- Responsive breedte voor inputveld via clamp()
- Fontgroottes en uitlijning binnen .nav__top verbeterd
- Kleine CSS-herstructurering
feat(navbar): verticale uitlijning en typografie verbeterd in navigatie
- Navigatie-items beter gecentreerd binnen header
- Flex-structuur van .nav met column layout en spacing via gap
- Lettergrootte responsief gemaakt met @media-query
- Kleine correcties aan marges en text wrapping toegevoegd
Bestanden:
- src/lib/components/NavBar.svelte
refs: #104
feat(navbar): basis navigation menu styling met responsive logo en gradient achtergrond
- Eerste CSS-styling geïmplementeerd:
- Linear gradient voor semi-transparant achtergrond
- Backdrop blur (50px) voor blurry effect
- Responsive logo met clamp() en object-fit: contain
- Flex layout voor header en navigatiegroepen
- Font en kleur van navigatie bar is consistent met styleguide (wit op donkere achtergrond)
Bestanden:
- src/lib/components/NavBar.svelte
refs: #104
feat(header): basis HTML-structuur toegevoegd voor navigatie menu
- Header en navigatie opgezet met semantische HTML
- Logo, language, zoekveld en hamburger-menu toegevoegd
- Eerste versie van menu-items (tickets, bezoekersinfo, collectie, etc.)
Bestanden:
- src/lib/components/NavBar.svelte
refs: #104
