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

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-21 23:10:35 +00:00
parent 340716fe3e
commit 3aa7e33948
1 changed files with 18 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/app/page.tsx
View File

@@ -46,37 +46,25 @@ export default function LandingPage() {
setScrollDirection('up');
}
// Check gallery section - show View More when 6th item is visible
if (galleryContainerRef.current) {
const items = galleryContainerRef.current.querySelectorAll('[data-product-item]');
if (items.length > 0) {
const sixthItem = items[5];
const rect = sixthItem.getBoundingClientRect();
const isInViewport = rect.top < window.innerHeight && rect.bottom > 0;
setShowGalleryViewMore(isInViewport);
}
// Check gallery section - show View More when section is in viewport
if (galleryRef.current) {
const rect = galleryRef.current.getBoundingClientRect();
const isInViewport = rect.top < window.innerHeight && rect.bottom > 0;
setShowGalleryViewMore(isInViewport);
}
// Check shoes section - show View More when 6th item is visible
if (shoesContainerRef.current) {
const items = shoesContainerRef.current.querySelectorAll('[data-product-item]');
if (items.length > 0) {
const sixthItem = items[5];
const rect = sixthItem.getBoundingClientRect();
const isInViewport = rect.top < window.innerHeight && rect.bottom > 0;
setShowShoesViewMore(isInViewport);
}
// Check shoes section - show View More when section is in viewport
if (shoesRef.current) {
const rect = shoesRef.current.getBoundingClientRect();
const isInViewport = rect.top < window.innerHeight && rect.bottom > 0;
setShowShoesViewMore(isInViewport);
}
// Check veils section - show View More when 6th item is visible
if (veilsContainerRef.current) {
const items = veilsContainerRef.current.querySelectorAll('[data-product-item]');
if (items.length > 0) {
const sixthItem = items[5];
const rect = sixthItem.getBoundingClientRect();
const isInViewport = rect.top < window.innerHeight && rect.bottom > 0;
setShowVeilsViewMore(isInViewport);
}
// Check veils section - show View More when section is in viewport
if (veilsRef.current) {
const rect = veilsRef.current.getBoundingClientRect();
const isInViewport = rect.top < window.innerHeight && rect.bottom > 0;
setShowVeilsViewMore(isInViewport);
}
setLastScrollY(currentScrollY);
@@ -452,7 +440,7 @@ export default function LandingPage() {
{/* View More Button - Positioned at bottom right of gallery section */}
{showGalleryViewMore && (
<div ref={galleryButtonContainerRef} className="flex justify-end px-8 lg:px-16 pt-8 pb-4">
<div ref={galleryButtonContainerRef} className="flex justify-end px-8 lg:px-16 pt-8 pb-4 fixed bottom-20 right-8 lg:right-16 z-40">
<button
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"
@@ -598,7 +586,7 @@ export default function LandingPage() {
{/* View More Button for Shoes - Positioned at bottom right of shoes section */}
{showShoesViewMore && (
<div ref={shoesButtonContainerRef} className="flex justify-end px-8 lg:px-16 pt-8 pb-4">
<div ref={shoesButtonContainerRef} className="flex justify-end px-8 lg:px-16 pt-8 pb-4 fixed bottom-20 right-8 lg:right-16 z-40">
<button
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"
@@ -648,7 +636,7 @@ export default function LandingPage() {
{/* View More Button for Veils - Positioned at bottom right of veils section */}
{showVeilsViewMore && (
<div ref={veilsButtonContainerRef} className="flex justify-end px-8 lg:px-16 pt-8 pb-4">
<div ref={veilsButtonContainerRef} className="flex justify-end px-8 lg:px-16 pt-8 pb-4 fixed bottom-20 right-8 lg:right-16 z-40">
<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"
aria-label="View More Veils"