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 (
@@ -46,8 +47,8 @@ export default function LandingPage() {
           logoText="Mindex AI"
           description="Intelligent marketing automation powered by advanced AI. Generate compelling campaigns, optimize performance, and engage customers with unprecedented precision."
           buttons={[
-            { text: "Get Free Trial", href: "contact" },
-            { text: "See AI in Action", href: "features" }
+            { text: "Start Free Trial", href: "contact" },
+            { text: "View Demo", href: "features" }
           ]}
           buttonAnimation="slide-up"
           background={{ variant: "radial-gradient" }}
@@ -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"
@@ -195,8 +238,7 @@ export default function LandingPage() {
           inputs={[
             { name: "fullName", type: "text", placeholder: "Full Name", required: true },
             { name: "workEmail", type: "email", placeholder: "Work Email", required: true },
-            { name: "companyName", type: "text", placeholder: "Company Name", required: true },
-            { name: "teamSize", type: "text", placeholder: "Team Size (e.g., 5-10)" }
+            { name: "companyName", type: "text", placeholder: "Company Name", required: true }
           ]}
           textarea={{ name: "message", placeholder: "Tell us about your marketing goals and how Mindex can help", rows: 5, required: false }}
           useInvertedBackground={false}
@@ -219,4 +261,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -13,12 +13,12 @@
   --background: #ffffff;
   --card: #f9f9f9;
   --foreground: #000612e6;
-  --primary-cta: #15479c;
+  --primary-cta: #106EFB;
   --primary-cta-text: #ffffff;
   --secondary-cta: #f9f9f9;
   --secondary-cta-text: #000612e6;
   --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --background-accent: #106EFB;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);