diff --git a/src/app/faq/page.tsx b/src/app/faq/page.tsx
new file mode 100644
index 0000000..77c5931
--- /dev/null
+++ b/src/app/faq/page.tsx
@@ -0,0 +1,41 @@
+'use client';
+
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+
+const navItems = [
+  { name: 'Home', id: '/' },
+  { name: 'Features', id: '/#features' },
+  { name: 'Dashboard', id: '/dashboard' },
+  { name: 'Sign In', id: '/login' },
+];
+
+export default function FAQPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          navItems={navItems}
+          brandName="Webild"
+        />
+      </div>
+      <div className="min-h-screen bg-gradient-to-br from-background to-card pt-24">
+        <div className="max-w-4xl mx-auto px-4 py-12">
+          <h1 className="text-4xl font-bold text-foreground mb-4">Frequently Asked Questions</h1>
+          <p className="text-foreground/60 text-lg">Find answers to common questions.</p>
+        </div>
+      </div>
+    </ThemeProvider>
+  );
+}