Compare commits
9 Commits
version_10
...
version_12
| Author | SHA1 | Date | |
|---|---|---|---|
| 76d4341e5f | |||
| 1611458f78 | |||
| 0f0b0ac962 | |||
| e8c5c28bd2 | |||
| 9d09c4e8b3 | |||
| 7af035e0da | |||
| c5e9c403e3 | |||
| cdfa540992 | |||
| dfe794b4a2 |
@@ -1,11 +1,14 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Inter } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import "./styles/variables.css";
|
||||
import "./styles/base.css";
|
||||
|
||||
const inter = Inter({ subsets: ["latin"] });
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Mindex AI", description: "Intelligent marketing automation powered by advanced AI"};
|
||||
title: "Temple AI - Advanced AI Solutions for Enterprise", description: "Transform your business with Temple AI's cutting-edge artificial intelligence technology. Enterprise-grade automation, real-time intelligence, and secure solutions."};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
@@ -13,8 +16,28 @@ export default function RootLayout({
|
||||
children: React.ReactNode;
|
||||
}) {
|
||||
return (
|
||||
<html lang="en">
|
||||
<body className={inter.className}>{children}
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<head>
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
(function() {
|
||||
try {
|
||||
const vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0) / 100;
|
||||
document.documentElement.style.setProperty('--vw', vw + 'px');
|
||||
window.addEventListener('resize', () => {
|
||||
const vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0) / 100;
|
||||
document.documentElement.style.setProperty('--vw', vw + 'px');
|
||||
});
|
||||
} catch(e) {}
|
||||
})();
|
||||
`,
|
||||
}}
|
||||
/>
|
||||
</head>
|
||||
<body className={`${inter.variable}`}>
|
||||
{children}
|
||||
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1384,4 +1407,4 @@ export default function RootLayout({
|
||||
</body>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
456
src/app/page.tsx
456
src/app/page.tsx
@@ -1,288 +1,268 @@
|
||||
"use client";
|
||||
'use client';
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
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 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, Sparkles, Globe, Smartphone, Megaphone, MessageSquare, Cpu, Package } from 'lucide-react';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Sparkles, TrendingUp, Zap, Shield, Hexagon, House, MessageSquareText, Settings, CircleDollarSign, ArrowLeftRight, Send, Twitter, Linkedin, Globe } from 'lucide-react';
|
||||
|
||||
const page = () => {
|
||||
const navItems = [
|
||||
{ name: 'Home', id: '/' },
|
||||
{ name: 'Features', id: '#features' },
|
||||
{ name: 'Process', id: '#process' },
|
||||
{ name: 'Testimonials', id: '#testimonials' },
|
||||
];
|
||||
|
||||
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 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: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Get Started", href: "contact" }}
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={navItems}
|
||||
brandName="Temple AI"
|
||||
button={{
|
||||
text: 'Get Started',
|
||||
href: 'https://example.com/signup'
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
title="Advanced AI-Powered Solutions for Modern Businesses"
|
||||
description="Temple AI delivers cutting-edge artificial intelligence technology to transform your business operations and drive unprecedented growth."
|
||||
background={{ variant: "glowing-orb" }}
|
||||
kpis={[
|
||||
{ value: "99.9%", label: "Uptime" },
|
||||
{ value: "10x", label: "Faster Processing" },
|
||||
{ value: "500+", label: "Active Clients" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
<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"
|
||||
imageSrc="http://img.b2bpic.net/premium-psd/imac-wooden-surface-mockup_1332-57807.jpg?id=145732926"
|
||||
imageAlt="Temple AI advanced dashboard interface"
|
||||
mediaAnimation="slide-up"
|
||||
imagePosition="right"
|
||||
ariaLabel="Temple AI hero section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
tag="About Temple AI"
|
||||
title="Intelligent solutions designed for enterprise teams. Powered by AI you can trust."
|
||||
buttons={[{ text: "Learn More", href: "features" }]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="About Temple AI 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 AI at your fingertips"
|
||||
description="Temple AI combines cutting-edge artificial intelligence with intuitive design to transform how you operate your business."
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Advanced Machine Learning", description: "Harness the power of advanced ML algorithms to automate complex tasks, predict outcomes, and optimize operations. Our AI learns from your data and continuously improves performance.", imageSrc: "data:image/svg+xml,%3Csvg xmlns=?_wi=1'http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Cdefs%3E%3ClinearGradient id='grad1' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23FF9500;stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:%23FFC107;stop-opacity:1' /%3E%3C/linearGradient%3E%3ClinearGradient id='grad2' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23333333;stop-opacity:0.8' /%3E%3Cstop offset='100%25' style='stop-color:%23666666;stop-opacity:0.3' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='400' height='300' fill='url(%23grad2)'/%3E%3Crect x='50' y='50' width='300' height='200' rx='20' fill='url(%23grad1)' opacity='0.9'/%3E%3Ccircle cx='200' cy='150' r='60' fill='%23FFFFFF' opacity='0.2'/%3E%3Crect x='100' y='100' width='20' height='100' fill='%23FFFFFF' opacity='0.6' rx='10'/%3E%3Crect x='140' y='80' width='20' height='120' fill='%23FFFFFF' opacity='0.5' rx='10'/%3E%3Crect x='180' y='120' width='20' height='80' fill='%23FFFFFF' opacity='0.7' rx='10'/%3E%3Crect x='220' y='90' width='20' height='110' fill='%23FFFFFF' opacity='0.4' rx='10'/%3E%3Crect x='260' y='110' width='20' height='90' fill='%23FFFFFF' opacity='0.6' rx='10'/%3E%3C/svg%3E", imageAlt: "Advanced machine learning interface"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Real-Time Intelligence", description: "Get instant insights and actionable intelligence with real-time data processing. Our dashboard provides comprehensive analytics and performance metrics to guide your decisions.", imageSrc: "data:image/svg+xml,%3Csvg xmlns=?_wi=2'http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Cdefs%3E%3ClinearGradient id='grad3' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23FF9500;stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:%23FFC107;stop-opacity:1' /%3E%3C/linearGradient%3E%3ClinearGradient id='grad4' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23333333;stop-opacity:0.8' /%3E%3Cstop offset='100%25' style='stop-color:%23666666;stop-opacity:0.3' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='400' height='300' fill='url(%23grad4)'/%3E%3Crect x='40' y='40' width='320' height='220' rx='20' fill='%23FFFFFF' opacity='0.05' stroke='url(%23grad3)' stroke-width='2'/%3E%3Cline x1='60' y1='200' x2='360' y2='200' stroke='%23666666' stroke-width='2' opacity='0.5'/%3E%3Cline x1='60' y1='150' x2='360' y2='150' stroke='%23666666' stroke-width='1' opacity='0.3'/%3E%3Cline x1='60' y1='100' x2='360' y2='100' stroke='%23666666' stroke-width='1' opacity='0.3'/%3E%3Cpolyline points='80,180 120,100 160,140 200,70 240,120 280,80 320,130' fill='none' stroke='url(%23grad3)' stroke-width='3'/%3E%3Ccircle cx='80' cy='180' r='6' fill='url(%23grad3)'/%3E%3Ccircle cx='120' cy='100' r='6' fill='url(%23grad3)'/%3E%3Ccircle cx='160' cy='140' r='6' fill='url(%23grad3)'/%3E%3Ccircle cx='200' cy='70' r='6' fill='url(%23grad3)'/%3E%3Ccircle cx='240' cy='120' r='6' fill='url(%23grad3)'/%3E%3Ccircle cx='280' cy='80' r='6' fill='url(%23grad3)'/%3E%3Ccircle cx='320' cy='130' r='6' fill='url(%23grad3)'/%3E%3C/svg%3E", imageAlt: "Real-time analytics dashboard"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Enterprise Security", description: "Enterprise-grade security with end-to-end encryption and compliance certifications. Protect your sensitive data with our robust security infrastructure and compliance standards.", imageSrc: "data:image/svg+xml,%3Csvg xmlns=?_wi=3'http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Cdefs%3E%3ClinearGradient id='grad5' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23FF9500;stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:%23FFC107;stop-opacity:1' /%3E%3C/linearGradient%3E%3ClinearGradient id='grad6' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23333333;stop-opacity:0.8' /%3E%3Cstop offset='100%25' style='stop-color:%23666666;stop-opacity:0.3' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='400' height='300' fill='url(%23grad6)'/%3E%3Cpath d='M 200 50 L 320 110 L 320 200 Q 200 260 80 200 L 80 110 Z' fill='url(%23grad5)' opacity='0.8'/%3E%3Cpath d='M 200 50 L 320 110 L 320 200 Q 200 260 80 200 L 80 110 Z' fill='none' stroke='%23FFFFFF' stroke-width='2' opacity='0.6'/%3E%3Ccircle cx='200' cy='140' r='35' fill='%23FFFFFF' opacity='0.15'/%3E%3Cline x1='190' y1='130' x2='210' y2='150' stroke='%23FFFFFF' stroke-width='3' opacity='0.8' stroke-linecap='round'/%3E%3Cline x1='210' y1='130' x2='190' y2='150' stroke='%23FFFFFF' stroke-width='3' opacity='0.8' stroke-linecap='round'/%3E%3C/svg%3E", imageAlt: "Enterprise security features"
|
||||
}
|
||||
]}
|
||||
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 organizations"
|
||||
description="Temple AI is trusted by leading enterprises to deliver measurable business impact."
|
||||
metrics={[
|
||||
{ id: "1", icon: Zap, title: "Performance Boost", value: "10x" },
|
||||
{ id: "2", icon: TrendingUp, title: "Revenue Growth", value: "+45%" },
|
||||
{ id: "3", icon: Users, title: "Enterprise Clients", value: "500+" },
|
||||
{ id: "4", icon: CheckCircle, title: "Success Rate", value: "99.9%" }
|
||||
]}
|
||||
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="Temple AI integrates seamlessly with the tools your enterprise already uses."
|
||||
names={["Microsoft", "Amazon", "Google Cloud", "Salesforce", "Oracle", "IBM", "Databricks"]}
|
||||
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 enterprise teams"
|
||||
description="See how leading organizations are transforming their operations with Temple AI."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Transformational impact on our operations", quote: "Temple AI has completely revolutionized how we approach automation. The intelligence and efficiency gains are remarkable. Our teams are now focused on strategic work instead of repetitive tasks.", name: "Sarah Mitchell", role: "VP of Operations", 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: "Unmatched AI capability and reliability", quote: "The intelligence and reliability of Temple AI is genuinely impressive. We've seen significant improvements in our business metrics and operational efficiency. The ROI has been substantial and the support is excellent.", name: "David Chen", role: "Chief Technology 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: "Enterprise-grade reliability and support", quote: "We were looking for an enterprise AI solution we could trust, and Temple AI exceeded all our expectations. The platform is robust, the support is exceptional, and the results have been outstanding.", name: "Emma Rodriguez", role: "Chief Operations Officer", 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: "Game-changing AI innovation", quote: "Temple AI represents a significant leap forward in enterprise AI capabilities. The insights generated have helped us identify new opportunities and optimize operations in ways we never thought possible.", name: "James Wilson", role: "Digital Transformation 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"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Testimonials section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
tag="Pricing"
|
||||
title="Plans designed for enterprises of all sizes"
|
||||
description="Choose the perfect plan for your organization. All plans include enterprise support and advanced features."
|
||||
plans={[
|
||||
{
|
||||
id: "1", price: "$499/mo", name: "Starter", buttons: [
|
||||
{ text: "Get Started", href: "contact" },
|
||||
{ text: "Learn More", href: "#" }
|
||||
],
|
||||
features: [
|
||||
"Core AI capabilities", "Real-time analytics", "Email support", "Up to 10,000 API calls/month", "Basic security"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "2", badge: "Most popular", badgeIcon: Sparkles,
|
||||
price: "$1,999/mo", name: "Professional", buttons: [
|
||||
{ text: "Get Started", href: "contact" },
|
||||
{ text: "Learn More", href: "#" }
|
||||
],
|
||||
features: [
|
||||
"Advanced AI features", "Custom integrations", "Priority email support", "Up to 100,000 API calls/month", "Enhanced security", "Machine learning models", "Team collaboration", "Monthly strategy sessions"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "3", price: "$4,999/mo", name: "Enterprise", buttons: [
|
||||
{ text: "Contact Sales", href: "contact" },
|
||||
{ text: "Schedule Demo", href: "#" }
|
||||
],
|
||||
features: [
|
||||
"Full AI suite", "Unlimited integrations", "24/7 phone & email support", "Unlimited API calls", "Enterprise security & compliance", "Custom AI models", "Dedicated account manager", "Quarterly business reviews"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "4", price: "$9,999/mo", name: "Ultimate", buttons: [
|
||||
{ text: "Contact Sales", href: "contact" },
|
||||
{ text: "Schedule Demo", href: "#" }
|
||||
],
|
||||
features: [
|
||||
"Everything in Enterprise", "Custom deployment options", "White-label capabilities", "Dedicated infrastructure", "Bi-weekly strategy consulting", "Custom feature development", "Dedicated engineering team", "SLA guarantees"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "5", price: "Custom", name: "Enterprise Custom", buttons: [
|
||||
{ text: "Contact Sales", href: "contact" },
|
||||
{ text: "Schedule Demo", href: "#" }
|
||||
],
|
||||
features: [
|
||||
"Fully customized solution", "On-premise or cloud deployment", "Custom SLA", "Dedicated support team", "Custom integrations", "Unlimited API calls", "Executive strategy sessions", "Priority feature requests"
|
||||
]
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Pricing section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
tag="FAQ"
|
||||
title="Common questions answered"
|
||||
description="Everything you need to know about Temple AI and how it can transform your organization."
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How does Temple AI customize to our business?", content: "Temple AI uses advanced machine learning to analyze your business data, processes, and goals. Our platform develops a nuanced understanding of your unique requirements and automatically optimizes AI models to align with your specific use cases and KPIs."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Is enterprise data secure with Temple AI?", content: "Security is paramount. All data is encrypted end-to-end using industry-standard encryption and stored on secure, compliant servers. We maintain SOC 2 Type II certification, ISO 27001 compliance, and adhere to GDPR, HIPAA, and other major data protection regulations."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Can Temple AI integrate with our existing systems?", content: "Yes! Temple AI seamlessly integrates with Salesforce, SAP, Oracle, Microsoft Dynamics, Google Cloud, AWS, Azure, and 500+ enterprise applications. Our API and webhook support enables custom integrations with any platform."
|
||||
},
|
||||
{
|
||||
id: "4", title: "What support does Temple AI provide?", content: "We provide 24/7 support for enterprise customers, including phone, email, and live chat. Every customer receives access to dedicated account managers, comprehensive documentation, training programs, and quarterly business reviews."
|
||||
},
|
||||
{
|
||||
id: "5", title: "How quickly will we see measurable results?", content: "Most enterprises see significant improvements within 30 days. Initial wins typically include process automation and efficiency gains. Long-term benefits like revenue growth and competitive advantage typically emerge over 3-6 months."
|
||||
},
|
||||
{
|
||||
id: "6", title: "Is there a free trial or POC available?", content: "Absolutely! We offer a comprehensive proof-of-concept program with full access to core features and dedicated support. No credit card required. Enterprise customers can also request custom pilot programs tailored to their specific needs."
|
||||
}
|
||||
]}
|
||||
animationType="smooth"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="FAQ section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Ready to transform your enterprise?"
|
||||
description="Join leading organizations using Temple AI to drive digital transformation and achieve unprecedented business results. Start your journey with a personalized consultation."
|
||||
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 }
|
||||
<ContactText
|
||||
text="Ready to transform your business with advanced AI intelligence? Let's create something amazing together."
|
||||
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 organization and how Temple AI can help transform your operations", 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="Enterprise collaboration and transformation illustration"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
buttonText="Start Free Trial"
|
||||
ariaLabel="Contact section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
<FooterCard
|
||||
logoText="Temple AI"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
ariaLabel="Site footer"
|
||||
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;
|
||||
Reference in New Issue
Block a user