Files
e6cd46ac-54ef-4566-bc1a-41b…/src/app/page.tsx
2026-03-13 07:00:18 +00:00

247 lines
13 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
import MediaAbout from "@/components/sections/about/MediaAbout";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import {
Award,
Brain,
BarChart3,
Calendar,
Cpu,
Globe,
Quote,
Shield,
Sparkles,
Target,
TrendingUp,
Users,
Zap,
} from "lucide-react";
export default function LandingPage() {
const navItems = [
{ name: "Features", id: "features" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Contact", id: "contact" },
];
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="medium"
sizing="largeSmallSizeMediumTitles"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
headingFontWeight="extrabold"
>
<div id="nav" data-section="nav">
<NavbarStyleApple brandName="AI Innovations" navItems={navItems} />
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
title="Intelligent Solutions Powered by Advanced AI"
description="Transform your business with cutting-edge artificial intelligence. Automate workflows, gain deeper insights, and drive growth with our innovative AI platform designed for enterprise success."
background={{ variant: "glowing-orb" }}
kpis={[
{ value: "10x", label: "Faster Processing" },
{ value: "99.9%", label: "Uptime Guarantee" },
{ value: "500+", label: "Enterprise Clients" },
]}
enableKpiAnimation={true}
tag="Next-Generation AI Technology"
tagIcon={Zap}
tagAnimation="slide-up"
buttons={[
{ text: "Get Started", href: "#contact" },
{ text: "Learn More", href: "#features" },
]}
buttonAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AscfF4z4tAgBG33yVLiC57gNaO/a-modern-sleek-ai-dashboard-interface-wi-1773385134162-75c61201.png"
imageAlt="AI Dashboard Interface"
mediaAnimation="blur-reveal"
imagePosition="right"
/>
</div>
<div id="features" data-section="features">
<FeatureHoverPattern
title="Powerful AI Capabilities"
description="Discover features designed to elevate your business intelligence and operational excellence."
tag="Services"
tagIcon={Sparkles}
tagAnimation="slide-up"
features={[
{
icon: Zap,
title: "Intelligent Automation", description: "Streamline complex workflows with advanced machine learning algorithms that adapt to your business needs in real time."},
{
icon: Brain,
title: "Smart Analytics", description: "Unlock actionable insights from your data with predictive analytics and deep learning pattern recognition."},
{
icon: Shield,
title: "Enterprise Security", description: "Bank-grade encryption and compliance frameworks ensure your sensitive data remains protected at all times."},
{
icon: Cpu,
title: "API Integration", description: "Seamlessly connect with your existing tools through powerful APIs that scale with your organization."},
{
icon: TrendingUp,
title: "Real-Time Processing", description: "Process millions of data points instantly with our ultra-fast infrastructure built for performance."},
{
icon: Users,
title: "Collaborative Tools", description: "Enable your teams to work together effortlessly with intuitive interfaces and shared workspaces."},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "Explore Features", href: "#contact" }]}
buttonAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
title="Pioneering AI Innovation"
description="Founded in 2020, AI Innovations brings together world-class researchers, engineers, and strategists dedicated to advancing artificial intelligence for enterprise transformation. Our mission is to democratize AI and empower businesses of all sizes to harness its potential."
tag="About Our Company"
tagIcon={Award}
tagAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AscfF4z4tAgBG33yVLiC57gNaO/modern-ai-research-lab-environment-with--1773385134205-4c32d837.png"
imageAlt="AI Research Team"
useInvertedBackground={true}
buttons={[{ text: "Learn Our Story", href: "#contact" }]}
buttonAnimation="slide-up"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
title="Our Impact"
description="Proven results across industries demonstrate the transformative power of our AI platform."
tag="Key Metrics"
tagIcon={Target}
tagAnimation="slide-up"
metrics={[
{ id: "1", icon: BarChart3, title: "Revenue Growth", value: "340%" },
{ id: "2", icon: Users, title: "Active Users", value: "50K+" },
{ id: "3", icon: Globe, title: "Global Reach", value: "45+ Countries" },
{ id: "4", icon: Zap, title: "Processing Speed", value: "1M+ Ops/s" },
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
title="What Our Clients Say"
description="Hear from industry leaders who have transformed their businesses with our AI platform."
tag="Testimonials"
tagIcon={Quote}
tagAnimation="slide-up"
testimonials={[
{
id: "1", name: "Sarah Chen", handle: "@sarah_chen", testimonial: "AI Innovations transformed our entire operations. We saw a 340% increase in productivity within just 6 months. Their platform is truly game-changing.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AscfF4z4tAgBG33yVLiC57gNaO/professional-headshot-of-a-diverse-busin-1773385133255-914e7e93.png"},
{
id: "2", name: "Michael Rodriguez", handle: "@m_rodriguez", testimonial: "The integration was seamless and the support team is exceptional. We've reduced operational costs by 65% and improved customer satisfaction dramatically.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AscfF4z4tAgBG33yVLiC57gNaO/professional-headshot-of-a-business-exec-1773385133217-3e9b3279.png"},
{
id: "3", name: "Emily Watson", handle: "@emily_watson", testimonial: "Best investment we've made in technology. The insights we gain from their analytics are invaluable to our strategic planning. Highly recommended!", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AscfF4z4tAgBG33yVLiC57gNaO/professional-headshot-of-a-tech-entrepre-1773385134336-283e3066.png"},
{
id: "4", name: "David Kim", handle: "@david_kim", testimonial: "Incredible platform with outstanding customer service. Our team adopted it immediately, and we're already seeing measurable ROI across all departments.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AscfF4z4tAgBG33yVLiC57gNaO/professional-headshot-of-a-business-mana-1773385133468-23156f52.png"},
{
id: "5", name: "Jessica Miller", handle: "@j_miller", testimonial: "The AI capabilities are sophisticated yet easy to use. Our entire organization has benefited from improved automation and decision-making processes.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AscfF4z4tAgBG33yVLiC57gNaO/professional-headshot-of-a-technology-st-1773385133278-a66a07d9.png"},
{
id: "6", name: "Thomas Anderson", handle: "@t_anderson", testimonial: "Five stars for innovation, support, and results. AI Innovations continues to deliver beyond expectations. A true partner for growth.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AscfF4z4tAgBG33yVLiC57gNaO/professional-headshot-of-a-business-oper-1773385133164-ac0c0689.png"},
]}
showRating={true}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
buttons={[{ text: "Read Case Studies", href: "#contact" }]}
buttonAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactFaq
ctaTitle="Ready to Transform Your Business?"
ctaDescription="Schedule a personalized demo with our AI experts and discover how our platform can drive measurable results for your organization."
ctaButton={{ text: "Book Your Demo", href: "https://calendly.com" }}
ctaIcon={Calendar}
faqs={[
{
id: "1", title: "What industries do you serve?", content: "We serve a wide range of industries including finance, healthcare, retail, manufacturing, and technology. Our AI solutions are adaptable to any sector requiring advanced data analysis, automation, or predictive modeling."},
{
id: "2", title: "How long does implementation take?", content: "Implementation typically takes 2-8 weeks depending on your organization's complexity and data readiness. Our dedicated onboarding team will work closely with you to ensure a smooth transition and rapid time-to-value."},
{
id: "3", title: "Is my data secure with your platform?", content: "Absolutely. We employ bank-grade encryption, comply with GDPR, HIPAA, and SOC 2 standards, and maintain multiple geographic data centers for redundancy. Your data privacy is our top priority."},
{
id: "4", title: "Can your AI integrate with existing systems?", content: "Yes, our platform features comprehensive APIs that integrate seamlessly with most enterprise systems including SAP, Oracle, Salesforce, and custom applications. Our technical team will ensure compatibility."},
{
id: "5", title: "What kind of support do you provide?", content: "We offer 24/7 technical support, dedicated account managers, regular training sessions, and a comprehensive knowledge base. Enterprise clients receive priority support with guaranteed response times."},
]}
useInvertedBackground={false}
animationType="slide-up"
accordionAnimationType="smooth"
showCard={true}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="AI Innovations"
columns={[
{
items: [
{ label: "Features", href: "#features" },
{ label: "About", href: "#about" },
{ label: "Services", href: "#features" },
],
},
{
items: [
{ label: "Twitter", href: "https://twitter.com" },
{ label: "LinkedIn", href: "https://linkedin.com" },
{ label: "GitHub", href: "https://github.com" },
],
},
{
items: [
{ label: "Contact", href: "#contact" },
{ label: "Support", href: "mailto:support@aiinnovations.com" },
{ label: "Careers", href: "https://careers.aiinnovations.com" },
],
},
{
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
],
},
]}
/>
</div>
</ThemeProvider>
);
}