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

edit

Browse Source
This commit is contained in:
sasha-astiadi
2025-09-01 16:50:06 +02:00
parent 999cb3a6c2
commit 0a992b4733
7 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Itinerary.jsx
View File

@@ -109,27 +109,27 @@ export function Itinerary() {
}
return (
<div className="relative bg-transparent mb-0">
<div className="relative bg-transparent mb-0 px-4 sm:px-6 lg:px-0 pt-0">
<div className="relative mx-auto max-w-8xl lg:grid lg:grid-cols-2 lg:items-stretch">
{/* Left column with changeable day content */}
<div className="relative min-h-80">
<div className="relative lg:min-h-80 min-h-[80vh]">
<img
alt={`Journey Image ${currentDay}`}
src={dayData.image}
className="w-full h-full object-cover"
className="w-full lg:h-full h-[80vh] object-cover"
/>
{/* Black overlay */}
<div className="absolute inset-0 bg-black opacity-60"></div>
{/* paragraphs */}
<div className="absolute inset-0 flex items-start justify-center mx-auto max-w-lg flex-col text-start px-10">
<H2 className="">{dayData.title}</H2>
<div className="absolute inset-0 flex items-start justify-center mx-auto max-w-lg flex-col lg:text-start text-center px-4 sm:px-6 lg:px-10 pt-20 lg:pt-0">
<H2 className="text-white">{dayData.title}</H2>
{dayData.content.map((paragraph, index) => (
<PS key={index} className="mt-2">{paragraph}</PS>
<PS key={index} className="mt-2 text-gray-50">{paragraph}</PS>
))}
<div className="mt-6 flex justify-center items-center ">
<ChevronDownIcon
onClick={handleManualAdvance}
className="h-8 w-8 text-white animate-bounce cursor-pointer hover:text-gray-300 transition-colors duration-200 animate-pulse"
className="h-8 w-8 text-white cursor-pointer hover:text-gray-300 transition-colors duration-200 animate-pulse"
/>
</div>
</div>