Update src/app/layout.tsx

Merge version_1 into main

src/app/page.tsx

@@ -6,10 +6,10 @@ import HeroLogo from "@/components/sections/hero/HeroLogo";
 import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
 import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
 import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
-import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
-import ContactText from "@/components/sections/contact/ContactText";
+import FaqDouble from "@/components/sections/faq/FaqDouble";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-import { Award, Sparkles, Heart, HelpCircle } from "lucide-react";
+import { Award, Sparkles, Heart, HelpCircle, Mail, MessageCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,6 +32,7 @@ export default function LandingPage() {
             { name: "About", id: "about" },
             { name: "Products", id: "products" },
             { name: "Testimonials", id: "testimonials" },
+            { name: "FAQ", id: "faq" },
             { name: "Contact", id: "contact" },
           ]}
           button={{
@@ -137,18 +138,15 @@ export default function LandingPage() {
       </div>
 
       <div id="faq" data-section="faq">
-        <FaqSplitMedia
+        <FaqDouble
           title="Common Questions About Our Bakery"
           description="Everything you need to know about ordering custom cakes, delivery, and our signature sweets"
           tag="FAQ"
           tagIcon={HelpCircle}
           textboxLayout="default"
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208271.jpg"
-          imageAlt="IDEal Bakery team preparing fresh baked goods"
-          mediaAnimation="slide-up"
           faqsAnimation="slide-up"
-          mediaPosition="left"
+          animationType="smooth"
           faqs={[
             {
               id: "1",              title: "How far in advance should I order a custom cake?",              content: "We recommend ordering custom cakes at least 5-7 days in advance for best design options. However, we can accommodate urgent orders within 48 hours based on availability. For wedding cakes or large orders, 2-3 weeks advance notice is ideal. Contact us via WhatsApp to discuss your specific timeline."},
@@ -167,9 +165,11 @@ export default function LandingPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactText
-          text="Ready to order your custom cake or favorite sweets? Let's make your celebration unforgettable!"
-          animationType="entrance-slide"
+        <ContactCTA
+          tag="Get in Touch"
+          tagIcon={Mail}
+          title="Ready to Order Your Custom Cake or Favorite Sweets?"
+          description="Let's make your celebration unforgettable! Contact us today to place your order, discuss custom designs, or ask any questions about our products and services."
           buttons={[
             {
               text: "WhatsApp Us Now",              href: "https://wa.me/92300123456?text=Hello%20IDEal%20Bakery%2C%20I%20would%20like%20to%20order"},