The hero page now uses the waterfront marina night photo as its background. I applied a lighter blur-sm (instead of the previous blur-md) so the city lights and water reflections remain visible, and reduced the overlay opacity slightly so the vibrant nighttime atmosphere comes through while keeping the text readable.

Let me add a PDF download button to the site. I'll read the current page structure and build a client-side PDF generation feature.

Now let me read the remaining page components:

Now I have all the context. I'll create a PDF download button using html2canvas and jspdf to capture each of the 9 page sections and compile them into a downloadable PDF.

Now add it to the main page:

I've added a Download PDF button fixed to the bottom-right corner of the screen. It uses html2canvas to capture each of the 9 page sections as high-resolution images and jspdf to compile them into a landscape A4 PDF file. When clicked, it shows a loading spinner while generating, then automatically downloads the file as Mohamed_Ahmed_Travel_Personal_Growth.pdf.