src/app/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
@@ -11,6 +11,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import TextAbout from '@/components/sections/about/TextAbout';
+import { Star, Shield, ArrowRight } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -36,6 +37,7 @@ export default function LandingPage() {
               { name: "Menu", id: "features" },
               { name: "Contact", id: "contact" },
             ]}
+            button={{ text: "Book Now", href: "#contact" }}
           />
         </div>
 
@@ -70,6 +72,7 @@ export default function LandingPage() {
             description="From farm-fresh ingredients to chef-curated masterpieces, discover our unique dining experience."
             textboxLayout="split"
             animationType="slide-up"
+            useInvertedBackground={false}
             features={[
               { title: "Seasonal Harvest", description: "Locally sourced ingredients prepared daily.", imageSrc: "https://images.unsplash.com/photo-1504674900247-0877df9cc836?q=80&w=800" },
               { title: "Crafted Cocktails", description: "Signature infusions by expert mixologists.", imageSrc: "https://images.unsplash.com/photo-1514362545857-3bc16c4c7d1b?q=80&w=800" },
@@ -83,10 +86,11 @@ export default function LandingPage() {
             title="Our Reach"
             animationType="slide-up"
             textboxLayout="default"
+            useInvertedBackground={false}
             metrics={[
-              { id: "1", title: "Satisfied Diners", value: "50k+" },
-              { id: "2", title: "Chef Awards", value: "12" },
-              { id: "3", title: "Years Serving", value: "15" }
+              { id: "1", title: "Satisfied Diners", value: "50k+", icon: Star },
+              { id: "2", title: "Chef Awards", value: "12", icon: Shield },
+              { id: "3", title: "Years Serving", value: "15", icon: ArrowRight }
             ]}
           />
         </div>
@@ -96,6 +100,7 @@ export default function LandingPage() {
             title="What Our Guests Say"
             textboxLayout="default"
             animationType="blur-reveal"
+            useInvertedBackground={false}
             testimonials={[
               { id: "1", name: "Alice W.", handle: "@alice", testimonial: "The ambiance and the food were perfectly balanced. A truly delightful experience!" },
               { id: "2", name: "Bob K.", handle: "@bob", testimonial: "The best culinary destination in the city. Highly recommend the signature courses." }
@@ -108,6 +113,7 @@ export default function LandingPage() {
             title="Common Questions"
             textboxLayout="split"
             faqsAnimation="slide-up"
+            useInvertedBackground={false}
             faqs={[
               { id: "1", title: "Do you accept reservations?", content: "Yes, we recommend booking in advance via our website." },
               { id: "2", title: "Is there a dress code?", content: "We encourage smart-casual attire for all guests." }
@@ -120,6 +126,7 @@ export default function LandingPage() {
             text="Book your table today and experience the art of taste."
             background={{ variant: "gradient-bars" }}
             buttons={[{ text: "Book Table", href: "#contact" }]}
+            useInvertedBackground={false}
           />
         </div>