feat: restructure pricing section and create dedicated pricing page

- Removed the Pricing component from the homepage and created a new dedicated Pricing page.
- Updated navigation links to point to the new Pricing page instead of the homepage section.
- Enhanced the Pricing component with an animated grid pattern for improved visual appeal.

apps/website/app/page.tsx

@@ -3,7 +3,6 @@ import { Faqs } from "@/components/Faqs";
 import { Hero } from "@/components/Hero";
 import { Testimonials } from "@/components/Testimonials";
 import { FirstFeaturesSection } from "@/components/first-features";
-import { Pricing } from "@/components/pricing";
 import { SecondaryFeaturesSections } from "@/components/secondary-features";
 import { Sponsors } from "@/components/sponsors";
 import { StatsSection } from "@/components/stats";
@@ -26,9 +25,6 @@ export default function Home() {
 				<SecondaryFeaturesSections />
 				<StatsSection />
 				<Testimonials />
-				<div className="relative w-full">
-					<Pricing />
-				</div>
 				<Faqs />
 				{/* <Sponsors /> */}
 				<CallToAction />

apps/website/app/pricing/page.tsx

@@ -0,0 +1,16 @@
+import { Pricing } from "@/components/pricing";
+import type { Metadata } from "next";
+
+export const metadata: Metadata = {
+	title: "Pricing",
+	description:
+		"Simple, affordable pricing for Dokploy. Choose the plan that fits your needs.",
+};
+
+export default function PricingPage() {
+	return (
+		<div className="relative w-full">
+			<Pricing />
+		</div>
+	);
+}