Add PricingHighlightedCards section to HomePage.tsx

src/pages/HomePage.tsx

@@ -1,5 +1,6 @@
 import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import PricingHighlightedCards from '@/components/sections/pricing/PricingHighlightedCards';
 import FeaturesMarqueeCards from '@/components/sections/features/FeaturesMarqueeCards';
 import HeroTiltedCards from '@/components/sections/hero/HeroTiltedCards';
 import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
@@ -245,6 +246,58 @@ export default function HomePage() {
     </SectionErrorBoundary>
   </div>
 
+    <div id="pricing" data-section="pricing">
+    <SectionErrorBoundary name="pricing">
+      <PricingHighlightedCards
+        tag="Our Packages"
+        title="Flexible Plans for Every Business"
+        description="Choose the perfect marketing package designed to elevate your brand and achieve your business goals. All plans are customizable."
+        plans={[
+          {
+            tag: "Basic",
+            price: "€499/month",
+            description: "Ideal for startups and small businesses looking to establish an online presence.",
+            features: [
+              "Basic SEO Optimization",
+              "Social Media Setup",
+              "Content Calendar (2 posts/week)",
+              "Monthly Performance Report",
+            ],
+            primaryButton: { text: "Get Started", href: "#contact" },
+          },
+          {
+            tag: "Pro",
+            price: "€999/month",
+            description: "Perfect for growing businesses aiming for significant digital growth and engagement.",
+            features: [
+              "Advanced SEO Strategy",
+              "Full Social Media Management",
+              "Content Creation (4 posts/week)",
+              "Bi-Weekly Performance Reports",
+              "Email Marketing Campaigns",
+            ],
+            highlight: "Most Popular",
+            primaryButton: { text: "Choose Pro", href: "#contact" },
+          },
+          {
+            tag: "Enterprise",
+            price: "Custom",
+            description: "Tailored solutions for large enterprises with complex marketing needs and ambitious goals.",
+            features: [
+              "Dedicated Account Manager",
+              "Comprehensive Digital Strategy",
+              "Unlimited Content Creation",
+              "Weekly Performance Reviews",
+              "Advanced Analytics & Insights",
+              "PR & Influencer Outreach",
+            ],
+            primaryButton: { text: "Contact Us", href: "#contact" },
+          },
+        ]}
+      />
+    </SectionErrorBoundary>
+  </div>
+
   <div id="contact" data-section="contact">
     <SectionErrorBoundary name="contact">
           <ContactSplitForm