|
|
|
|
@@ -1,222 +1,343 @@
|
|
|
|
|
"use client";
|
|
|
|
|
'use client';
|
|
|
|
|
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
|
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
|
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
|
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
|
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
|
|
|
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
|
|
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
|
|
|
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
|
|
|
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
|
|
|
import TimelineHorizontalCardStack from '@/components/cardStack/layouts/timelines/TimelineHorizontalCardStack';
|
|
|
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
|
|
|
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 SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
|
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
|
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
|
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
|
|
|
import { Sparkles, TrendingUp, Zap, Shield, Hexagon, House, MessageSquareText, Settings, CircleDollarSign, ArrowLeftRight, Send, Twitter, Linkedin, Globe, Check } from 'lucide-react';
|
|
|
|
|
|
|
|
|
|
const page = () => {
|
|
|
|
|
const navItems = [
|
|
|
|
|
{ name: 'Home', id: '/' },
|
|
|
|
|
{ name: 'Features', id: '#features' },
|
|
|
|
|
{ name: 'Process', id: '#process' },
|
|
|
|
|
{ name: 'Testimonials', id: '#testimonials' },
|
|
|
|
|
{ name: 'Pricing', id: '#pricing' },
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
const features = [
|
|
|
|
|
{
|
|
|
|
|
id: '01',
|
|
|
|
|
title: 'Real-Time Intelligence',
|
|
|
|
|
description: 'Monitor protocol revenue, trading volume, and wallet activity with live updates.',
|
|
|
|
|
imageSrc: 'https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=800&h=600&fit=crop',
|
|
|
|
|
imageAlt: 'Real-time intelligence dashboard'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: '02',
|
|
|
|
|
title: 'Advanced Analytics',
|
|
|
|
|
description: 'Deep insights into market trends and on-chain metrics with predictive analysis.',
|
|
|
|
|
imageSrc: 'https://images.unsplash.com/photo-1560707303-4e980ce876ad?w=800&h=600&fit=crop',
|
|
|
|
|
imageAlt: 'Advanced analytics interface'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: '03',
|
|
|
|
|
title: 'Secure Infrastructure',
|
|
|
|
|
description: 'Enterprise-grade security with encrypted data transfer and compliance standards.',
|
|
|
|
|
imageSrc: 'https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=800&h=600&fit=crop',
|
|
|
|
|
imageAlt: 'Secure infrastructure'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: '04',
|
|
|
|
|
title: 'Custom Integration',
|
|
|
|
|
description: 'Seamless API integration with your existing systems and workflows.',
|
|
|
|
|
imageSrc: 'https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=800&h=600&fit=crop',
|
|
|
|
|
imageAlt: 'Custom integration setup'
|
|
|
|
|
}
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
const testimonials = [
|
|
|
|
|
{
|
|
|
|
|
id: '1',
|
|
|
|
|
title: 'Transformed Our Data Strategy',
|
|
|
|
|
quote: 'Temple AI gave us the insights we needed to make confident decisions. The real-time data has been invaluable to our strategy.',
|
|
|
|
|
name: 'Sarah Mitchell',
|
|
|
|
|
role: 'CEO of TechFlow Solutions',
|
|
|
|
|
imageSrc: 'https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop',
|
|
|
|
|
imageAlt: 'Sarah Mitchell headshot'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: '2',
|
|
|
|
|
title: 'Best Analytics Platform',
|
|
|
|
|
quote: "The accuracy and speed of Temple AI's analytics platform exceeded all our expectations. Implementation was smooth and support was exceptional.", name: 'Marcus Johnson',
|
|
|
|
|
role: 'Director of Analytics at DataCorp',
|
|
|
|
|
imageSrc: 'https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop',
|
|
|
|
|
imageAlt: 'Marcus Johnson headshot'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: '3',
|
|
|
|
|
title: 'Incredible ROI',
|
|
|
|
|
quote: 'We saw measurable improvements in our operations within the first month. Temple AI is now central to our decision-making process.',
|
|
|
|
|
name: 'Elena Chen',
|
|
|
|
|
role: 'VP of Operations at InnovateCo',
|
|
|
|
|
imageSrc: 'https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop',
|
|
|
|
|
imageAlt: 'Elena Chen headshot'
|
|
|
|
|
}
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
const pricingPlans = [
|
|
|
|
|
{
|
|
|
|
|
id: '1',
|
|
|
|
|
badge: 'Starter',
|
|
|
|
|
badgeIcon: Sparkles,
|
|
|
|
|
price: '$99/mo',
|
|
|
|
|
subtitle: 'Perfect for getting started with real-time intelligence',
|
|
|
|
|
buttons: [
|
|
|
|
|
{ text: 'Get Started', href: 'https://example.com/start' },
|
|
|
|
|
{ text: 'Learn More', href: 'https://example.com/docs' }
|
|
|
|
|
],
|
|
|
|
|
features: [
|
|
|
|
|
'Real-time data access',
|
|
|
|
|
'Basic analytics dashboard',
|
|
|
|
|
'Up to 5 API keys',
|
|
|
|
|
'Email support',
|
|
|
|
|
'Monthly reports'
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: '2',
|
|
|
|
|
badge: 'Professional',
|
|
|
|
|
badgeIcon: TrendingUp,
|
|
|
|
|
price: '$499/mo',
|
|
|
|
|
subtitle: 'Ideal for growing teams with advanced needs',
|
|
|
|
|
buttons: [
|
|
|
|
|
{ text: 'Get Started', href: 'https://example.com/start' },
|
|
|
|
|
{ text: 'Contact Sales', href: 'https://example.com/sales' }
|
|
|
|
|
],
|
|
|
|
|
features: [
|
|
|
|
|
'All Starter features',
|
|
|
|
|
'Advanced predictive analysis',
|
|
|
|
|
'Unlimited API keys',
|
|
|
|
|
'Priority support',
|
|
|
|
|
'Custom integrations',
|
|
|
|
|
'Real-time alerts'
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: '3',
|
|
|
|
|
badge: 'Enterprise',
|
|
|
|
|
badgeIcon: Shield,
|
|
|
|
|
price: 'Custom',
|
|
|
|
|
subtitle: 'Complete solution for large-scale operations',
|
|
|
|
|
buttons: [
|
|
|
|
|
{ text: 'Schedule Demo', href: 'https://example.com/demo' },
|
|
|
|
|
{ text: 'Contact Us', href: 'https://example.com/contact' }
|
|
|
|
|
],
|
|
|
|
|
features: [
|
|
|
|
|
'All Professional features',
|
|
|
|
|
'Dedicated account manager',
|
|
|
|
|
'Custom SLA guarantees',
|
|
|
|
|
'White-label options',
|
|
|
|
|
'24/7 phone support',
|
|
|
|
|
'Advanced security features'
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
const processMediaItems = [
|
|
|
|
|
{
|
|
|
|
|
imageSrc: 'https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=600&h=400&fit=crop',
|
|
|
|
|
imageAlt: 'Step 1: Data Collection'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: 'https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=600&h=400&fit=crop',
|
|
|
|
|
imageAlt: 'Step 2: Analysis'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: 'https://images.unsplash.com/photo-1560707303-4e980ce876ad?w=600&h=400&fit=crop',
|
|
|
|
|
imageAlt: 'Step 3: Insights'
|
|
|
|
|
}
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="text-shift"
|
|
|
|
|
defaultButtonVariant="hover-magnetic"
|
|
|
|
|
defaultTextAnimation="entrance-slide"
|
|
|
|
|
borderRadius="soft"
|
|
|
|
|
contentWidth="compact"
|
|
|
|
|
sizing="large"
|
|
|
|
|
background="blurBottom"
|
|
|
|
|
cardStyle="outline"
|
|
|
|
|
primaryButtonStyle="primary-glow"
|
|
|
|
|
secondaryButtonStyle="layered"
|
|
|
|
|
headingFontWeight="normal"
|
|
|
|
|
borderRadius="rounded"
|
|
|
|
|
contentWidth="mediumLarge"
|
|
|
|
|
sizing="mediumLarge"
|
|
|
|
|
background="none"
|
|
|
|
|
cardStyle="solid"
|
|
|
|
|
primaryButtonStyle="gradient"
|
|
|
|
|
secondaryButtonStyle="glass"
|
|
|
|
|
headingFontWeight="bold"
|
|
|
|
|
>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarStyleCentered
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
|
{ name: "Features", id: "features" },
|
|
|
|
|
{ name: "Services", id: "services" },
|
|
|
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
|
|
|
{ name: "Contact", id: "contact" }
|
|
|
|
|
]}
|
|
|
|
|
button={{ text: "Get Started", href: "contact" }}
|
|
|
|
|
brandName="Mindex AI"
|
|
|
|
|
<NavbarLayoutFloatingOverlay
|
|
|
|
|
navItems={navItems}
|
|
|
|
|
brandName="Temple AI"
|
|
|
|
|
button={{
|
|
|
|
|
text: 'Get Started',
|
|
|
|
|
href: 'https://example.com/signup'
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroLogoBillboard
|
|
|
|
|
logoText="Mindex AI"
|
|
|
|
|
description="Intelligent marketing automation powered by advanced AI. Generate compelling campaigns, optimize performance, and engage customers with unprecedented precision."
|
|
|
|
|
<HeroBillboardDashboard
|
|
|
|
|
background={{ variant: 'radial-gradient' }}
|
|
|
|
|
tag="Live Analytics"
|
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
|
title="Real-Time On-Chain Intelligence"
|
|
|
|
|
description="Monitor protocol revenue, trading volume, and wallet activity with advanced analytics powered by Temple AI."
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Start Free Trial", href: "contact" },
|
|
|
|
|
{ text: "View Demo", href: "features" }
|
|
|
|
|
{ text: 'Get Started', href: 'https://example.com/start' },
|
|
|
|
|
{ text: 'View Docs', href: 'https://example.com/docs' }
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
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"
|
|
|
|
|
frameStyle="card"
|
|
|
|
|
ariaLabel="Mindex AI hero section"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<TextAbout
|
|
|
|
|
tag="About Mindex"
|
|
|
|
|
title="Marketing automation designed for modern teams. Powered by AI you can trust."
|
|
|
|
|
buttons={[{ text: "Learn More", href: "features" }]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
ariaLabel="About Mindex section"
|
|
|
|
|
dashboard={{
|
|
|
|
|
title: 'On-Chain Metrics Hub',
|
|
|
|
|
logoIcon: Hexagon,
|
|
|
|
|
imageSrc: 'https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=100&h=100&fit=crop&crop=face',
|
|
|
|
|
buttons: [
|
|
|
|
|
{ text: 'Dashboard', href: '#' },
|
|
|
|
|
{ text: 'Export CSV', href: '#' }
|
|
|
|
|
],
|
|
|
|
|
sidebarItems: [
|
|
|
|
|
{ icon: House, active: true },
|
|
|
|
|
{ icon: MessageSquareText },
|
|
|
|
|
{ icon: Settings }
|
|
|
|
|
],
|
|
|
|
|
stats: [
|
|
|
|
|
{
|
|
|
|
|
title: 'Revenue',
|
|
|
|
|
values: [178425, 245890, 312750],
|
|
|
|
|
valuePrefix: '$',
|
|
|
|
|
description: 'Protocol fees.'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'Volume',
|
|
|
|
|
values: [7.84, 12.5, 9.32],
|
|
|
|
|
valuePrefix: '$',
|
|
|
|
|
valueSuffix: 'M',
|
|
|
|
|
description: 'Transaction flow.'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'Wallets',
|
|
|
|
|
values: [11240, 15680, 13450],
|
|
|
|
|
description: 'Active wallets.'
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
chartTitle: 'Staking Rewards',
|
|
|
|
|
chartData: [{ value: 50 }, { value: 30 }, { value: 70 }, { value: 40 }, { value: 90 }],
|
|
|
|
|
listTitle: 'Treasury Transfers',
|
|
|
|
|
listItems: [
|
|
|
|
|
{ icon: CircleDollarSign, title: '$12,000 USDC', status: 'Confirmed' },
|
|
|
|
|
{ icon: ArrowLeftRight, title: 'Swap: 5 ETH', status: 'Executed' },
|
|
|
|
|
{ icon: Send, title: 'Transfer: 2,500 DAI', status: 'Confirmed' }
|
|
|
|
|
]
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="features" data-section="features">
|
|
|
|
|
<FeatureCardTwentySeven
|
|
|
|
|
tag="Core Features"
|
|
|
|
|
title="Intelligent marketing at your fingertips"
|
|
|
|
|
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: "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: "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"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
<FeatureCardThree
|
|
|
|
|
features={features}
|
|
|
|
|
title="Powerful Features"
|
|
|
|
|
description="Everything you need to stay ahead of the market."
|
|
|
|
|
tag="Features"
|
|
|
|
|
tagIcon={Zap}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
buttons={[{ text: "Explore All Features", href: "contact" }]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
ariaLabel="Features section"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
|
|
|
<MetricCardThree
|
|
|
|
|
tag="By The Numbers"
|
|
|
|
|
title="Proven results for forward-thinking teams"
|
|
|
|
|
description="Mindex is trusted by leading companies to deliver measurable marketing impact."
|
|
|
|
|
metrics={[
|
|
|
|
|
{ id: "1", icon: Zap, title: "Time Saved", value: "65%" },
|
|
|
|
|
{ id: "2", icon: TrendingUp, title: "Conversions", value: "+3.2x" },
|
|
|
|
|
{ id: "3", icon: Users, title: "Active Users", value: "10,000+" },
|
|
|
|
|
{ id: "4", icon: CheckCircle, title: "Success Rate", value: "98%" }
|
|
|
|
|
]}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
<div id="process" data-section="process">
|
|
|
|
|
<TimelineHorizontalCardStack
|
|
|
|
|
title="Our Process"
|
|
|
|
|
description="Follow our proven step-by-step approach to enterprise intelligence."
|
|
|
|
|
tag="How It Works"
|
|
|
|
|
tagIcon={TrendingUp}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
mediaItems={processMediaItems}
|
|
|
|
|
>
|
|
|
|
|
<div>
|
|
|
|
|
<h3 className="font-bold text-lg">Data Collection</h3>
|
|
|
|
|
<p className="text-sm text-gray-600">We gather real-time data from multiple on-chain sources and protocols.</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<h3 className="font-bold text-lg">Analysis</h3>
|
|
|
|
|
<p className="text-sm text-gray-600">Advanced algorithms process and analyze the data for meaningful insights.</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<h3 className="font-bold text-lg">Insights</h3>
|
|
|
|
|
<p className="text-sm text-gray-600">Actionable intelligence delivered through intuitive dashboards and reports.</p>
|
|
|
|
|
</div>
|
|
|
|
|
</TimelineHorizontalCardStack>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardTen
|
|
|
|
|
testimonials={testimonials}
|
|
|
|
|
title="Trusted by Industry Leaders"
|
|
|
|
|
description="See what our customers have to say about Temple AI."
|
|
|
|
|
tag="Testimonials"
|
|
|
|
|
tagIcon={Shield}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
buttons={[{ text: "See Case Studies", href: "contact" }]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
ariaLabel="Metrics section"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
|
|
|
<SocialProofOne
|
|
|
|
|
tag="Trusted Partners"
|
|
|
|
|
title="Partnered with industry leaders"
|
|
|
|
|
description="Mindex integrates seamlessly with the tools your team already loves."
|
|
|
|
|
names={["HubSpot", "Salesforce", "Google Analytics", "Microsoft Teams", "Stripe", "Intercom", "Segment"]}
|
|
|
|
|
title="Trusted by Leading Companies"
|
|
|
|
|
description="Join thousands of organizations using Temple AI for advanced intelligence."
|
|
|
|
|
tag="Partners"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
names={['TechFlow', 'DataCorp', 'InnovateCo', 'CloudSync', 'FinanceHub', 'SecurityFirst']}
|
|
|
|
|
speed={40}
|
|
|
|
|
showCard={true}
|
|
|
|
|
ariaLabel="Social proof section"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardTen
|
|
|
|
|
tag="Customer Stories"
|
|
|
|
|
title="Trusted by innovative marketing teams"
|
|
|
|
|
description="See how leading companies are transforming their marketing with Mindex AI."
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", title: "Time-saving powerhouse for our team", quote: "Mindex has completely transformed how we approach content creation. What used to take hours now takes minutes, and the quality is consistently excellent. Our team has never been more productive.", name: "Sarah Mitchell", role: "VP of Marketing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdWCGTUmxjPQZM4XzNfED6RccT/professional-headshot-portrait-of-a-conf-1772922866372-6a95b974.png", imageAlt: "Sarah Mitchell"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", title: "Exceptional AI that truly understands marketing", quote: "The personalization engine is genuinely impressive. We've seen a 3x improvement in conversion rates since implementing Mindex. The AI actually learns from our campaigns and gets smarter over time.", name: "David Chen", role: "Chief Marketing Officer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdWCGTUmxjPQZM4XzNfED6RccT/professional-headshot-portrait-of-a-mark-1772922866645-4ed6920a.png", imageAlt: "David Chen"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", title: "Clean interface, powerful capabilities", quote: "We were skeptical about AI marketing tools, but Mindex proved us wrong. The interface is intuitive, the support is excellent, and the results speak for themselves. Highly recommended.", name: "Emma Rodriguez", role: "Marketing Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdWCGTUmxjPQZM4XzNfED6RccT/professional-headshot-portrait-of-a-busi-1772922868018-a696136d.png", imageAlt: "Emma Rodriguez"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", title: "The future of marketing automation", quote: "Mindex isn't just another marketing tool—it's a game-changer. The AI insights have helped us identify new audience segments and opportunities we never knew existed. ROI has improved dramatically.", name: "James Wilson", role: "Growth Lead", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdWCGTUmxjPQZM4XzNfED6RccT/professional-headshot-portrait-of-a-grow-1772922866622-b913c51b.png", imageAlt: "James Wilson"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
|
|
|
<PricingCardTwo
|
|
|
|
|
plans={pricingPlans}
|
|
|
|
|
title="Simple, Transparent Pricing"
|
|
|
|
|
description="Choose the perfect plan for your organization's needs."
|
|
|
|
|
tag="Pricing"
|
|
|
|
|
tagIcon={CircleDollarSign}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
ariaLabel="Testimonials section"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="faq" data-section="faq">
|
|
|
|
|
<FaqDouble
|
|
|
|
|
tag="FAQ"
|
|
|
|
|
title="Common questions answered"
|
|
|
|
|
description="Everything you need to know about Mindex AI and how it can transform your marketing."
|
|
|
|
|
faqs={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", title: "How does Mindex AI learn my brand voice?", content: "Mindex uses advanced machine learning to analyze your existing marketing content, brand guidelines, and customer interactions. Our AI engine develops a nuanced understanding of your unique voice and tone, ensuring all generated content aligns perfectly with your brand identity."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", title: "Is my marketing data secure?", content: "Security is paramount. All data is encrypted end-to-end and stored on secure, compliant servers. We maintain SOC 2 Type II certification and comply with GDPR, CCPA, and other major data protection regulations."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", title: "Can I integrate Mindex with existing tools?", content: "Yes! Mindex seamlessly integrates with HubSpot, Salesforce, Google Analytics, Microsoft Teams, Stripe, Intercom, Segment, and more. Our API also allows for custom integrations with any platform."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", title: "What kind of support does Mindex offer?", content: "We provide 24/7 email support for all plans, plus phone and live chat support for premium customers. Every customer gets access to our comprehensive knowledge base, video tutorials, and monthly webinars."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "5", title: "How quickly will I see results?", content: "Most customers see measurable improvements within the first 2 weeks. Early wins typically include faster content creation and better email open rates. Long-term benefits like improved conversions and customer lifetime value typically emerge over 2-3 months."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "6", title: "Is there a free trial available?", content: "Absolutely! Start with our free trial and get full access to core features for 14 days. No credit card required. Premium features can be accessed during the trial period at no cost."
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
animationType="smooth"
|
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
ariaLabel="FAQ section"
|
|
|
|
|
carouselMode="buttons"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactSplitForm
|
|
|
|
|
title="Ready to transform your marketing?"
|
|
|
|
|
description="Join thousands of marketing teams using Mindex AI to create better campaigns, faster. Get started today with a free 14-day trial."
|
|
|
|
|
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)" }
|
|
|
|
|
<ContactText
|
|
|
|
|
text="Get Real-Time Intelligence in 48 Hours—No Setup Hassle"
|
|
|
|
|
animationType="entrance-slide"
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: 'Get Started', href: 'https://example.com/start' },
|
|
|
|
|
{ text: 'Schedule Demo', href: 'https://example.com/demo' }
|
|
|
|
|
]}
|
|
|
|
|
textarea={{ name: "message", placeholder: "Tell us about your marketing goals and how Mindex can help", rows: 5, required: false }}
|
|
|
|
|
background={{ variant: 'plain' }}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdWCGTUmxjPQZM4XzNfED6RccT/minimalist-illustration-of-a-person-work-1772922867378-7e63e6ba.png"
|
|
|
|
|
imageAlt="Customer support and collaboration illustration"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
mediaPosition="right"
|
|
|
|
|
buttonText="Start Free Trial"
|
|
|
|
|
ariaLabel="Contact section"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterLogoReveal
|
|
|
|
|
logoText="Mindex"
|
|
|
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
|
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
|
|
|
ariaLabel="Site footer"
|
|
|
|
|
<FooterCard
|
|
|
|
|
logoText="Temple AI"
|
|
|
|
|
copyrightText="© 2025 Temple AI. All rights reserved."
|
|
|
|
|
socialLinks={[
|
|
|
|
|
{ icon: Twitter, href: 'https://twitter.com/templeai', ariaLabel: 'Twitter' },
|
|
|
|
|
{ icon: Linkedin, href: 'https://linkedin.com/company/templeai', ariaLabel: 'LinkedIn' },
|
|
|
|
|
{ icon: Globe, href: 'https://templeai.com', ariaLabel: 'Website' }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export default page;
|
