Portfolio

Pasieka Złoty Nektar

Profesjonalna strona One-Page dla rodzinnej pasieki z Kazimierza Dolnego. Projekt wyróżnia się nowoczesnym Premium/Dark Mode designem, płynnymi animacjami oraz ekstremalną optymalizacją wydajności opartą na Vanilla JS bez ciężkich frameworków.

Zobacz Live Demo

Kluczowe Funkcjonalności

Wielojęzyczność (i18n)

Autorski moduł tłumaczeń wspierający 5 języków (PL, EN, DE, IT, FR) z zapisem preferencji w localStorage

Maksymalna Wydajność

Critical CSS inline, asynchroniczne ładowanie, format WebP, Google Maps Facade Pattern dla błyskawicznego FCP

Płynne Animacje

Lenis Smooth Scrolling, GSAP Parallax (spadające krople miodu), IntersectionObserver API dla efektów slide-in

Asymetryczny Grid Produktów

Elegancka struktura magazynowa z Glassmorphism panelami i dedykowanymi proporcjami aspect-ratio

Vanilla JavaScript

Lekki stos bez React/Vue - czysty ES6+ dla maksymalnej szybkości i minimalnego bundle size

Sticky Mobile CTA

Pływający przycisk "Zadzwoń" dla użytkowników mobilnych z inteligentnym pojawianiem się po scrollu

Stack Technologiczny

HTML5

Tailwind CSS v3

Vanilla JavaScript (ES6+)

Lenis

GSAP & ScrollTrigger

IntersectionObserver API

WebP Format

Google Maps Facade

Vercel

GitHub

O Projekcie

Pasieka Złoty Nektar to nowoczesna strona Landing Page stworzona dla rodzinnej pasieki oferującej 100% naturalne, surowe i niepasteryzowane miody. Głównym celem było zaprezentowanie oferty w sposób premium z zachowaniem maksymalnej wydajności.

Projekt został zbudowany w oparciu o lekki stos technologiczny z Vanilla JavaScript, eliminując ciężkie frameworki jak React czy Vue. Dzięki temu strona osiąga błyskawiczne czasy ładowania i doskonałe wyniki w PageSpeed Insights.

Interfejs wykorzystuje zaawansowane techniki optymalizacji: Critical CSS inline, asynchroniczne ładowanie zasobów, format WebP dla wszystkich grafik oraz Google Maps Facade Pattern. Animacje oparte na GSAP i IntersectionObserver API zapewniają płynność bez obciążania GPU na urządzeniach mobilnych.

Strona oferuje pełne wsparcie wielojęzyczne dzięki autorskiemu modułowi i18n, asymetryczny grid produktów z efektami Glassmorphism oraz unikalne efekty parallax (spadające krople miodu). Deployment na Vercel z Edge Caching gwarantuje globalną dostępność i szybkość.