Update src/app/page.tsx

Merge version_13 into main

src/app/page.tsx

@@ -8,8 +8,9 @@ import TimelineHorizontalCardStack from '@/components/cardStack/layouts/timeline
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import ContactText from '@/components/sections/contact/ContactText';
+import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import { Sparkles, TrendingUp, Zap, Shield, Hexagon, House, MessageSquareText, Settings, CircleDollarSign, ArrowLeftRight, Send, Twitter, Linkedin, Globe } from 'lucide-react';
+import { Sparkles, TrendingUp, Zap, Shield, Hexagon, House, MessageSquareText, Settings, CircleDollarSign, ArrowLeftRight, Send, Twitter, Linkedin, Globe, Check } from 'lucide-react';
 
 const page = () => {
   const navItems = [
@@ -17,6 +18,7 @@ const page = () => {
     { name: 'Features', id: '#features' },
     { name: 'Process', id: '#process' },
     { name: 'Testimonials', id: '#testimonials' },
+    { name: 'Pricing', id: '#pricing' },
   ];
 
   const features = [
@@ -79,6 +81,65 @@ const page = () => {
     }
   ];
 
+  const pricingPlans = [
+    {
+      id: '1',
+      badge: 'Starter',
+      badgeIcon: Sparkles,
+      price: '$99/mo',
+      subtitle: 'Perfect for getting started with real-time intelligence',
+      buttons: [
+        { text: 'Get Started', href: 'https://example.com/start' },
+        { text: 'Learn More', href: 'https://example.com/docs' }
+      ],
+      features: [
+        'Real-time data access',
+        'Basic analytics dashboard',
+        'Up to 5 API keys',
+        'Email support',
+        'Monthly reports'
+      ]
+    },
+    {
+      id: '2',
+      badge: 'Professional',
+      badgeIcon: TrendingUp,
+      price: '$499/mo',
+      subtitle: 'Ideal for growing teams with advanced needs',
+      buttons: [
+        { text: 'Get Started', href: 'https://example.com/start' },
+        { text: 'Contact Sales', href: 'https://example.com/sales' }
+      ],
+      features: [
+        'All Starter features',
+        'Advanced predictive analysis',
+        'Unlimited API keys',
+        'Priority support',
+        'Custom integrations',
+        'Real-time alerts'
+      ]
+    },
+    {
+      id: '3',
+      badge: 'Enterprise',
+      badgeIcon: Shield,
+      price: 'Custom',
+      subtitle: 'Complete solution for large-scale operations',
+      buttons: [
+        { text: 'Schedule Demo', href: 'https://example.com/demo' },
+        { text: 'Contact Us', href: 'https://example.com/contact' }
+      ],
+      features: [
+        'All Professional features',
+        'Dedicated account manager',
+        'Custom SLA guarantees',
+        'White-label options',
+        '24/7 phone support',
+        'Advanced security features'
+      ]
+    }
+  ];
+
   const processMediaItems = [
     {
       imageSrc: 'https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=600&h=400&fit=crop',
@@ -237,6 +298,20 @@ const page = () => {
         />
       </div>
 
+      <div id="pricing" data-section="pricing">
+        <PricingCardTwo
+          plans={pricingPlans}
+          title="Simple, Transparent Pricing"
+          description="Choose the perfect plan for your organization's needs."
+          tag="Pricing"
+          tagIcon={CircleDollarSign}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+          carouselMode="buttons"
+        />
+      </div>
+
       <div id="contact" data-section="contact">
         <ContactText
           text="Get Real-Time Intelligence in 48 Hours—No Setup Hassle"
@@ -265,4 +340,4 @@ const page = () => {
   );
 };
 
-export default page;
+export default page;