Bob AI: Make the pricing section have 3 tiers: Free, Pro, ...

src/app/page.tsx

@@ -4,6 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import { Users, TrendingUp, ShoppingCart, CheckCircle, LayoutDashboard, BarChart3, FileText, Settings } from "lucide-react";
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 
 export default function DashboardPage() {
   return (
@@ -145,6 +146,48 @@ export default function DashboardPage() {
                 alt="bar chart statistics metrics data" 
                 className="w-full h-full object-cover rounded-soft"
               />
+
+      <div id="pricing" data-section="pricing">
+        <PricingCardThree
+            plans={[
+                {
+                    id: "free",
+                    name: "Free",
+                    price: "$0",
+                    buttons: [{ label: "Get Started", href: "#section", dataWebildId: "cta_btn_1" }],
+                    features: ["Up to 3 projects", "Basic analytics", "Email support"]
+                },
+                {
+                    id: "pro",
+                    badge: "Popular",
+                    name: "Pro",
+                    price: "$15",
+                    buttons: [{ label: "Get Started", href: "#section", dataWebildId: "cta_btn_2" }],
+                    features: ["Up to 10 projects", "Advanced analytics", "Priority email support"]
+                },
+                {
+                    id: "enterprise",
+                    name: "Enterprise",
+                    price: "$49",
+                    buttons: [{ label: "Get Started", href: "#section", dataWebildId: "cta_btn_3" }],
+                    features: ["Unlimited projects", "Custom analytics", "24/7 support"]
+                }
+            ]}
+            animationType="fade"
+            title="Choose Your Plan"
+            description="Find the perfect plan for your needs. Start with a free trial and upgrade as you grow."
+            textboxLayout="left"
+            useInvertedBackground="never"
+            className="bg-white p-8 rounded-lg shadow-md"
+            cardClassName="bg-gray-100 p-6 rounded-lg"
+            priceClassName="text-2xl font-bold text-gray-900"
+            nameClassName="text-xl font-semibold text-gray-800"
+            planButtonContainerClassName="mt-4"
+            planButtonClassName="bg-blue-500 text-white px-4 py-2 rounded-lg hover:bg-blue-600"
+            featuresClassName="mt-4"
+            featureItemClassName="text-gray-700"
+        />
+      </div>
             </div>
           </div>
         </div>