Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -9,8 +9,10 @@ import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
 import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
 import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
+import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
+import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { Sparkles, Zap, Cpu, Target, Award, Handshake, HelpCircle } from "lucide-react";
+import { Sparkles, Zap, Cpu, Target, Award, Handshake, HelpCircle, Mail, Phone, MapPin, CheckCircle, Zap as ZapIcon, Brain, Workflow, Shield, BarChart3 } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,7 +33,8 @@ export default function LandingPage() {
           brandName="PowerAI"
           navItems={[
             { name: "Features", id: "features" },
-            { name: "Capabilities", id: "metrics" },
+            { name: "Use Cases", id: "useCases" },
+            { name: "Pricing", id: "pricing" },
             { name: "Testimonials", id: "testimonials" },
             { name: "FAQ", id: "faq" }
           ]}
@@ -95,11 +98,81 @@ export default function LandingPage() {
             },
             {
               id: 2,
-              title: "Adaptive Learning",              description: "AI agents that improve performance over time, learning from every interaction and adapting to changing business conditions.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoA8lBSZoj1UzcvKmn18oxQTPh/a-visualization-showing-an-ai-system-lea-1773248465461-3d808459.png",              imageAlt: "Machine learning adaptive system"
+              title: "Adaptive Learning",              description: "AI agents that improve performance over time, learning from every interaction and adapting to changing business conditions.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoA8lBSZoj1UzcvKmn18oxQTPh/a-visualization-showing-an-ai-system-lea-1773248465461-3d808459.png?_wi=1",              imageAlt: "Machine learning adaptive system"
             },
             {
               id: 3,
-              title: "Seamless Integration",              description: "Connect to your entire tech stack. PowerAI integrates with 500+ enterprise applications and APIs out of the box.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoA8lBSZoj1UzcvKmn18oxQTPh/a-comprehensive-illustration-showing-mul-1773248467386-3e38b2e2.png",              imageAlt: "Multi-system integration architecture"
+              title: "Seamless Integration",              description: "Connect to your entire tech stack. PowerAI integrates with 500+ enterprise applications and APIs out of the box.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoA8lBSZoj1UzcvKmn18oxQTPh/a-comprehensive-illustration-showing-mul-1773248467386-3e38b2e2.png?_wi=1",              imageAlt: "Multi-system integration architecture"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="pricing" data-section="pricing">
+        <PricingCardTwo
+          title="Choose Your AI Agent Tier"
+          description="Scale your automation capabilities with flexible pricing designed for enterprises of all sizes."
+          tag="Pricing"
+          tagIcon={BarChart3}
+          textboxLayout="default"
+          useInvertedBackground={true}
+          animationType="slide-up"
+          plans={[
+            {
+              id: "1",              badge: "Starter",              badgeIcon: Brain,
+              price: "$299/mo",              subtitle: "Perfect for small teams getting started with AI automation",              buttons: [
+                { text: "Get Started", href: "#contact" },
+                { text: "Learn More", href: "#" }
+              ],
+              features: [
+                "Up to 3 AI agents",                "10,000 tasks/month",                "Basic integrations (50+)",                "Email support",                "API access"
+              ]
+            },
+            {
+              id: "2",              badge: "Professional",              badgeIcon: Workflow,
+              price: "$999/mo",              subtitle: "Ideal for growing enterprises scaling automation",              buttons: [
+                { text: "Get Started", href: "#contact" },
+                { text: "Learn More", href: "#" }
+              ],
+              features: [
+                "Up to 15 AI agents",                "100,000 tasks/month",                "Advanced integrations (200+)",                "Priority support",                "Custom workflows",                "Advanced analytics"
+              ]
+            },
+            {
+              id: "3",              badge: "Enterprise",              badgeIcon: Shield,
+              price: "Custom",              subtitle: "For large-scale deployments requiring maximum capabilities",              buttons: [
+                { text: "Contact Sales", href: "mailto:sales@powerai.com" },
+                { text: "Schedule Demo", href: "#contact" }
+              ],
+              features: [
+                "Unlimited AI agents",                "Unlimited tasks",                "Full integrations (500+)",                "24/7 dedicated support",                "Custom model training",                "SLA guarantee",                "On-premise deployment"
+              ]
+            }
+          ]}
+        />
+      </div>
+
+      <div id="useCases" data-section="useCases">
+        <FeatureCardMedia
+          title="Engineering Applications"
+          description="Discover how PowerAI transforms complex engineering workflows and accelerates development cycles."
+          tag="Use Cases"
+          tagIcon={Workflow}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          features={[
+            {
+              id: "1",              title: "Intelligent Code Review",              description: "Automate code analysis, identify bugs, enforce coding standards, and accelerate the review process for development teams.",              tag: "Development",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoA8lBSZoj1UzcvKmn18oxQTPh/an-illustration-depicting-automated-work-1773248466149-8eee7127.png?_wi=1",              imageAlt: "Code review automation"
+            },
+            {
+              id: "2",              title: "Infrastructure Optimization",              description: "Automatically monitor, manage, and optimize cloud infrastructure, reducing costs and ensuring peak performance.",              tag: "Infrastructure",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoA8lBSZoj1UzcvKmn18oxQTPh/a-sophisticated-ai-agent-dashboard-inter-1773248465442-d93b734e.png?_wi=2",              imageAlt: "Infrastructure optimization dashboard"
+            },
+            {
+              id: "3",              title: "Quality Assurance Automation",              description: "Deploy AI agents to execute comprehensive testing, identify regressions, and ensure software quality at scale.",              tag: "Testing",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoA8lBSZoj1UzcvKmn18oxQTPh/a-visualization-showing-an-ai-system-lea-1773248465461-3d808459.png?_wi=2",              imageAlt: "QA automation testing"
+            },
+            {
+              id: "4",              title: "Technical Documentation Generation",              description: "Automatically generate and maintain comprehensive technical documentation for your codebase and APIs.",              tag: "Documentation",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoA8lBSZoj1UzcvKmn18oxQTPh/a-comprehensive-illustration-showing-mul-1773248467386-3e38b2e2.png?_wi=2",              imageAlt: "Documentation generation"
             }
           ]}
         />
@@ -220,7 +293,7 @@ export default function LandingPage() {
               title: "Product",              items: [
                 { label: "Features", href: "#features" },
                 { label: "Pricing", href: "#pricing" },
-                { label: "Security", href: "#security" },
+                { label: "Use Cases", href: "#useCases" },
                 { label: "Integrations", href: "#integrations" }
               ]
             },
@@ -229,7 +302,7 @@ export default function LandingPage() {
                 { label: "About Us", href: "/about" },
                 { label: "Blog", href: "/blog" },
                 { label: "Careers", href: "/careers" },
-                { label: "Contact", href: "#contact" }
+                { label: "Contact", href: "mailto:support@powerai.com" }
               ]
             },
             {
@@ -250,7 +323,7 @@ export default function LandingPage() {
             }
           ]}
           bottomLeftText="© 2025 PowerAI Inc. All rights reserved."
-          bottomRightText="Intelligent Automation for Enterprise"
+          bottomRightText="AI-Powered Automation for Enterprise Engineering"
         />
       </div>
     </ThemeProvider>