Fix FAQFull: Use isDraft boolean for draft filtering, fix Kontakt ID override

src/blocks/FinalCTA/Component.tsx

@@ -1,40 +1,42 @@
-'use client'
 import React from 'react'
 import type { Page } from '../../payload-types'
 import { MessageCircle } from 'lucide-react'
+import { MotionStamp } from '../../components/MotionStamp'
 
-type Props = Extract<NonNullable<Page['layout']>[0], { blockType: 'finalCta' }>
+type BaseProps = Extract<NonNullable<Page['layout']>[0], { blockType: 'finalCta' }>
+type Props = BaseProps & { whatsappNumber?: string | null }
 
-export const FinalCTABlock: React.FC<Props> = ({ eyebrow, title, subtitle, buttonText }) => {
+export const FinalCTABlock: React.FC<Props> = ({ eyebrow, title, subtitle, buttonText, whatsappNumber }) => {
+  const whatsappLink = whatsappNumber ? `https://wa.me/${whatsappNumber}` : '#'
   return (
-    <section className="py-20 md:py-32 bg-card border-y border-border text-left">
+    <MotionStamp id="final-cta" className="py-20 md:py-32 text-center" style={{ backgroundColor: 'var(--accent-color)', color: 'var(--bg-color)' }}>
       <div className="container-premium">
-        <div className="max-w-3xl">
-          {/* Removed eyebrow */}
-
-          <h2 className="font-heading text-3xl sm:text-4xl md:text-5xl font-extrabold text-foreground tracking-tight mb-6 text-balance">
+        <div className="max-w-3xl mx-auto flex flex-col items-center">
+          <h2 className="font-heading text-3xl sm:text-4xl md:text-5xl font-extrabold tracking-tight mb-6 text-balance text-[var(--bg-color)]">
             {title}
           </h2>
 
           {subtitle && (
-            <p className="text-lg md:text-xl font-light text-foreground/75 mb-12 leading-relaxed">
+            <p className="text-lg md:text-xl font-light mb-12 leading-relaxed text-[var(--bg-color)]/90">
               {subtitle}
             </p>
           )}
 
-        <div>
-          <a 
-            href={process.env.NEXT_PUBLIC_WHATSAPP_LINK || '#'}
-            target="_blank"
-            rel="noopener noreferrer"
-            className="inline-flex items-center justify-center gap-2.5 px-8 py-4 bg-green-500 hover:bg-green-600 text-white text-base sm:text-lg font-bold rounded-none transition-colors shadow-sm"
-          >
-            <MessageCircle size={22} />
-            <span>{buttonText}</span>
-          </a>
-        </div>
+          {whatsappNumber && (
+            <div>
+              <a 
+                href={whatsappLink}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="inline-flex items-center justify-center gap-2.5 px-8 py-4 bg-background hover:bg-border text-accent text-base sm:text-lg font-bold rounded-md transition-colors shadow-sm"
+              >
+                <MessageCircle size={22} />
+                <span>{buttonText}</span>
+              </a>
+            </div>
+          )}
         </div>
       </div>
-    </section>
+    </MotionStamp>
   )
 }