Update src/app/page.tsx

Merge version_6 into main
2026-03-07 22:59:28 +00:00 · 2026-03-07 22:57:22 +00:00 · 2026-03-07 22:57:16 +00:00 · 2026-03-07 22:57:08 +00:00 · 2026-03-07 22:57:02 +00:00 · 2026-03-07 22:55:25 +00:00
3 changed files with 64 additions and 59 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,56 +1,20 @@
 import type { Metadata } from "next";
-import { Halant } from "next/font/google";
 import { Inter } from "next/font/google";
-import { Public_Sans } from "next/font/google";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";

-const halant = Halant({
-  variable: "--font-halant",  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
-});
-
-const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
-});
-
-const publicSans = Public_Sans({
-  variable: "--font-public-sans",  subsets: ["latin"],
-});
+const inter = Inter({ subsets: ["latin"] });

 export const metadata: Metadata = {
-  title: "Mindex AI | Intelligent Marketing Automation",  description: "Transform your marketing with AI-powered content generation, real-time analytics, and intelligent personalization. Start your free 14-day trial today.",  keywords: "AI marketing, marketing automation, content generation, AI copywriting, marketing analytics, personalization engine",  metadataBase: new URL("https://mindex.ai"),
-  openGraph: {
-    title: "Mindex AI | Intelligent Marketing Automation",    description: "Marketing automation powered by advanced AI. Generate campaigns, optimize performance, engage customers with precision.",    siteName: "Mindex AI",    type: "website",    images: [
-      {
-        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdWCGTUmxjPQZM4XzNfED6RccT/a-sleek-ai-dashboard-interface-with-clea-1772922867643-9c49e8f2.png",        alt: "Mindex AI marketing dashboard"},
-    ],
-  },
-  twitter: {
-    card: "summary_large_image",    title: "Mindex AI | Intelligent Marketing Automation",    description: "AI-powered marketing automation for modern teams. Generate content, optimize campaigns, and personalize at scale.",    images: [
-      "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdWCGTUmxjPQZM4XzNfED6RccT/a-sleek-ai-dashboard-interface-with-clea-1772922867643-9c49e8f2.png"],
-  },
-  robots: {
-    index: true,
-    follow: true,
-  },
-};
+  title: "Mindex AI",  description: "Intelligent marketing automation powered by advanced AI"};

 export default function RootLayout({
  children,
-}: Readonly<{
+}: {
  children: React.ReactNode;
-}>) {
+}) {
  return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={`${halant.variable} ${inter.variable} ${publicSans.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
+    <html lang="en">
+      <body className={inter.className}>{children}
        <script
          dangerouslySetInnerHTML={{
            __html: `
@@ -1418,7 +1382,6 @@ export default function RootLayout({
          }}
        />
      </body>
-      </ServiceWrapper>
    </html>
  );
 }
--- a/src/app/page.tsx
+++ b/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 (
@@ -77,13 +78,13 @@ export default function LandingPage() {
          description="Mindex combines cutting-edge AI with intuitive design to transform how you create and manage marketing campaigns."
          features={[
            {
-              id: "1",              title: "AI Content Generation",              description: "Create high-performing copy, email sequences, and social media content in seconds. Our AI learns your brand voice and optimizes every message for maximum impact.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdWCGTUmxjPQZM4XzNfED6RccT/an-illustration-of-ai-powered-content-wr-1772922867411-058f6b7f.png",              imageAlt: "AI-powered content writing interface"
+              id: "1",              title: "AI Content Generation",              description: "Create high-performing copy, email sequences, and social media content in seconds. Our AI learns your brand voice and optimizes every message for maximum impact. Trusted by 10,000+ marketing teams worldwide.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdWCGTUmxjPQZM4XzNfED6RccT/an-illustration-of-ai-powered-content-wr-1772922867411-058f6b7f.png",              imageAlt: "AI-powered content writing interface"
            },
            {
-              id: "2",              title: "Real-Time Analytics",              description: "Track campaign performance with beautiful, actionable dashboards. Get instant insights on engagement, conversions, and ROI to make smarter decisions faster.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdWCGTUmxjPQZM4XzNfED6RccT/clean-analytics-visualization-showing-ma-1772922870473-7fb1d649.png",              imageAlt: "Analytics dashboard with performance metrics"
+              id: "2",              title: "Real-Time Analytics",              description: "Track campaign performance with beautiful, actionable dashboards. Get instant insights on engagement, conversions, and ROI to make smarter decisions faster. SOC 2 Type II certified for enterprise security.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdWCGTUmxjPQZM4XzNfED6RccT/clean-analytics-visualization-showing-ma-1772922870473-7fb1d649.png",              imageAlt: "Analytics dashboard with performance metrics"
            },
            {
-              id: "3",              title: "Intelligent Personalization",              description: "Deliver the right message to the right person at the right time. Our AI engine personalizes every customer interaction based on behavior and preferences.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdWCGTUmxjPQZM4XzNfED6RccT/visual-representation-of-ai-powered-pers-1772922867144-6bf417b1.png",              imageAlt: "Customer personalization engine visualization"
+              id: "3",              title: "Intelligent Personalization",              description: "Deliver the right message to the right person at the right time. Our AI engine personalizes every customer interaction based on behavior and preferences. Proven to increase conversions by 3.2x on average.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdWCGTUmxjPQZM4XzNfED6RccT/visual-representation-of-ai-powered-pers-1772922867144-6bf417b1.png",              imageAlt: "Customer personalization engine visualization"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
@@ -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>
  );
-}
+}
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #0f0a1f;
-  --card: #1a1535;
-  --foreground: #e8e0ff;
-  --primary-cta: #6366f1;
-  --primary-cta-text: #f5f5f5;
-  --secondary-cta: #3730a3;
-  --secondary-cta-text: #1c1c1c;
-  --accent: #a78bfa;
-  --background-accent: #7c3aed;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000612e6;
+  --primary-cta: #106EFB;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000612e6;
+  --accent: #e2e2e2;
+  --background-accent: #106EFB;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	cdcedfdba8	Update src/app/page.tsx	2026-03-07 22:59:28 +00:00
bender	895b160539	Merge version_6 into main Merge version_6 into main	2026-03-07 22:57:22 +00:00
bender	b4aff00c07	Update theme colors	2026-03-07 22:57:16 +00:00
bender	ef8b82b9d8	Merge version_6 into main Merge version_6 into main	2026-03-07 22:57:08 +00:00
bender	9cdefe90ac	Update theme colors	2026-03-07 22:57:02 +00:00
bender	8eaefe0a29	Merge version_6 into main Merge version_6 into main	2026-03-07 22:55:25 +00:00
bender	dbe9b0403d	Update src/app/page.tsx	2026-03-07 22:55:21 +00:00
bender	dab5ced9d6	Merge version_5 into main Merge version_5 into main	2026-03-07 22:54:13 +00:00
bender	dcb5165a36	Update src/app/page.tsx	2026-03-07 22:54:09 +00:00
bender	5edb38a037	Merge version_4 into main Merge version_4 into main	2026-03-07 22:52:21 +00:00
bender	df6a8e5026	Update src/app/page.tsx	2026-03-07 22:52:16 +00:00
bender	27d446923d	Update src/app/layout.tsx	2026-03-07 22:52:16 +00:00
bender	b0a5570462	Merge version_3 into main Merge version_3 into main	2026-03-07 22:43:18 +00:00
bender	2a099180ff	Update theme colors	2026-03-07 22:43:12 +00:00
bender	9a65c52421	Merge version_3 into main Merge version_3 into main	2026-03-07 22:41:38 +00:00
bender	2465d3b618	Update src/app/styles/variables.css	2026-03-07 22:41:34 +00:00
bender	90d044bb52	Update src/app/page.tsx	2026-03-07 22:41:34 +00:00
bender	2f74cbffce	Merge version_2 into main Merge version_2 into main	2026-03-07 22:39:23 +00:00