cad
This commit is contained in:
@@ -6,9 +6,9 @@ import Image from 'next/image'
|
||||
|
||||
export function ContactHero() {
|
||||
return (
|
||||
<div className="relative isolate bg-gray-100">
|
||||
<div className="relative isolate">
|
||||
<div className="mx-auto grid max-w-7xl grid-cols-1 lg:grid-cols-2">
|
||||
{/* Left container (unchanged) */}
|
||||
{/* Left container */}
|
||||
<div className="relative px-6 pt-24 pb-20 lg:static lg:px-8 lg:py-32">
|
||||
<div className="mx-auto max-w-xl lg:mx-0 lg:max-w-lg">
|
||||
<div className="absolute inset-y-0 left-0 -z-10 w-full overflow-hidden bg-gray-100 ring-1 ring-gray-900/10 lg:w-1/2">
|
||||
@@ -51,9 +51,7 @@ export function ContactHero() {
|
||||
Get in Touch
|
||||
</h2>
|
||||
<p className="mt-6 text-lg/8 text-gray-600">
|
||||
At OurWorld, we value your feedback and inquiries. Whether you're interested in our ventures, have
|
||||
questions about our technologies, or want to collaborate, we're here to connect. Reach out to us today
|
||||
and let's build a better digital future together.
|
||||
At VEDA, we welcome your questions, ideas, and collaborations. Whether you’re curious about our retreats, interested in hosting a private gathering, or exploring partnership opportunities, we’re here to connect. Reach out to us today and let’s create transformative experiences along the timeless Nile.
|
||||
</p>
|
||||
<dl className="mt-10 space-y-4 text-base/7 text-gray-600">
|
||||
<div className="flex gap-x-4">
|
||||
@@ -83,14 +81,14 @@ export function ContactHero() {
|
||||
</div>
|
||||
|
||||
{/* Right container (image) */}
|
||||
<div className="relative flex items-center justify-center bg-gray-100 px-6 lg:py-24 pt-12 pb-24 lg:px-8">
|
||||
<div className="w-full max-w-md overflow-hidden rounded-lg shadow-lg">
|
||||
<div className="relative bg-gray-100 overflow-hidden px-6 lg:px-8">
|
||||
<div className="h-full w-full overflow-hidden">
|
||||
<Image
|
||||
src="/images/contact/contact.png"
|
||||
alt="sunset"
|
||||
alt="VEDA contact"
|
||||
width={900}
|
||||
height={600}
|
||||
className="h-auto w-full object-cover"
|
||||
className="h-full w-full object-cover"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
@@ -70,8 +70,7 @@ function MobileNavigation() {
|
||||
<MobileNavLink href="/story">STORY</MobileNavLink>
|
||||
<MobileNavLink href="/experiences">EXPERIENCES</MobileNavLink>
|
||||
<MobileNavLink href="/dahabiyas">DAHABIYAS</MobileNavLink>
|
||||
<NavLink href="/itinerary">ITINERARY</NavLink>
|
||||
<MobileNavLink href="/gallery">GALLERY</MobileNavLink>
|
||||
<MobileNavLink href="/itinerary">ITINERARY</MobileNavLink>
|
||||
<hr className="m-2 border-slate-300/40" />
|
||||
<MobileNavLink href="/contact">BOOK NOW</MobileNavLink>
|
||||
</PopoverPanel>
|
||||
@@ -85,7 +84,7 @@ export function Header() {
|
||||
<Container>
|
||||
<nav className="relative z-50 flex justify-between">
|
||||
<div className="flex items-center md:gap-x-12">
|
||||
<Link href="#" aria-label="Home" className="overflow-visible">
|
||||
<Link href="/" aria-label="Home" className="overflow-visible">
|
||||
<Logo className="h-8 w-auto max-w-none sm:h-9 md:h-10 lg:h-11 xl:h-12" />
|
||||
</Link>
|
||||
<div className="hidden md:flex md:gap-x-6">
|
||||
@@ -94,7 +93,6 @@ export function Header() {
|
||||
<NavLink href="/experiences">EXPERIENCES</NavLink>
|
||||
<NavLink href="/dahabiyas">DAHABIYAS</NavLink>
|
||||
<NavLink href="/itinerary">ITINERARY</NavLink>
|
||||
<NavLink href="#pricing">GALLERY</NavLink>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex items-center gap-x-5 md:gap-x-8">
|
||||
|
@@ -4,7 +4,7 @@ export function NavLink({ href, children }) {
|
||||
return (
|
||||
<Link
|
||||
href={href}
|
||||
className="inline-block rounded-lg px-2 py-1 text-sm text-gray-400 hover:bg-gold-600 hover:text-slate-900"
|
||||
className="inline-block rounded-lg px-2 py-1 text-sm text-white hover:bg-gold-600 hover:text-slate-900"
|
||||
>
|
||||
{children}
|
||||
</Link>
|
||||
|
Reference in New Issue
Block a user