Add src/app/pricing/page.tsx

Update src/app/page.tsx
Update src/app/layout.tsx
2026-03-05 05:18:17 +00:00 · 2026-03-05 05:18:17 +00:00 · 2026-03-05 05:18:16 +00:00
3 changed files with 175 additions and 25 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -22,7 +22,8 @@ const mulish = Mulish({
 export const metadata: Metadata = {
  title: "AI Automation Platform | AutomateAI",  description: "Transform your business with intelligent AI automation. Reduce manual work by 85%, boost productivity, and scale effortlessly. Start your free trial today.",  keywords: "AI automation, workflow automation, business automation, AI platform, enterprise automation, process automation",  metadataBase: new URL("https://automateai.com"),
  alternates: {
-    canonical: "https://automateai.com"},
+    canonical: "https://automateai.com"
+  },
  robots: {
    index: true,
    follow: true,
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,12 +30,13 @@ export default function LandingPage() {
          brandName="AutomateAI"
          navItems={[
            { name: "Features", id: "features" },
-            { name: "Pricing", id: "pricing" },
+            { name: "Pricing", id: "/pricing" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" },
          ]}
          button={{
-            text: "Start Free Trial",            href: "#contact"}}
+            text: "Start Free Trial",            href: "#contact"
+          }}
          animateOnLoad={true}
        />
      </div>
@@ -47,11 +48,14 @@ export default function LandingPage() {
          background={{ variant: "sparkles-gradient" }}
          avatars={[
            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/professional-headshot-of-a-confident-bus-1772687261217-ba485970.png",              alt: "Customer 1"},
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/professional-headshot-of-a-confident-bus-1772687261217-ba485970.png",              alt: "Customer 1"
+            },
            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/professional-headshot-of-a-female-tech-p-1772687260766-90b01def.png",              alt: "Customer 2"},
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/professional-headshot-of-a-female-tech-p-1772687260766-90b01def.png",              alt: "Customer 2"
+            },
            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/professional-headshot-of-a-male-entrepre-1772687261448-a4c8947c.png",              alt: "Customer 3"},
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/professional-headshot-of-a-male-entrepre-1772687261448-a4c8947c.png",              alt: "Customer 3"
+            },
          ]}
          avatarText="Trusted by 500+ enterprises"
          buttons={[
@@ -73,9 +77,11 @@ export default function LandingPage() {
          useInvertedBackground={true}
          features={[
            {
-              title: "Smart Workflow Automation",              description: "Automate complex business processes with intelligent decision-making and adaptive workflows.",              bentoComponent: "globe"},
+              title: "Smart Workflow Automation",              description: "Automate complex business processes with intelligent decision-making and adaptive workflows.",              bentoComponent: "globe"
+            },
            {
-              title: "Real-Time Analytics",              description: "Monitor automation performance with advanced analytics and detailed insights.",              bentoComponent: "animated-bar-chart"},
+              title: "Real-Time Analytics",              description: "Monitor automation performance with advanced analytics and detailed insights.",              bentoComponent: "animated-bar-chart"
+            },
            {
              title: "Multi-System Integration",              description: "Seamlessly connect with your existing tools and systems through powerful APIs.",              bentoComponent: "orbiting-icons",              centerIcon: Zap,
              items: [
@@ -87,7 +93,8 @@ export default function LandingPage() {
              ],
            },
            {
-              title: "Predictive Intelligence",              description: "AI learns from your data to predict outcomes and optimize processes automatically.",              bentoComponent: "line-chart"},
+              title: "Predictive Intelligence",              description: "AI learns from your data to predict outcomes and optimize processes automatically.",              bentoComponent: "line-chart"
+            },
          ]}
          carouselMode="buttons"
        />
@@ -105,22 +112,28 @@ export default function LandingPage() {
          features={[
            {
              icon: Shield,
-              title: "Enterprise Security",              description: "Military-grade encryption and compliance with SOC 2, GDPR, and HIPAA standards."},
+              title: "Enterprise Security",              description: "Military-grade encryption and compliance with SOC 2, GDPR, and HIPAA standards."
+            },
            {
              icon: Zap,
-              title: "Lightning Fast",              description: "Process millions of automations per minute with sub-millisecond latency."},
+              title: "Lightning Fast",              description: "Process millions of automations per minute with sub-millisecond latency."
+            },
            {
              icon: BarChart3,
-              title: "Advanced Monitoring",              description: "Real-time dashboards with detailed logs, alerts, and performance metrics."},
+              title: "Advanced Monitoring",              description: "Real-time dashboards with detailed logs, alerts, and performance metrics."
+            },
            {
              icon: Users,
-              title: "Team Collaboration",              description: "Build, test, and deploy automations with your entire team seamlessly."},
+              title: "Team Collaboration",              description: "Build, test, and deploy automations with your entire team seamlessly."
+            },
            {
              icon: GitBranch,
-              title: "Version Control",              description: "Manage workflow versions, rollbacks, and audit trails with full history."},
+              title: "Version Control",              description: "Manage workflow versions, rollbacks, and audit trails with full history."
+            },
            {
              icon: Brain,
-              title: "AI Learning",              description: "Machine learning models that improve automation accuracy over time."},
+              title: "AI Learning",              description: "Machine learning models that improve automation accuracy over time."
+            },
          ]}
        />
      </div>
@@ -132,17 +145,23 @@ export default function LandingPage() {
          author="Sarah Chen, CTO at TechCorp"
          avatars={[
            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/professional-headshot-of-a-confident-bus-1772687261217-ba485970.png",              alt: "Sarah Chen"},
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/professional-headshot-of-a-confident-bus-1772687261217-ba485970.png",              alt: "Sarah Chen"
+            },
            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/professional-headshot-of-a-female-tech-p-1772687260766-90b01def.png",              alt: "User 2"},
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/professional-headshot-of-a-female-tech-p-1772687260766-90b01def.png",              alt: "User 2"
+            },
            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/professional-headshot-of-a-male-entrepre-1772687261448-a4c8947c.png",              alt: "User 3"},
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/professional-headshot-of-a-male-entrepre-1772687261448-a4c8947c.png",              alt: "User 3"
+            },
            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/professional-headshot-of-a-diverse-profe-1772687261235-293f09ed.png",              alt: "User 4"},
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/professional-headshot-of-a-diverse-profe-1772687261235-293f09ed.png",              alt: "User 4"
+            },
            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/professional-headshot-of-a-senior-busine-1772687261179-4207526e.png",              alt: "User 5"},
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/professional-headshot-of-a-senior-busine-1772687261179-4207526e.png",              alt: "User 5"
+            },
            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/professional-headshot-of-a-young-tech-sp-1772687261149-a9182e46.png",              alt: "User 6"},
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFHEYmmiS2gGfSGgOhIws3MVkx/professional-headshot-of-a-young-tech-sp-1772687261149-a9182e46.png",              alt: "User 6"
+            },
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
@@ -164,7 +183,8 @@ export default function LandingPage() {
              id: "starter",              badge: "Popular",              badgeIcon: Zap,
              price: "$499/mo",              subtitle: "Perfect for growing teams",              buttons: [{ text: "Get Started", href: "#contact" }],
              features: [
-                "Up to 100 automations",                "Basic analytics",                "Email support",                "Community access",                "5 team members"],
+                "Up to 100 automations",                "Basic analytics",                "Email support",                "Community access",                "5 team members"
+              ],
            },
            {
              id: "professional",              badge: "Most Popular",              badgeIcon: Star,
@@ -173,13 +193,15 @@ export default function LandingPage() {
                { text: "Contact Sales", href: "#contact" },
              ],
              features: [
-                "Unlimited automations",                "Advanced analytics",                "Priority support",                "Custom integrations",                "50 team members",                "API access",                "Compliance reports"],
+                "Unlimited automations",                "Advanced analytics",                "Priority support",                "Custom integrations",                "50 team members",                "API access",                "Compliance reports"
+              ],
            },
            {
              id: "enterprise",              badge: "Custom",              badgeIcon: Crown,
              price: "Custom",              subtitle: "For large-scale operations",              buttons: [{ text: "Contact Sales", href: "#contact" }],
              features: [
-                "Everything in Professional",                "Unlimited team members",                "Dedicated support",                "Custom SLA",                "White-label options",                "On-premise deployment",                "Advanced security features"],
+                "Everything in Professional",                "Unlimited team members",                "Dedicated support",                "Custom SLA",                "White-label options",                "On-premise deployment",                "Advanced security features"
+              ],
            },
          ]}
          carouselMode="buttons"
@@ -207,7 +229,7 @@ export default function LandingPage() {
            {
              title: "Product",              items: [
                { label: "Features", href: "#features" },
-                { label: "Pricing", href: "#pricing" },
+                { label: "Pricing", href: "/pricing" },
                { label: "Security", href: "#" },
                { label: "Roadmap", href: "#" },
              ],
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -0,0 +1,127 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { Star, Zap, Crown, Rocket } from "lucide-react";
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-bubble"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="AutomateAI"
+          navItems={[
+            { name: "Features", id: "features" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "Testimonials", id: "testimonials" },
+            { name: "Contact", id: "contact" },
+          ]}
+          button={{
+            text: "Start Free Trial",            href: "#contact"
+          }}
+          animateOnLoad={true}
+        />
+      </div>
+
+      <div id="pricing" data-section="pricing">
+        <PricingCardEight
+          title="Simple, Transparent Pricing"
+          description="Choose the plan that fits your needs. Scale as you grow."
+          tag="Pricing"
+          tagAnimation="slide-up"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          plans={[
+            {
+              id: "starter",              badge: "Popular",              badgeIcon: Zap,
+              price: "$499/mo",              subtitle: "Perfect for growing teams",              buttons: [{ text: "Get Started", href: "#contact" }],
+              features: [
+                "Up to 100 automations",                "Basic analytics",                "Email support",                "Community access",                "5 team members"
+              ],
+            },
+            {
+              id: "professional",              badge: "Most Popular",              badgeIcon: Star,
+              price: "$1,499/mo",              subtitle: "For established enterprises",              buttons: [
+                { text: "Start Free Trial", href: "#contact" },
+                { text: "Contact Sales", href: "#contact" },
+              ],
+              features: [
+                "Unlimited automations",                "Advanced analytics",                "Priority support",                "Custom integrations",                "50 team members",                "API access",                "Compliance reports"
+              ],
+            },
+            {
+              id: "enterprise",              badge: "Custom",              badgeIcon: Crown,
+              price: "Custom",              subtitle: "For large-scale operations",              buttons: [{ text: "Contact Sales", href: "#contact" }],
+              features: [
+                "Everything in Professional",                "Unlimited team members",                "Dedicated support",                "Custom SLA",                "White-label options",                "On-premise deployment",                "Advanced security features"
+              ],
+            },
+          ]}
+          carouselMode="buttons"
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Get Started"
+          title="Ready to Transform Your Business?"
+          description="Join hundreds of enterprises already automating their workflows. Get started with a free trial today—no credit card required."
+          tagIcon={Rocket}
+          tagAnimation="slide-up"
+          background={{ variant: "rotated-rays-animated-grid" }}
+          useInvertedBackground={true}
+          inputPlaceholder="Enter your work email"
+          buttonText="Start Free Trial"
+          termsText="By signing up, you agree to our Terms of Service and Privacy Policy. We respect your privacy."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          columns={[
+            {
+              title: "Product",              items: [
+                { label: "Features", href: "#features" },
+                { label: "Pricing", href: "/pricing" },
+                { label: "Security", href: "#" },
+                { label: "Roadmap", href: "#" },
+              ],
+            },
+            {
+              title: "Company",              items: [
+                { label: "About", href: "#" },
+                { label: "Blog", href: "#" },
+                { label: "Careers", href: "#" },
+                { label: "Contact", href: "#contact" },
+              ],
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Cookie Policy", href: "#" },
+                { label: "Status", href: "#" },
+              ],
+            },
+          ]}
+          copyrightText="© 2025 AutomateAI. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
Author	SHA1	Message	Date
bender	58d546172a	Add src/app/pricing/page.tsx	2026-03-05 05:18:17 +00:00
bender	c7a088e3bc	Update src/app/page.tsx	2026-03-05 05:18:17 +00:00
bender	48d2169edd	Update src/app/layout.tsx	2026-03-05 05:18:16 +00:00