Update src/app/page.tsx

Merge version_7 into main
2026-03-07 23:09:00 +00:00 · 2026-03-07 22:59:32 +00:00 · 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
3 changed files with 84 additions and 61 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
@@ -8,10 +8,11 @@ import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwe
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 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, Globe, Smartphone, Megaphone, MessageSquare, Cpu, Package } from 'lucide-react';

 export default function LandingPage() {
  return (
@@ -32,7 +33,7 @@ export default function LandingPage() {
          navItems={[
            { name: "About", id: "about" },
            { name: "Features", id: "features" },
-            { name: "Services", id: "services" },
+            { name: "Pricing", id: "pricing" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
@@ -50,7 +51,7 @@ export default function LandingPage() {
            { text: "View Demo", href: "features" }
          ]}
          buttonAnimation="slide-up"
-          background={{ variant: "plain" }}
+          background={{ variant: "radial-gradient" }}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdWCGTUmxjPQZM4XzNfED6RccT/a-sleek-ai-dashboard-interface-with-clea-1772922867643-9c49e8f2.png"
          imageAlt="Mindex AI marketing dashboard interface"
          mediaAnimation="slide-up"
@@ -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,66 @@ export default function LandingPage() {
        />
      </div>

+      <div id="pricing" data-section="pricing">
+        <PricingCardThree
+          tag="Pricing"
+          title="Plans tailored for small local businesses"
+          description="Choose the perfect package for your mom and pop shop or local business. All plans include everything you need to grow."
+          plans={[
+            {
+              id: "1",              price: "$59/mo",              name: "Starter",              buttons: [
+                { text: "Get Started", href: "contact" },
+                { text: "Learn More", href: "#" }
+              ],
+              features: [
+                "Professional website",                "Basic branding package",                "Email support",                "Monthly social media management (3 posts)",                "Basic analytics"
+              ]
+            },
+            {
+              id: "2",              badge: "Most popular",              badgeIcon: Sparkles,
+              price: "$299/mo",              name: "Growth",              buttons: [
+                { text: "Get Started", href: "contact" },
+                { text: "Learn More", href: "#" }
+              ],
+              features: [
+                "Website + domain",                "Complete branding (logo, colors, guidelines)",                "Consulting & strategy sessions (2x/month)",                "Social media management (daily posting)",                "AI-powered social content creation",                "Basic advertising setup",                "Priority email support",                "Monthly performance reports"
+              ]
+            },
+            {
+              id: "3",              price: "$799/mo",              name: "Professional",              buttons: [
+                { text: "Get Started", href: "contact" },
+                { text: "Learn More", href: "#" }
+              ],
+              features: [
+                "Professional website with e-commerce",                "Premium branding & design",                "Weekly consulting & strategy",                "Full advertising management (Google, Meta, TikTok)",                "Advanced social media management",                "AI call assistant for customer service",                "Email marketing automation",                "Phone & email support",                "Weekly analytics reviews"
+              ]
+            },
+            {
+              id: "4",              price: "$1,499/mo",              name: "Premium",              buttons: [
+                { text: "Contact Sales", href: "contact" },
+                { text: "Schedule Demo", href: "#" }
+              ],
+              features: [
+                "Everything in Professional",                "Custom web development",                "Bi-weekly strategy consulting",                "Multi-channel advertising management",                "Advanced AI automation setup",                "24/7 phone support",                "Dedicated account manager",                "Custom integrations"
+              ]
+            },
+            {
+              id: "5",              price: "$3,499/mo",              name: "Enterprise",              buttons: [
+                { text: "Contact Sales", href: "contact" },
+                { text: "Schedule Demo", href: "#" }
+              ],
+              features: [
+                "Everything in Premium",                "Full business automation suite",                "Weekly strategy & optimization",                "Custom AI solutions",                "Complete marketing overhaul",                "Dedicated team support",                "Unlimited revisions",                "Priority implementation"
+              ]
+            }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          ariaLabel="Pricing section"
+        />
+      </div>
+
      <div id="faq" data-section="faq">
        <FaqDouble
          tag="FAQ"
@@ -195,8 +256,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 +279,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: #f5f5f5;
-  --card: #ffffff;
-  --foreground: #1c1c1c;
-  --primary-cta: #1c1c1c;
-  --primary-cta-text: #f5f5f5;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #1c1c1c;
-  --accent: #e63946;
-  --background-accent: #e8bea8;
+  --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	c8959505ed	Update src/app/page.tsx	2026-03-07 23:09:00 +00:00
bender	1d2a9147b8	Merge version_7 into main Merge version_7 into main	2026-03-07 22:59:32 +00:00
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
bender	47373e5624	Update src/app/styles/variables.css	2026-03-07 22:39:20 +00:00
bender	e83b73b8d1	Update src/app/page.tsx	2026-03-07 22:39:19 +00:00