Updated pricing plans

src/app/pricing/page.tsx

@@ -7,16 +7,17 @@ import { useState } from "react";
 const plans = [
   {
     name: "Starter",
-    description: "Perfect for small projects and quick fixes",
+    description: "Small, clearly defined tasks and improvements",
     price: "$500",
     period: "project",
     icon: Zap,
     features: [
-      "Single page application",
+      "Single feature or small tool",
-      "Responsive design",
+      "Bug fixes or minor enhancements",
-      "Basic animations",
+      "Basic frontend or backend work",
-      "2 revision rounds",
+      "Limited scope (no architecture changes)",
-      "1 week delivery",
+      "1 revision round",
+      "Async communication",
       "Source code included",
     ],
     cta: "Get Started",
@@ -24,38 +25,38 @@ const plans = [
   },
   {
     name: "Professional",
-    description: "For complex applications and systems",
+    description: "Product features, MVPs, and system components",
-    price: "$2,000",
+    price: "$2,000+",
     period: "project",
     icon: Crown,
     features: [
-      "Multi-page application",
+      "Multi-feature application or system module",
-      "Custom backend integration",
+      "Backend services or APIs (Rust, Node, etc.)",
-      "Advanced animations & UI",
+      "CLI or TUI applications",
-      "5 revision rounds",
+      "Frontend integration where needed",
-      "2-3 weeks delivery",
+      "Architecture and technical decisions",
-      "Full source code & docs",
+      "2–3 revision rounds",
-      "1 month support",
+      "Documentation for delivered components",
-      "Performance optimization",
+      "Performance and reliability considerations",
     ],
     cta: "Start Project",
     popular: true,
   },
   {
     name: "Enterprise",
-    description: "Full-scale systems and ongoing partnership",
+    description: "Long-term systems work and technical ownership",
     price: "Custom",
     period: "quote",
     icon: Rocket,
     features: [
-      "Complex systems architecture",
+      "Large or distributed system design",
-      "Low-level development",
+      "Cross-team or multi-stakeholder coordination",
-      "TUI/CLI applications",
+      "Ongoing development and refactoring",
-      "Unlimited revisions",
+      "System audits and performance reviews",
-      "Priority support",
+      "Internal tooling and automation",
-      "Full documentation",
+      "Priority access and scheduling",
-      "Training & onboarding",
+      "Extended documentation and knowledge transfer",
-      "Long-term partnership",
+      "Training, onboarding, and long-term support",
     ],
     cta: "Contact Me",
     popular: false,
@@ -76,7 +77,7 @@ const services = [
   {
     title: "TUI/CLI Tools",
     description:
-      "Beautiful terminal user interfaces and command-line tools that developers love.",
+      "Beautiful terminal user interfaces and command-line tools with my own TUI framework that developers love.",
   },
   {
     title: "API Development",
@@ -85,7 +86,7 @@ const services = [
   {
     title: "DevOps & Deployment",
     description:
-      "Docker, CI/CD pipelines, and self-hosted deployment solutions.",
+      "Docker, CI/CD pipelines, and self-hosted deployment solutions with my own infrastructure.",
   },
   {
     title: "Consulting",
@@ -122,13 +123,13 @@ export default function Pricing() {
       {/* Pricing Cards */}
       <section className="py-16 bg-card/50">
         <div className="container mx-auto px-6">
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-6xl mx-auto">
+          <div className="grid grid-cols-1 md:px-32 lg:px-0 lg:grid-cols-3 gap-8 max-w-6xl mx-auto">
             {plans.map((plan) => (
               <div
                 key={plan.name}
                 className={`relative glass-card rounded-2xl p-8 flex flex-col transition-all duration-300 ${
                   plan.popular
-                    ? "ring-2 ring-accent scale-105 md:scale-110"
+                    ? "ring-2 ring-accent lg:scale-110"
                     : "hover:ring-1 hover:ring-accent/30"
                 } ${hoveredPlan === plan.name ? "glow-gold" : ""}`}
                 onMouseEnter={() => setHoveredPlan(plan.name)}