veda/www_veda_2025
12
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

edit

Browse Source
This commit is contained in:
sasha-astiadi
2025-09-01 15:56:50 +02:00
parent 1e51ca45dc
commit 98eeb17359
3 changed files with 19 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Hero3.jsx
View File

@@ -17,7 +17,7 @@ export function Hero3() {
id="section-1" id="section-1"
data-story-section data-story-section
data-image="/images/hero_story1.jpg" data-image="/images/hero_story1.jpg"
className="relative w-full overflow-hidden h-[80vh] lg:h-auto mt-0" className="relative w-full overflow-hidden h-[60vh] lg:h-auto mt-0"
> >
{/* Background Image - stays for mobile, hidden on lg (sticky column takes over) */} {/* Background Image - stays for mobile, hidden on lg (sticky column takes over) */}
<img <img
@@ -42,6 +42,14 @@ export function Hero3() {
</PS> </PS>
</div> </div>
</div> </div>
{/* Chevron Down Button - Mobile Only */}
<div className="absolute bottom-8 left-1/2 transform -translate-x-1/2 lg:hidden z-30">
<ChevronDownIcon
onClick={scrollDown}
className="h-10 w-10 text-white animate-pulse cursor-pointer hover:text-gray-300 transition-colors duration-200"
/>
</div>
</div> </div>
) )
} }

10
src/components/Hero4.jsx
View File

@@ -17,7 +17,7 @@ export function Hero4() {
id="section-2" id="section-2"
data-story-section data-story-section
data-image="/images/hero_story2.jpg" data-image="/images/hero_story2.jpg"
className="relative w-full overflow-hidden h-[80vh] lg:h-auto mt-0" className="relative w-full overflow-hidden h-[60vh] lg:h-auto mt-0"
> >
<img <img
src="/images/hero_story2.jpg" src="/images/hero_story2.jpg"
@@ -37,6 +37,14 @@ export function Hero4() {
</PS> </PS>
</div> </div>
</div> </div>
{/* Chevron Down Button - Mobile Only */}
<div className="absolute bottom-8 left-1/2 transform -translate-x-1/2 lg:hidden z-30">
<ChevronDownIcon
onClick={scrollDown}
className="h-10 w-10 text-white animate-pulse cursor-pointer hover:text-gray-300 transition-colors duration-200"
/>
</div>
</div> </div>
) )
} }

2
src/components/Hero5.jsx
View File

@@ -8,7 +8,7 @@ export function Hero5() {
id="section-3" id="section-3"
data-story-section data-story-section
data-image="/images/hero_story3.jpg" data-image="/images/hero_story3.jpg"
className="relative w-full overflow-hidden h-[80vh] cha lg:h-auto mt-0" className="relative w-full overflow-hidden h-[60vh] cha lg:h-auto mt-0"
> >
<img <img
src="/images/hero_story3.jpg" src="/images/hero_story3.jpg"