Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactFaq from '@/components/sections/contact/ContactFaq';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { MessageCircle } from "lucide-react";
+import { Mail, Phone, Clock, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -109,27 +109,26 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactFaq
-      animationType="slide-up"
+      <ContactSplit
+      tag="Contact Us"
+      title="Get in Touch"
+      description="We're open daily. Feel free to reach out with any questions or reservation requests."
+      background={{ variant: "plain" }}
       useInvertedBackground={false}
-      faqs={[
-        { id: "q1", title: "Do you accept reservations?", content: "Yes, for groups of 6 or more." },
-        { id: "q2", title: "Are you pet-friendly?", content: "Our patio is happy to welcome your furry friends." },
-      ]}
-      ctaTitle="Visit Us Tonight"
-      ctaDescription="Join us at Kruzhka for drinks and good conversation."
-      ctaButton={{ text: "Contact Us" }}
-      ctaIcon={MessageCircle}
+      mediaPosition="right"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Kruzhka"
+      <FooterBaseReveal
+      columns={[
+        { title: "Menu", items: [{ label: "Beers", href: "#menu" }, { label: "Cocktails", href: "#menu" }] },
+        { title: "Info", items: [{ label: "Reservations", href: "#contact" }, { label: "Location", href: "#contact" }] }
+      ]}
       copyrightText="© 2025 Kruzhka Bar"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}