Update app/pricing/page.tsx

app/pricing/page.tsx

@@ -0,0 +1,37 @@
+import { Container } from "@/components/container";
+import { Background } from "@/components/background";
+import { Heading } from "@/components/heading";
+import { Subheading } from "@/components/subheading";
+import { Pricing } from "@/components/pricing";
+import { PricingTable } from "./pricing-table";
+import { Companies } from "@/components/companies";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Pricing - [App Name]",
+  description:
+    "[App Name] - Choose the perfect plan for your needs. Transparent pricing with powerful features included.",
+  openGraph: {
+    images: ["https://ai-saas-template-aceternity.vercel.app/banner.png"],
+  },
+};
+
+export default function PricingPage() {
+  return (
+    <div className="relative overflow-hidden py-20 md:py-0">
+      <Background />
+      <Container className="flex flex-col items-center justify-between  pb-20">
+        <div className="relative z-20 py-10 md:pt-40">
+          <Heading as="h1">Simple pricing for your ease</Heading>
+          <Subheading className="text-center">
+            [App Name] offers flexible pricing plans to suit your needs. Choose
+            your plan and get started instantly with our powerful features.
+          </Subheading>
+        </div>
+        <Pricing />
+        <PricingTable />
+        <Companies />
+      </Container>
+    </div>
+  );
+}