OK

src/components/ContactHero.jsx

@@ -1,6 +1,9 @@
 'use client'
 
 import { BuildingOffice2Icon, EnvelopeIcon } from '@heroicons/react/24/outline'
+import { Button } from '@/components/Button'
+import { Container } from '@/components/Container'
+import { H2 } from '@/components/text'
 import { useState } from 'react'
 
 export function ContactHero() {
@@ -46,9 +49,9 @@ export function ContactHero() {
                 />
               </div>
             </div>
-            <h2 className="text-4xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl">
+            <H2 className="text-4xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl">
               Get in Touch
-            </h2>
+            </H2>
             <p className="mt-6 text-lg/8 text-gray-600">
               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>