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

ok

Browse Source
This commit is contained in:
sasha-astiadi
2025-08-28 16:12:59 +02:00
parent f4a1821367
commit edd5a8ee35
17 changed files with 49 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/Hero3.jsx
View File

@@ -1,7 +1,6 @@
'use client'
import { Button } from '@/components/Button'
import { H1, H2, H3, H4, P, PS, PXS, PXXS } from '@/components/text'
import { H2, P, PS } from '@/components/text'
import { ChevronDownIcon } from '@heroicons/react/24/outline'
export function Hero3() {
@@ -26,21 +25,29 @@ export function Hero3() {
alt="Hero Story Background"
className="w-full h-auto object-cover block relative z-0 lg:hidden"
/>
{/* Black Overlay (mobile only) */}
<div className="absolute inset-0 lg:hidden"></div>
<div className="absolute inset-0 bg-black opacity-50 lg:hidden"></div>
{/* Content */}
<div className="absolute inset-0 lg:static lg:inset-auto lg:top-0 flex items-start justify-start text-start px-4 lg:px-0 z-20">
<div className="max-w-xs sm:max-w-md lg:max-w-lg w-full lg:pt-12">
<H2 className=" ">Our Story</H2>
<P className="mt-4 ">THE TALE OF SACRED ENERGIES OF THE NILE</P>
<PS className="mt-6 ">
<div className="max-w-xs sm:max-w-md md:max-w-2xl lg:max-w-2xl w-full lg:pt-10">
<H2 className="text-white lg:text-black">Our Story</H2>
<P className="mt-4 text-white lg:text-neutral-800">THE TALE OF SACRED ENERGIES OF THE NILE</P>
<PS className="mt-6 text-white lg:text-neutral-700">
Our founders, Isabelle Peeters and Kristof De Spiegeleer fell in love with the Nile and envisioned creating authentic, zen, art dahabeya to feel and experience in a unique way the mystical and the deep wisdom of the Nile.
</PS>
<PS className="mt-4 ">
<PS className="mt-4 text-white lg:text-neutral-700">
Their dream was to offer a sanctuary for the body, mind, and soul, a safe space to open yourself to new experiences, and allow the sacredness of the Nile to flow through you, to step back in the past, to align with the now helping you to reconnect with your true essence. A sanctuary for the body, mind, and soul, a safe space.
</PS>
{/* Chevron Down Button */}
<div className="mt-8 flex justify-start">
<ChevronDownIcon
onClick={scrollDown}
className="h-12 w-12 text-white lg:text-black animate-pulse cursor-pointer hover:opacity-75 transition duration-200"
/>
</div>
</div>
</div>
</div>