src/app/contact/page.tsx

@@ -3,9 +3,9 @@
 import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import ContactFaq from "@/components/sections/contact/ContactFaq";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
-import { Phone } from "lucide-react";
+import { Phone, Mail, MapPin } from "lucide-react";
 
 export default function ContactPage() {
   const navItems = [
@@ -18,8 +18,7 @@ export default function ContactPage() {
 
   const footerColumns = [
     {
-      title: "Hotel",
-      items: [
+      title: "Hotel",      items: [
         { label: "Rooms", href: "/rooms" },
         { label: "Restaurant", href: "/restaurant" },
         { label: "Amenities", href: "/rooms" },
@@ -27,8 +26,7 @@ export default function ContactPage() {
       ],
     },
     {
-      title: "About",
-      items: [
+      title: "About",      items: [
         { label: "Our Story", href: "/about" },
         { label: "Dilla City", href: "/about" },
         { label: "Gedeo Zone", href: "/about" },
@@ -36,8 +34,7 @@ export default function ContactPage() {
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Booking Terms", href: "#" },
@@ -64,36 +61,19 @@ export default function ContactPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactFaq
-          faqs={[
+        <ContactCTA
+          tag="Get in Touch"
+          tagIcon={Phone}
+          title="Ready to Book Your Stay?"
+          description="Contact Delight International Hotel today to reserve your room or inquire about our services. We're here to help make your stay memorable."
+          buttons={[
             {
-              id: "1",
-              title: "How can I make a reservation?",
-              content:
-                "You can contact us directly via phone or email to make a reservation. Our friendly staff will assist you with room selection and booking details.",
-            },
+              text: "Call Us",              href: "tel:+251930108590"},
             {
-              id: "2",
-              title: "What makes Delight Hotel special?",
-              content:
-                "We combine authentic Ethiopian hospitality with modern comfort. Our prime location in Dilla City, friendly staff, clean rooms, and excellent dining make us the preferred choice for travelers.",
-            },
-            {
-              id: "3",
-              title: "Do you host events and group bookings?",
-              content:
-                "Yes, we accommodate group bookings and events. Please contact us to discuss your specific needs and we'll arrange the best options for your group.",
-            },
+              text: "Email Us",              href: "mailto:info@delighthotel.com"},
           ]}
-          ctaTitle="Ready to Book Your Stay?"
-          ctaDescription="Contact us today to reserve your room or inquire about our services"
-          ctaButton={{
-            text: "Contact Hotel",
-            href: "/contact",
-          }}
-          ctaIcon={Phone}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
-          animationType="slide-up"
         />
       </div>