Update src/app/page.tsx

Merge version_6 into main

src/app/page.tsx

@@ -9,9 +9,10 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { CheckCircle, TrendingUp, Users, Zap } from 'lucide-react';
+import { CheckCircle, TrendingUp, Users, Zap, Sparkles } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -155,6 +156,48 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="pricing" data-section="pricing">
+        <PricingCardThree
+          tag="Pricing"
+          title="Simple, transparent pricing"
+          description="Choose the perfect plan for your marketing needs. All plans include core features to get you started."
+          plans={[
+            {
+              id: "1",              price: "$29/mo",              name: "Starter",              buttons: [
+                { text: "Get Started", href: "contact" },
+                { text: "Learn More", href: "#" }
+              ],
+              features: [
+                "Up to 5 users",                "50GB storage",                "Email support",                "Basic AI content generation",                "Monthly analytics reports"
+              ]
+            },
+            {
+              id: "2",              badge: "Most popular plan",              badgeIcon: Sparkles,
+              price: "$99/mo",              name: "Professional",              buttons: [
+                { text: "Get Started", href: "contact" },
+                { text: "Learn More", href: "#" }
+              ],
+              features: [
+                "Up to 20 users",                "200GB storage",                "Priority support",                "Advanced AI personalization",                "Real-time analytics",                "Custom integrations",                "API access"
+              ]
+            },
+            {
+              id: "3",              price: "$299/mo",              name: "Enterprise",              buttons: [
+                { text: "Contact Sales", href: "contact" },
+                { text: "Schedule Demo", href: "#" }
+              ],
+              features: [
+                "Unlimited users",                "Unlimited storage",                "24/7 phone support",                "Custom AI models",                "Advanced security",                "Dedicated account manager",                "Custom SLA"
+              ]
+            }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          ariaLabel="Pricing section"
+        />
+      </div>
+
       <div id="faq" data-section="faq">
         <FaqDouble
           tag="FAQ"