Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-03-29 08:56:48 +00:00
2 changed files with 33 additions and 27 deletions

View File

@@ -4,10 +4,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Zap, TrendingUp, Users, Calendar, Share2, Code } from "lucide-react";
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Zap, TrendingUp, Users, Calendar, Share2, Code, ArrowRight } from "lucide-react";
export default function HomePage() {
return (
@@ -72,35 +72,41 @@ export default function HomePage() {
/>
</div>
<div id="pricing-section" data-section="pricing-section" className="py-24">
<PricingCardTwo
<PricingCardFive
title="Scale Your Success"
description="Transparent pricing for high-impact AI marketing."
description="Transparent, enterprise-grade pricing for high-impact AI marketing performance."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
textboxLayout="split"
useInvertedBackground={true}
plans={[
{ id: "basic", badge: "Growth", price: "$2,999", subtitle: "Perfect for emerging startups", features: ["4 AI Agents", "Basic CRM", "Standard n8n"], buttons: [{ text: "Select Plan", href: "/auth" }] },
{ id: "pro", badge: "Power", price: "$5,999", subtitle: "For scaling businesses", features: ["8 AI Agents", "Full CRM", "Advanced n8n"], buttons: [{ text: "Select Plan", href: "/auth" }] },
{ id: "enterprise", badge: "Elite", price: "$12,999", subtitle: "Full platform potential", features: ["12 AI Agents", "Unlimited CRM", "Dedicated Support"], buttons: [{ text: "Select Plan", href: "/auth" }] }
{ id: "basic", tag: "Essential", price: "$2,999", period: "/mo", description: "For teams starting their autonomous journey.", featuresTitle: "What's Included", features: ["4 AI Agents", "Basic CRM Access", "Standard n8n Templates"], button: { text: "Get Started" } },
{ id: "pro", tag: "Growth", price: "$5,999", period: "/mo", description: "For scaling businesses needing full automation.", featuresTitle: "What's Included", features: ["8 AI Agents", "Full CRM Suite", "Advanced n8n Workflows"], button: { text: "Upgrade Pro" } },
{ id: "enterprise", tag: "Elite", price: "$12,999", period: "/mo", description: "Unlimited potential with white-glove support.", featuresTitle: "What's Included", features: ["12 AI Agents", "Unlimited CRM & Data", "Dedicated Strategy Lead"], button: { text: "Contact Sales" } }
]}
/>
</div>
<div id="faq-section" data-section="faq-section">
<FaqSplitMedia
title="Common Questions"
description="Everything you need to know about our Go-based AI marketing platform."
<FaqSplitText
sideTitle="Expert Insights"
sideDescription="Answers to the most common questions about our AI-native infrastructure."
faqsAnimation="blur-reveal"
textboxLayout="split"
useInvertedBackground={true}
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "How does Go backend help?", content: "Our Go backend ensures ultra-low latency, high concurrency, and massive scalability compared to traditional node-only stacks." },
{ id: "f2", title: "Is CRM included?", content: "Yes, our robust CRM is integrated directly into the agents' workflow." },
{ id: "f3", title: "Can I custom build agents?", content: "Absolutely, our system allows for modular extension through our Go & n8n interface." }
{ id: "f1", title: "How does the Go backend perform?", content: "Our Go-based architecture ensures ultra-low latency, robust thread-safety, and seamless high-concurrency scaling for your heaviest marketing loads." },
{ id: "f2", title: "Can I integrate with my CRM?", content: "Absolutely. Our CRM system is natively built into the agent orchestration layer, providing deep synchronization with your existing data environment." },
{ id: "f3", title: "How customizable are the agents?", content: "We provide a modular API-first architecture, allowing you to define custom agent behaviors via our interface or direct n8n workflow integrations." }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard logoText="AI-MarketOS" copyrightText="© 2025 AI-MarketOS. Built with Go & MERN." />
<FooterLogoEmphasis
logoText="AI-MarketOS"
columns={[
{ items: [{ label: "Platform" }, { label: "Security" }, { label: "Privacy Policy" }] },
{ items: [{ label: "Agents" }, { label: "Workflows" }, { label: "Integrations" }] },
{ items: [{ label: "Support" }, { label: "Contact Sales" }, { label: "Documentation" }] }
]}
/>
</div>
</ThemeProvider>
);

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #000000;
--card: #0c0c0c;
--foreground: #ffffff;
--primary-cta: #106EFB;
--background: #fbfbfb;
--card: #ffffff;
--foreground: #0a0a0a;
--primary-cta: #1a1a1a;
--primary-cta-text: #ffffff;
--secondary-cta: #000000;
--secondary-cta: #f1f1f1;
--secondary-cta-text: #ffffff;
--accent: #535353;
--background-accent: #106EFB;
--accent: #e5e5e5;
--background-accent: #f4f4f4;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);