|
|
|
|
@@ -1,288 +1,441 @@
|
|
|
|
|
"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 PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
|
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
|
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
|
|
|
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: 'Services', id: '#services' },
|
|
|
|
|
{ name: 'Gallery', id: '#gallery' },
|
|
|
|
|
{ name: 'Process', id: '#process' },
|
|
|
|
|
{ name: 'Testimonials', id: '#testimonials' },
|
|
|
|
|
{ name: 'Pricing', id: '#pricing' },
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
const services = [
|
|
|
|
|
{
|
|
|
|
|
id: '01',
|
|
|
|
|
title: 'Website & Branding',
|
|
|
|
|
description: 'Build a stunning online presence with custom website design and cohesive branding that represents your business.',
|
|
|
|
|
imageSrc: 'https://images.unsplash.com/photo-1561070791-2526d30994b5?w=800&h=600&fit=crop&_wi=1',
|
|
|
|
|
imageAlt: 'Website and branding design'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: '02',
|
|
|
|
|
title: 'Consulting & Strategy',
|
|
|
|
|
description: 'Strategic guidance from industry experts to help you achieve your business goals and maximize growth.',
|
|
|
|
|
imageSrc: 'https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=1',
|
|
|
|
|
imageAlt: 'Consulting and strategy session'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: '03',
|
|
|
|
|
title: 'Advertising Services',
|
|
|
|
|
description: 'Targeted advertising campaigns that reach your audience and drive measurable results across multiple channels.',
|
|
|
|
|
imageSrc: 'https://images.unsplash.com/photo-1460925895917-adf4198c868f?w=800&h=600&fit=crop&_wi=1',
|
|
|
|
|
imageAlt: 'Advertising services dashboard'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: '04',
|
|
|
|
|
title: 'Social Media Management',
|
|
|
|
|
description: 'Engage your audience with compelling content, community management, and strategic social media presence.',
|
|
|
|
|
imageSrc: 'https://images.unsplash.com/photo-1611532736540-6dabab387e13?w=800&h=600&fit=crop&_wi=1',
|
|
|
|
|
imageAlt: 'Social media management tools'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: '05',
|
|
|
|
|
title: 'AI Call Assistant & Automation',
|
|
|
|
|
description: 'Streamline your operations with intelligent call handling and automation to improve customer service and efficiency.',
|
|
|
|
|
imageSrc: 'https://images.unsplash.com/photo-1531746790731-6c087fecd65b?w=800&h=600&fit=crop',
|
|
|
|
|
imageAlt: 'AI call assistant interface'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: '06',
|
|
|
|
|
title: 'Bundled Packages',
|
|
|
|
|
description: 'Comprehensive service bundles combining multiple solutions for maximum value and seamless integration.',
|
|
|
|
|
imageSrc: 'https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=2',
|
|
|
|
|
imageAlt: 'Bundled service packages'
|
|
|
|
|
}
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
const galleryItems = [
|
|
|
|
|
{
|
|
|
|
|
imageSrc: 'https://images.unsplash.com/photo-1561070791-2526d30994b5?w=800&h=600&fit=crop&_wi=2',
|
|
|
|
|
imageAlt: 'Website redesign showcase'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: 'https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop',
|
|
|
|
|
imageAlt: 'Brand identity project'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: 'https://images.unsplash.com/photo-1460925895917-adf4198c868f?w=800&h=600&fit=crop&_wi=2',
|
|
|
|
|
imageAlt: 'Marketing campaign results'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: 'https://images.unsplash.com/photo-1611532736540-6dabab387e13?w=800&h=600&fit=crop&_wi=2',
|
|
|
|
|
imageAlt: 'Social media strategy implementation'
|
|
|
|
|
}
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
const testimonials = [
|
|
|
|
|
{
|
|
|
|
|
id: '1',
|
|
|
|
|
title: 'Transformed Our Business',
|
|
|
|
|
quote: 'Temple AI transformed our entire online presence. The website design and branding strategy were exceptional. They truly understood our vision.',
|
|
|
|
|
name: 'Sarah Mitchell',
|
|
|
|
|
role: 'CEO of Digital Solutions Inc',
|
|
|
|
|
imageSrc: 'https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop',
|
|
|
|
|
imageAlt: 'Sarah Mitchell headshot'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: '2',
|
|
|
|
|
title: 'Outstanding Service Quality',
|
|
|
|
|
quote: "The consulting and strategy guidance from Temple AI helped us scale our business efficiently. Their expertise is invaluable and their support is exceptional.", name: 'Marcus Johnson',
|
|
|
|
|
role: 'Director of Operations at GrowthCo',
|
|
|
|
|
imageSrc: 'https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop',
|
|
|
|
|
imageAlt: 'Marcus Johnson headshot'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: '3',
|
|
|
|
|
title: 'Perfect Marketing Partner',
|
|
|
|
|
quote: 'Our social media presence and advertising campaigns have never been better. Temple AI delivered measurable results and consistent growth in engagement.',
|
|
|
|
|
name: 'Elena Chen',
|
|
|
|
|
role: 'Marketing Manager at BrandConnect',
|
|
|
|
|
imageSrc: 'https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop',
|
|
|
|
|
imageAlt: 'Elena Chen headshot'
|
|
|
|
|
}
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
const pricingPlans = [
|
|
|
|
|
{
|
|
|
|
|
id: '1',
|
|
|
|
|
badge: 'Website & Branding',
|
|
|
|
|
badgeIcon: Sparkles,
|
|
|
|
|
price: '$2,999',
|
|
|
|
|
subtitle: 'Professional website design and complete branding package',
|
|
|
|
|
buttons: [
|
|
|
|
|
{ text: 'Get Started', href: 'https://example.com/start' },
|
|
|
|
|
{ text: 'Learn More', href: 'https://example.com/docs' }
|
|
|
|
|
],
|
|
|
|
|
features: [
|
|
|
|
|
'Custom website design',
|
|
|
|
|
'Brand identity and logo',
|
|
|
|
|
'Responsive design',
|
|
|
|
|
'SEO optimization',
|
|
|
|
|
'3 rounds of revisions'
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: '2',
|
|
|
|
|
badge: 'Consulting & Strategy',
|
|
|
|
|
badgeIcon: TrendingUp,
|
|
|
|
|
price: '$1,999/mo',
|
|
|
|
|
subtitle: 'Expert consulting and strategic business guidance',
|
|
|
|
|
buttons: [
|
|
|
|
|
{ text: 'Get Started', href: 'https://example.com/start' },
|
|
|
|
|
{ text: 'Contact Sales', href: 'https://example.com/sales' }
|
|
|
|
|
],
|
|
|
|
|
features: [
|
|
|
|
|
'Business strategy sessions',
|
|
|
|
|
'Expert consulting',
|
|
|
|
|
'Growth planning',
|
|
|
|
|
'Monthly strategy reviews',
|
|
|
|
|
'Implementation support'
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: '3',
|
|
|
|
|
badge: 'Advertising Services',
|
|
|
|
|
badgeIcon: Zap,
|
|
|
|
|
price: '$1,499/mo',
|
|
|
|
|
subtitle: 'Targeted advertising campaigns across multiple channels',
|
|
|
|
|
buttons: [
|
|
|
|
|
{ text: 'Get Started', href: 'https://example.com/start' },
|
|
|
|
|
{ text: 'View Cases', href: 'https://example.com/cases' }
|
|
|
|
|
],
|
|
|
|
|
features: [
|
|
|
|
|
'Multi-channel advertising',
|
|
|
|
|
'Campaign management',
|
|
|
|
|
'Performance tracking',
|
|
|
|
|
'Monthly analytics reports',
|
|
|
|
|
'Ad optimization'
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: '4',
|
|
|
|
|
badge: 'Social Media Management',
|
|
|
|
|
badgeIcon: TrendingUp,
|
|
|
|
|
price: '$1,499/mo',
|
|
|
|
|
subtitle: 'Complete marketing and social media management',
|
|
|
|
|
buttons: [
|
|
|
|
|
{ text: 'Get Started', href: 'https://example.com/start' },
|
|
|
|
|
{ text: 'Contact Sales', href: 'https://example.com/sales' }
|
|
|
|
|
],
|
|
|
|
|
features: [
|
|
|
|
|
'Social media management',
|
|
|
|
|
'Content creation and posting',
|
|
|
|
|
'Community engagement',
|
|
|
|
|
'Monthly analytics reports',
|
|
|
|
|
'Paid advertising management'
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: '5',
|
|
|
|
|
badge: 'AI Call Assistant & Automation',
|
|
|
|
|
badgeIcon: Hexagon,
|
|
|
|
|
price: '$999/mo',
|
|
|
|
|
subtitle: 'Intelligent call handling and business automation',
|
|
|
|
|
buttons: [
|
|
|
|
|
{ text: 'Get Started', href: 'https://example.com/start' },
|
|
|
|
|
{ text: 'Schedule Demo', href: 'https://example.com/demo' }
|
|
|
|
|
],
|
|
|
|
|
features: [
|
|
|
|
|
'AI call assistant',
|
|
|
|
|
'Automated workflows',
|
|
|
|
|
'Call analytics',
|
|
|
|
|
'Integration support',
|
|
|
|
|
'24/7 monitoring'
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: '6',
|
|
|
|
|
badge: 'Bundled Enterprise',
|
|
|
|
|
badgeIcon: Shield,
|
|
|
|
|
price: '$4,999/mo',
|
|
|
|
|
subtitle: 'Complete solution with all Temple AI services',
|
|
|
|
|
buttons: [
|
|
|
|
|
{ text: 'Schedule Demo', href: 'https://example.com/demo' },
|
|
|
|
|
{ text: 'Contact Us', href: 'https://example.com/contact' }
|
|
|
|
|
],
|
|
|
|
|
features: [
|
|
|
|
|
'Website & branding',
|
|
|
|
|
'Consulting & strategy',
|
|
|
|
|
'Advertising services',
|
|
|
|
|
'Social media management',
|
|
|
|
|
'AI call assistant',
|
|
|
|
|
'Dedicated account manager',
|
|
|
|
|
'24/7 support'
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
const processMediaItems = [
|
|
|
|
|
{
|
|
|
|
|
imageSrc: 'https://images.unsplash.com/photo-1561070791-2526d30994b5?w=600&h=400&fit=crop',
|
|
|
|
|
imageAlt: 'Step 1: Strategy'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: 'https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop',
|
|
|
|
|
imageAlt: 'Step 2: Implementation'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: 'https://images.unsplash.com/photo-1460925895917-adf4198c868f?w=600&h=400&fit=crop',
|
|
|
|
|
imageAlt: 'Step 3: Results'
|
|
|
|
|
}
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
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="Digital Solutions"
|
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
|
title="Comprehensive Business Solutions"
|
|
|
|
|
description="From website design and branding to advertising and AI automation, Temple AI provides complete digital services to transform your business."
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Start Free Trial", href: "contact" },
|
|
|
|
|
{ text: "View Demo", href: "features" }
|
|
|
|
|
{ text: 'Get Started', href: 'https://example.com/start' },
|
|
|
|
|
{ text: 'View Services', href: '#services' }
|
|
|
|
|
]}
|
|
|
|
|
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"
|
|
|
|
|
dashboard={{
|
|
|
|
|
title: 'Services Dashboard',
|
|
|
|
|
logoIcon: Hexagon,
|
|
|
|
|
imageSrc: 'https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=100&h=100&fit=crop&crop=face',
|
|
|
|
|
buttons: [
|
|
|
|
|
{ text: 'Explore Services', href: '#' },
|
|
|
|
|
{ text: 'Get Quote', href: '#' }
|
|
|
|
|
],
|
|
|
|
|
sidebarItems: [
|
|
|
|
|
{ icon: House, active: true },
|
|
|
|
|
{ icon: MessageSquareText },
|
|
|
|
|
{ icon: Settings }
|
|
|
|
|
],
|
|
|
|
|
stats: [
|
|
|
|
|
{
|
|
|
|
|
title: 'Clients Served',
|
|
|
|
|
values: [150, 225, 320],
|
|
|
|
|
description: 'Satisfied customers.'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'Projects',
|
|
|
|
|
values: [45, 67, 89],
|
|
|
|
|
description: 'Completed projects.'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'Services',
|
|
|
|
|
values: [6, 6, 6],
|
|
|
|
|
description: 'Core services offered.'
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
chartTitle: 'Client Growth',
|
|
|
|
|
chartData: [{ value: 50 }, { value: 30 }, { value: 70 }, { value: 40 }, { value: 90 }],
|
|
|
|
|
listTitle: 'Service Features',
|
|
|
|
|
listItems: [
|
|
|
|
|
{ icon: CircleDollarSign, title: 'Transparent Pricing', status: 'Available' },
|
|
|
|
|
{ icon: ArrowLeftRight, title: 'Flexible Solutions', status: 'Offered' },
|
|
|
|
|
{ icon: Send, title: '24/7 Support', status: 'Active' }
|
|
|
|
|
]
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
</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"
|
|
|
|
|
/>
|
|
|
|
|
</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"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
<div id="services" data-section="services">
|
|
|
|
|
<FeatureCardThree
|
|
|
|
|
features={services}
|
|
|
|
|
title="Our Services"
|
|
|
|
|
description="Complete digital solutions designed to grow your business."
|
|
|
|
|
tag="Services"
|
|
|
|
|
tagIcon={Zap}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
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="gallery" data-section="gallery">
|
|
|
|
|
<HeroBillboardGallery
|
|
|
|
|
title="Our Work"
|
|
|
|
|
description="Showcase of our latest projects and creative solutions."
|
|
|
|
|
tag="Gallery"
|
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
|
mediaItems={galleryItems}
|
|
|
|
|
background={{ variant: 'plain' }}
|
|
|
|
|
mediaAnimation="none"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="process" data-section="process">
|
|
|
|
|
<TimelineHorizontalCardStack
|
|
|
|
|
title="Our Process"
|
|
|
|
|
description="Follow our proven step-by-step approach to delivering excellence."
|
|
|
|
|
tag="How It Works"
|
|
|
|
|
tagIcon={TrendingUp}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
mediaItems={processMediaItems}
|
|
|
|
|
>
|
|
|
|
|
<div>
|
|
|
|
|
<h3 className="font-bold text-lg">Strategy & Planning</h3>
|
|
|
|
|
<p className="text-sm text-gray-600">We understand your goals and create a comprehensive strategy tailored to your needs.</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<h3 className="font-bold text-lg">Implementation</h3>
|
|
|
|
|
<p className="text-sm text-gray-600">Our expert team executes the plan with precision and attention to detail.</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<h3 className="font-bold text-lg">Results & Growth</h3>
|
|
|
|
|
<p className="text-sm text-gray-600">Measure success through analytics and continuous optimization for sustained growth.</p>
|
|
|
|
|
</div>
|
|
|
|
|
</TimelineHorizontalCardStack>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardTen
|
|
|
|
|
testimonials={testimonials}
|
|
|
|
|
title="Trusted by Business Leaders"
|
|
|
|
|
description="See what our clients have to say about Temple AI's services."
|
|
|
|
|
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 hundreds of organizations using Temple AI for business growth."
|
|
|
|
|
tag="Partners"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
names={['Tech Innovators', 'Growth Partners', 'Digital Leaders', 'Marketing Experts', 'Brand Builders', 'Success Hub']}
|
|
|
|
|
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
|
|
|
|
|
<PricingCardTwo
|
|
|
|
|
plans={pricingPlans}
|
|
|
|
|
title="Flexible Service Plans"
|
|
|
|
|
description="Choose the perfect package for your business needs."
|
|
|
|
|
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"
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
tagIcon={CircleDollarSign}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
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"
|
|
|
|
|
carouselMode="buttons"
|
|
|
|
|
/>
|
|
|
|
|
</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="Transform Your Business Today—Start Your Journey with Temple AI"
|
|
|
|
|
animationType="entrance-slide"
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: 'Get Started', href: 'https://example.com/start' },
|
|
|
|
|
{ text: 'Schedule Consultation', 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;
|
