Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -3,15 +3,15 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import { Star, Users, Utensils } from "lucide-react";
+import { Star, Users, Utensils, MapPin, Phone } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -114,39 +114,38 @@ export default function LandingPage() {
         </div>
 
         <div id="faq" data-section="faq">
-          <FaqDouble
-            textboxLayout="default"
-            useInvertedBackground={false}
+          <FaqSplitText
+            sideTitle="Common Questions"
+            sideDescription="Everything you need to know about dining at Marhaba Hotel."
             faqs={[
               { id: "f1", title: "What are your opening hours?", content: "We are open daily from 11:30 AM to late evening." },
               { id: "f2", title: "Do you offer delivery?", content: "Yes, we provide quick home delivery services." }
             ]}
-            title="Common Questions"
-            description="Everything you need to know about dining at Marhaba Hotel."
             faqsAnimation="slide-up"
+            useInvertedBackground={false}
           />
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactCTA
-            useInvertedBackground={false}
-            background={{ variant: "plain" }}
-            tag="Visit Us"
+          <ContactSplitForm
             title="Dine with Marhaba"
-            description="Munni Chowk, Azad Colony Rd, Dehradun."
-            buttons={[
-              { text: "Get Directions", href: "https://maps.google.com" },
-              { text: "Call Now", href: "tel:09999843989" }
+            description="Reach out for reservations or inquiries. We look forward to serving you!"
+            inputs={[
+              { name: "name", type: "text", placeholder: "Full Name", required: true },
+              { name: "email", type: "email", placeholder: "Email Address", required: true }
             ]}
+            textarea={{ name: "message", placeholder: "Tell us about your occasion or specific needs.", rows: 4 }}
+            buttonText="Send Message"
+            useInvertedBackground={false}
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterBaseReveal
+          <FooterCard
             logoText="Marhaba Hotel"
-            columns={[
-              { title: "Links", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }] },
-              { title: "Contact", items: [{ label: "Call: 099998 43989", href: "tel:09999843989" }] }
+            socialLinks={[
+              { icon: MapPin, href: "https://maps.google.com", ariaLabel: "Directions" },
+              { icon: Phone, href: "tel:09999843989", ariaLabel: "Call" }
             ]}
             copyrightText="© 2024 Marhaba Hotel. All rights reserved."
           />
@@ -154,4 +153,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}