diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
new file mode 100644
index 0000000..3902283
--- /dev/null
+++ b/src/app/pricing/page.tsx
@@ -0,0 +1,32 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider>
+      <NavbarStyleFullscreen
+        navItems={[
+          { name: "Home", id: "home" },
+          { name: "About", id: "about" },
+          { name: "Features", id: "features" },
+          { name: "Testimonials", id: "testimonials" },
+          { name: "Pricing", href: "/pricing" },
+          { name: "Contact", id: "contact" },
+        ]}
+        brandName="SublimeSites"
+      />
+      <PricingCardEight 
+        title="Transparent Pricing"
+        description="Choose the plan that fits your business goals."
+        animationType="slide-up"
+        plans={[
+          { id: "starter", badge: "Essential", price: "$999", subtitle: "Best for individuals", features: ["Basic Web Design", "Mobile Responsive", "SEO Setup"], buttons: [{ text: "Get Started", href: "#contact" }] },
+          { id: "pro", badge: "Professional", price: "$1999", subtitle: "Best for businesses", features: ["Everything in Starter", "CMS Integration", "Custom Analytics", "Priority Support"], buttons: [{ text: "Contact Sales", href: "#contact" }] }
+        ]}
+      />
+    </ThemeProvider>
+  );
+}
\ No newline at end of file