Add grid background to pricing header

Implemented the grid tile background in the pricing header section, matching the style of the hero section on the landing page.

Author: lovable-dev[bot]

src/components/pricing/PricingHeader.tsx

@@ -4,7 +4,8 @@ import { Shield, Star } from "lucide-react";
 export const PricingHeader = () => {
   return (
     <section className="py-24 px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-blue-50/50 via-white to-purple-50/50 relative">
-      <div className="absolute inset-0 bg-[linear-gradient(to_right,#80808020_1px,transparent_1px),linear-gradient(to_bottom,#80808020_1px,transparent_1px)] bg-[size:14px_24px] animate-pulse"></div>
+      {/* Grid Pattern Background - same as hero section */}
+      <div className="absolute inset-0 bg-[linear-gradient(to_right,#8080800a_1px,transparent_1px),linear-gradient(to_bottom,#8080800a_1px,transparent_1px)] bg-[size:14px_24px] animate-pulse"></div>
 
       <div className="max-w-4xl mx-auto text-center relative z-10">
         <div className="inline-flex items-center gap-2 bg-gradient-to-r from-green-100 to-blue-100 text-green-800 px-6 py-3 rounded-full text-sm font-medium mb-8 border border-green-200/50 backdrop-blur-sm animate-scale-in">