diff --git a/dashboard/components/pricing/PricingCardGeneric.vue b/dashboard/components/pricing/PricingCardGeneric.vue
new file mode 100644
index 0000000..e5a6d2d
--- /dev/null
+++ b/dashboard/components/pricing/PricingCardGeneric.vue
@@ -0,0 +1,96 @@
+
+
+
+
+
+
+
+
{{ data.title }}
+
+ Active
+
+
{{ data.price }}
+
+
+
+
+
+
+
+
+
+
+
+
![Check]()
+
+
{{ feature }}
+
+
+
+
+
+
+ Upgrade
+
+
+ Downgrade
+
+
+
+ {{ data.cta }}
+
+
+
+
+
\ No newline at end of file
diff --git a/dashboard/components/pricing/PricingDrawer.vue b/dashboard/components/pricing/PricingDrawer.vue
index 8d9dd01..8fddcf0 100644
--- a/dashboard/components/pricing/PricingDrawer.vue
+++ b/dashboard/components/pricing/PricingDrawer.vue
@@ -1,71 +1,188 @@