bender/6f6c5e78-9ee1-4bdb-b92e-e19a18b28169
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_36
Branches Tags
bender:main bender:version_47 bender:version_46 bender:version_44 bender:version_45 bender:version_41 bender:version_43 bender:version_42 bender:version_40 bender:version_39 bender:version_38 bender:version_37 bender:version_36 bender:version_35 bender:version_34 bender:version_33 bender:version_32 bender:version_31 bender:version_30 bender:version_29 bender:version_28 bender:version_27 bender:version_26 bender:version_25 bender:version_24 bender:version_23 bender:version_22 bender:version_19 bender:version_21 bender:version_20 bender:version_18 bender:version_17 bender:version_16 bender:version_15 bender:version_14 bender:version_13 bender:version_12 bender:version_11 bender:version_10 bender:version_9 bender:version_8 bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_37
Branches Tags
bender:main bender:version_47 bender:version_46 bender:version_44 bender:version_45 bender:version_41 bender:version_43 bender:version_42 bender:version_40 bender:version_39 bender:version_38 bender:version_37 bender:version_36 bender:version_35 bender:version_34 bender:version_33 bender:version_32 bender:version_31 bender:version_30 bender:version_29 bender:version_28 bender:version_27 bender:version_26 bender:version_25 bender:version_24 bender:version_23 bender:version_22 bender:version_19 bender:version_21 bender:version_20 bender:version_18 bender:version_17 bender:version_16 bender:version_15 bender:version_14 bender:version_13 bender:version_12 bender:version_11 bender:version_10 bender:version_9 bender:version_8 bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1

2 Commits
version_36 ... version_37

Author SHA1 Message Date
bender
537601ee19 Update src/app/page.tsx 2026-03-21 23:07:25 +00:00
bender
9c23776465 Merge version_36 into main 
Merge version_36 into main
 2026-03-21 23:04:00 +00:00
1 changed files with 33 additions and 37 deletions
Expand all files Collapse all files

70
src/app/page.tsx
View File

@@ -26,6 +26,9 @@ export default function LandingPage() {
const galleryContainerRef = useRef<HTMLDivElement>(null); const galleryContainerRef = useRef<HTMLDivElement>(null);
const shoesContainerRef = useRef<HTMLDivElement>(null); const shoesContainerRef = useRef<HTMLDivElement>(null);
const veilsContainerRef = useRef<HTMLDivElement>(null); const veilsContainerRef = useRef<HTMLDivElement>(null);
const galleryButtonContainerRef = useRef<HTMLDivElement>(null);
const shoesButtonContainerRef = useRef<HTMLDivElement>(null);
const veilsButtonContainerRef = useRef<HTMLDivElement>(null);
useEffect(() => { useEffect(() => {
let ticking = false; let ticking = false;
@@ -447,19 +450,17 @@ export default function LandingPage() {
}))} }))}
/> />
{/* View More Button - Appears when 6th item is scrolled to */} {/* View More Button - Positioned at bottom right of gallery section */}
{showGalleryViewMore && ( {showGalleryViewMore && (
<div className="relative mt-0"> <div ref={galleryButtonContainerRef} className="flex justify-end px-8 lg:px-16 pt-8 pb-4">
<div className="absolute -top-[280px] right-8 lg:right-16 z-30 flex justify-end animate-in fade-in slide-in-from-bottom-4 duration-300"> <button
<button onClick={() => setShowModal(true)}
onClick={() => setShowModal(true)} className="group relative inline-flex items-center gap-2 px-4 md:px-6 py-2 md:py-3 bg-gradient-to-r from-[#D4AF37] to-[#D4AF37] text-black rounded-lg font-semibold hover:shadow-lg transition-all duration-300 ease-out shadow-lg animate-in fade-in slide-in-from-bottom-4 duration-300"
className="group relative inline-flex items-center gap-2 px-4 md:px-6 py-2 md:py-3 bg-gradient-to-r from-[#D4AF37] to-[#D4AF37] text-black rounded-lg font-semibold hover:shadow-lg transition-all duration-300 ease-out shadow-lg" aria-label="View More Dresses"
aria-label="View More Dresses" >
> <span className="text-sm md:text-base">View More</span>
<span className="text-sm md:text-base">View More</span> <ChevronRight className="w-4 h-4 md:w-5 md:h-5 group-hover:translate-x-1 transition-transform" />
<ChevronRight className="w-4 h-4 md:w-5 md:h-5 group-hover:translate-x-1 transition-transform" /> </button>
</button>
</div>
</div> </div>
)} )}
</div> </div>
@@ -595,19 +596,17 @@ export default function LandingPage() {
]} ]}
/> />
{/* View More Button for Shoes - Appears when 6th item is scrolled to */} {/* View More Button for Shoes - Positioned at bottom right of shoes section */}
{showShoesViewMore && ( {showShoesViewMore && (
<div className="relative mt-0"> <div ref={shoesButtonContainerRef} className="flex justify-end px-8 lg:px-16 pt-8 pb-4">
<div className="absolute -top-[280px] right-8 lg:right-16 z-30 flex justify-end animate-in fade-in slide-in-from-bottom-4 duration-300"> <button
<button onClick={scrollToVeils}
onClick={scrollToVeils} className="group relative inline-flex items-center gap-2 px-4 md:px-6 py-2 md:py-3 bg-gradient-to-r from-[#D4AF37] to-[#D4AF37] text-black rounded-lg font-semibold hover:shadow-lg transition-all duration-300 ease-out shadow-lg animate-in fade-in slide-in-from-bottom-4 duration-300"
className="group relative inline-flex items-center gap-2 px-4 md:px-6 py-2 md:py-3 bg-gradient-to-r from-[#D4AF37] to-[#D4AF37] text-black rounded-lg font-semibold hover:shadow-lg transition-all duration-300 ease-out shadow-lg" aria-label="View More Shoes"
aria-label="View More Shoes" >
> <span className="text-sm md:text-base">View More</span>
<span className="text-sm md:text-base">View More</span> <ChevronRight className="w-4 h-4 md:w-5 md:h-5 group-hover:translate-x-1 transition-transform" />
<ChevronRight className="w-4 h-4 md:w-5 md:h-5 group-hover:translate-x-1 transition-transform" /> </button>
</button>
</div>
</div> </div>
)} )}
</div> </div>
@@ -647,20 +646,17 @@ export default function LandingPage() {
]} ]}
/> />
{/* View More Button for Veils - Appears when 6th item is scrolled to */} {/* View More Button for Veils - Positioned at bottom right of veils section */}
{showVeilsViewMore && ( {showVeilsViewMore && (
<div className="relative mt-0"> <div ref={veilsButtonContainerRef} className="flex justify-end px-8 lg:px-16 pt-8 pb-4">
<div className="absolute -top-[280px] right-8 lg:right-16 z-30 flex justify-end animate-in fade-in slide-in-from-bottom-4 duration-300"> <button
<button className="group relative inline-flex items-center gap-2 px-4 md:px-6 py-2 md:py-3 bg-gradient-to-r from-[#D4AF37] to-[#D4AF37] text-black rounded-lg font-semibold hover:shadow-lg transition-all duration-300 ease-out shadow-lg animate-in fade-in slide-in-from-bottom-4 duration-300"
onClick={() => { /* This section is the last product section, so no action needed */ }} aria-label="View More Veils"
className="group relative inline-flex items-center gap-2 px-4 md:px-6 py-2 md:py-3 bg-gradient-to-r from-[#D4AF37] to-[#D4AF37] text-black rounded-lg font-semibold hover:shadow-lg transition-all duration-300 ease-out shadow-lg" disabled
aria-label="View More Veils" >
disabled <span className="text-sm md:text-base">View More</span>
> <ChevronRight className="w-4 h-4 md:w-5 md:h-5 group-hover:translate-x-1 transition-transform" />
<span className="text-sm md:text-base">View More</span> </button>
<ChevronRight className="w-4 h-4 md:w-5 md:h-5 group-hover:translate-x-1 transition-transform" />
</button>
</div>
</div> </div>
)} )}
</div> </div>