Update src/app/faq/page.tsx

src/app/faq/page.tsx

@@ -8,7 +8,18 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
 
 export default function FaqPage() {
   return (
-    <ThemeProvider contentWidth="compact" sizing="largeSmall">
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
       <ReactLenis root>
         <NavbarLayoutFloatingInline
           navItems={[
@@ -19,6 +30,7 @@ export default function FaqPage() {
             { name: "FAQ", id: "/faq" },
           ]}
           brandName="Tee's Donuts"
+          button={{ text: "Home", href: "/" }}
         />
         <div className="pt-32 pb-20">
             <FaqSplitText
@@ -34,14 +46,13 @@ export default function FaqPage() {
             />
         </div>
         <FooterMedia
-            imageSrc="http://img.b2bpic.net/free-photo/donuts-coffee-copy-space_23-2148332772.jpg"
+            videoSrc="http://img.b2bpic.net/free-photo/donuts-coffee-copy-space_23-2148332772.jpg"
             logoText="Tee's Donuts"
             columns={[
                 { title: "Hours", items: [{ label: "Mon-Sun: 5AM - 7:30PM", href: "#" }] },
                 { title: "Location", items: [{ label: "325 E Anaheim St, Long Beach", href: "#" }] }
             ]}
             copyrightText="© 2025 Tee's Donuts. All rights reserved."
-            imageAlt="Fresh glazed donuts on display case"
         />
       </ReactLenis>
     </ThemeProvider>