development/1c7d2912-f512-4bf2-acfc-9daec0558aa9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Auto-commit: add functionality fo expand all the images on click. it should be expanded in popup. second click sh

Browse Source
This commit is contained in:
kudindmitriy
2026-01-16 16:34:10 +01:00
parent 90835171ed
commit 1257796e66
1 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/page.tsx
View File

@@ -13,6 +13,16 @@ import { CheckCircle, Flower2, Leaf, Palette, Sparkles, MessageCircle } from "lu
import CardStack from "@/components/cardStack/CardStack"; import CardStack from "@/components/cardStack/CardStack";
import TextNumberCount from "@/components/text/TextNumberCount"; import TextNumberCount from "@/components/text/TextNumberCount";
import ContactForm from "@/components/form/ContactForm"; import ContactForm from "@/components/form/ContactForm";
import { useState } from 'react';
const ImagePopup = ({ imageUrl, isOpen, onClose }) => {
if (!isOpen) return null;
return (
<div className='fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center'>
<img src={imageUrl} alt='Expanded Image' className='max-w-full max-h-full' onClick={onClose} />
</div>
);
};
const handleImageClick = (imageUrl) => { const handleImageClick = (imageUrl) => {
window.open(imageUrl, '_blank', 'width=80%'); window.open(imageUrl, '_blank', 'width=80%');