Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -3,17 +3,17 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import BlogCardOne from '@/components/sections/blog/BlogCardOne';
-import ContactText from '@/components/sections/contact/ContactText';
-import FaqBase from '@/components/sections/faq/FaqBase';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Award, Sparkles, Star } from "lucide-react";
+import { Award, Sparkles, Star, MessageSquare } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -236,7 +236,7 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
+      <FaqSplitMedia
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
@@ -252,26 +252,33 @@ export default function LandingPage() {
       title="Your Questions, Our Expertise"
       description="Find answers to common inquiries about ZANURI services, bookings, products, and our unique approach to luxury pet care. We're here to provide clarity and peace of mind."
       faqsAnimation="slide-up"
+      imageSrc="http://img.b2bpic.net/free-photo/beautiful-cute-girl-her-companion_23-2148797403.jpg"
+      imageAlt="Happy golden retriever being pampered at a luxury spa"
+      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplit
       useInvertedBackground={true}
       background={{
         variant: "radial-gradient"}}
-      text="Ready to pamper your pet with the ZANURI experience? Contact us today to schedule an appointment, inquire about our services, or explore our exquisite boutique collection."
-      buttons={[
-        {
-          text: "Book an Appointment",          href: "#"},
-        {
-          text: "Send an Inquiry",          href: "#"},
-      ]}
+      tag="Connect with Us"
+      tagIcon={MessageSquare}
+      title="Schedule Your Pet's Luxury Experience"
+      description="Ready to pamper your pet with the ZANURI experience? Contact us today to schedule an appointment, inquire about our services, or explore our exquisite boutique collection."
+      inputPlaceholder="Your Email Address"
+      buttonText="Book Now"
+      termsText="By booking, you agree to our Terms and Conditions."
+      onSubmit={(email) => console.log('Booking requested for:', email)}
+      imageSrc="http://img.b2bpic.net/free-photo/woman-with-chihuahua-dog_52683-110310.jpg"
+      imageAlt="Woman lovingly holding a chihuahua, symbolizing connection and care"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterBaseReveal
+      logoText="ZANURI"
       columns={[
         {
           title: "ZANURI",          items: [
@@ -314,8 +321,8 @@ export default function LandingPage() {
           ],
         },
       ]}
-      bottomLeftText="© 2024 ZANURI. All rights reserved."
-      bottomRightText="Privacy Policy"
+      copyrightText="© 2024 ZANURI. All rights reserved."
+      onPrivacyClick={() => console.log('Privacy Policy clicked')}
     />
   </div>
       </ReactLenis>

src/app/styles/base.css

@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-montserrat), sans-serif;
+  font-family: var(--font-libre-baskerville), serif;
 }

src/app/styles/variables.css

@@ -14,7 +14,7 @@
   --card: #f9f9f9;
   --foreground: #5a5f4b;
   --primary-cta: #d89d39;
-  --primary-cta-text: #5a5f4b;
+  --primary-cta-text: #fdfdfd;
   --secondary-cta: #5a5f4b;
   --secondary-cta-text: #fdfdfd;
   --accent: #c4c6b5;