@await Component.InvokeAsync(typeof(WidgetViewComponent), new { widgetZone = PublicWidgetZones.HomepageTop })
- @await Component.InvokeAsync(typeof(TopicBlockViewComponent), new { systemName = "HomepageText" })
+ @* Topic block replaced by immersive feature section below *@
+
+
+
+
+
+
+ Miért a FruitBank?
+Nagykereskedelmi megoldás, ami másképp működik.
+
+
+
+
+ 
+
+
+
+ 01
+
+ Farmról frissen, minden nap
+A megbízható termelőktől történő közvetlen beszerzés garantálja, hogy termékeink a lehető legfrissebb állapotban és kiváló ízminőségben érkeznek Önhöz.
+
+
+
+
+ 
+
+
+
+ 02
+
+ Másnapi nagykereskedelmi kiszállítás
+A hőmérséklet-szabályozott logisztika biztosítja, hogy rendelése minden alkalommal frissen és pontosan érkezzen meg.
+
+
+
+
+ 
+
+
+
+ 03
+
+ Páratlan választék
+A mindennapi alapanyagoktól az egzotikus különlegességekig – egész évben több mint 500 féle gyümölcs és zöldség kínálatában.
+
+
+
+ 
+
+
+
+ 04
+
+ Fenntartható forrásból
+Olyan termelőkkel dolgozunk együtt, akik osztoznak a felelős gazdálkodás és az élelmiszer-pazarlás csökkentése iránti elkötelezettségünkben.
+
@await Component.InvokeAsync(typeof(WidgetViewComponent), new { widgetZone = PublicWidgetZones.HomepageBeforeCategories })
@await Component.InvokeAsync(typeof(HomepageCategoriesViewComponent))
@await Component.InvokeAsync(typeof(WidgetViewComponent), new { widgetZone = PublicWidgetZones.HomepageBeforeProducts })
@@ -514,6 +573,152 @@
// Start loops
requestAnimationFrame(mainLoop);
requestAnimationFrame(forkliftLoop);
+
+ // =============================================
+ // SCROLL REVEAL ANIMATIONS
+ // Uses GSAP ScrollTrigger (already loaded)
+ // =============================================
+ (function initScrollReveal() {
+ // --- Section titles ---
+ document.querySelectorAll('.product-grid .title, .home-page-product-grid .title').forEach(function(el) {
+ el.classList.add('sr-fade-up');
+ });
+
+ // --- Immersive features header ---
+ var fbHeader = document.querySelector('.fb-features-header');
+ if (fbHeader) fbHeader.classList.add('sr-fade-up');
+
+ // --- Immersive feature rows: image parallax + content reveal ---
+ document.querySelectorAll('.fb-feature').forEach(function(feature) {
+ var img = feature.querySelector('.fb-feature-img img');
+ var content = feature.querySelector('.fb-feature-content');
+ var align = feature.getAttribute('data-align');
+
+ // Parallax on image
+ if (img) {
+ gsap.fromTo(img,
+ { yPercent: -10 },
+ {
+ yPercent: 10,
+ ease: 'none',
+ scrollTrigger: {
+ trigger: feature,
+ start: 'top bottom',
+ end: 'bottom top',
+ scrub: 1
+ }
+ }
+ );
+ }
+
+ // Content slide in from the side
+ if (content) {
+ var xFrom = align === 'right' ? 60 : -60;
+ gsap.from(content, {
+ x: xFrom,
+ opacity: 0,
+ duration: 1,
+ ease: 'power3.out',
+ scrollTrigger: {
+ trigger: feature,
+ start: 'top 75%',
+ toggleActions: 'play none none none'
+ }
+ });
+ }
+ });
+
+ // --- Product cards (staggered separately, not sr-fade-up) ---
+ document.querySelectorAll('.product-grid .item-box').forEach(function(el) {
+ el.classList.add('sr-stagger-item');
+ });
+
+ // --- Footer (staggered separately) ---
+ document.querySelectorAll('.footer-block').forEach(function(el) {
+ el.classList.add('sr-stagger-item');
+ });
+
+ // ---- Animate all sr-fade-up elements ----
+ gsap.utils.toArray('.sr-fade-up').forEach(function(el) {
+ gsap.to(el, {
+ opacity: 1,
+ y: 0,
+ duration: 0.8,
+ ease: 'power3.out',
+ scrollTrigger: {
+ trigger: el,
+ start: 'top 88%',
+ toggleActions: 'play none none none'
+ }
+ });
+ });
+
+ // ---- Animate sr-fade-left elements ----
+ gsap.utils.toArray('.sr-fade-left').forEach(function(el) {
+ gsap.to(el, {
+ opacity: 1,
+ x: 0,
+ duration: 0.9,
+ ease: 'power3.out',
+ scrollTrigger: {
+ trigger: el,
+ start: 'top 88%',
+ toggleActions: 'play none none none'
+ }
+ });
+ });
+
+ // ---- Animate sr-fade-right elements ----
+ gsap.utils.toArray('.sr-fade-right').forEach(function(el) {
+ gsap.to(el, {
+ opacity: 1,
+ x: 0,
+ duration: 0.9,
+ ease: 'power3.out',
+ scrollTrigger: {
+ trigger: el,
+ start: 'top 88%',
+ toggleActions: 'play none none none'
+ }
+ });
+ });
+
+ // ---- Stagger product cards within each grid ----
+ document.querySelectorAll('.product-grid').forEach(function(grid) {
+ var cards = grid.querySelectorAll('.item-box.sr-stagger-item');
+ if (cards.length === 0) return;
+ gsap.to(cards, {
+ opacity: 1,
+ y: 0,
+ duration: 0.7,
+ ease: 'power3.out',
+ stagger: 0.1,
+ scrollTrigger: {
+ trigger: grid,
+ start: 'top 85%',
+ toggleActions: 'play none none none'
+ }
+ });
+ });
+
+ // ---- Stagger footer blocks ----
+ var footerBlocks = document.querySelectorAll('.footer-block.sr-stagger-item');
+ if (footerBlocks.length > 0) {
+ gsap.to(footerBlocks, {
+ opacity: 1,
+ y: 0,
+ duration: 0.6,
+ ease: 'power2.out',
+ stagger: 0.12,
+ scrollTrigger: {
+ trigger: footerBlocks[0],
+ start: 'top 90%',
+ toggleActions: 'play none none none'
+ }
+ });
+ }
+ })();
+
});
})();