src/app/page.tsx

@@ -19,10 +19,10 @@ export default function MegaPizzaPage() {
       borderRadius="soft"
       contentWidth="small"
       sizing="mediumLarge"
-      background="noiseDiagonalGradient"
+      background="circleGradient"
       cardStyle="glass-elevated"
-      primaryButtonStyle="primary-glow"
-      secondaryButtonStyle="radial-glow"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
       headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
@@ -43,7 +43,7 @@ export default function MegaPizzaPage() {
         <HeroBillboardGallery
           title="MÉGA PIZZA SAINT CLOUD"
           description="أفضل بيتزا في عنابة – مذاق رائع وخدمة سريعة. Savourez la meilleure pizza avec une service rapide et sympathique."
-          background={{ variant: "noiseDiagonalGradient" }}
+          background={{ variant: "radial-gradient" }}
           tag="Premium Pizza Restaurant"
           tagIcon={Utensils}
           mediaItems={[

src/components/shared/SvgTextLogo/SvgTextLogo.tsx

@@ -4,7 +4,7 @@ interface SvgTextLogoProps {
   text: string;
   className?: string;
   fontSize?: number;
-  dominantBaseline?: 'auto' | 'baseline' | 'before-edge' | 'text-before-edge' | 'middle' | 'central' | 'after-edge' | 'text-after-edge' | 'ideographic' | 'alphabetic' | 'hanging' | 'mathematical' | 'inherit';
+  dominantBaseline?: 'auto' | 'inherit' | 'alphabetic' | 'hanging' | 'ideographic' | 'mathematical' | 'text-before-edge' | 'middle' | 'central' | 'text-after-edge' | 'use-script' | 'no-change' | 'reset-size';
 }
 
 export const SvgTextLogo: React.FC<SvgTextLogoProps> = ({