Update src/app/page.tsx
This commit is contained in:
276
src/app/page.tsx
276
src/app/page.tsx
@@ -2,15 +2,6 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroTextImage from '@/components/sections/hero/HeroTextImage';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { BarChart3, Brain, CheckCircle, Code, Cpu, DollarSign, HelpCircle, Quote, Rocket, Shield, Sparkles, Zap, Users } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -41,273 +32,6 @@ export default function LandingPage() {
|
||||
bottomRightText="hello@aiflow.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroTextImage
|
||||
tag="Intelligent Automation"
|
||||
tagIcon={Sparkles}
|
||||
title="Transform Your Business with Intelligent AI"
|
||||
description="Harness the power of advanced artificial intelligence to automate workflows, unlock insights, and scale your operations effortlessly. Built for developers and enterprises."
|
||||
buttons={[
|
||||
{ text: "Start Free Trial", href: "/signup" },
|
||||
{ text: "View Demo", href: "/demo" }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsWlFne3bzATSnMUp5f6HWhvKR/a-stunning-ai-platform-dashboard-with-da-1773381999691-4f4226a4.png"
|
||||
imageAlt="AI Platform Dashboard"
|
||||
mediaAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
title="Powerful AI Capabilities"
|
||||
description="Advanced machine learning models and intelligent automation tools designed for the modern enterprise."
|
||||
tag="Features"
|
||||
tagIcon={Zap}
|
||||
features={[
|
||||
{
|
||||
title: "Neural Processing", description: "State-of-the-art machine learning models that learn and adapt to your unique business needs.", bentoComponent: "globe"
|
||||
},
|
||||
{
|
||||
title: "Real-time Analytics", description: "Instant insights and performance metrics with interactive visualizations and predictive analytics.", bentoComponent: "animated-bar-chart"
|
||||
},
|
||||
{
|
||||
title: "Global Integration", description: "Connect to services worldwide with our powerful API integrations and webhooks.", bentoComponent: "map"
|
||||
},
|
||||
{
|
||||
title: "Performance Metrics", description: "Track key performance indicators with beautiful, real-time data visualization.", bentoComponent: "line-chart"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="interactive-features" data-section="interactive-features">
|
||||
<FeatureHoverPattern
|
||||
title="Experience Interactive Innovation"
|
||||
description="Hover over each capability to discover how our platform transforms your business operations."
|
||||
tag="Capabilities"
|
||||
tagIcon={Brain}
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Lightning Fast Processing", description: "Execute complex AI models in milliseconds with our optimized infrastructure."
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Enterprise Security", description: "Bank-grade encryption and compliance with GDPR, HIPAA, and SOC 2 standards."
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Collaborative Workflows", description: "Enable teams to work together seamlessly with role-based access and permissions."
|
||||
},
|
||||
{
|
||||
icon: Code,
|
||||
title: "Developer Friendly", description: "Comprehensive APIs and SDKs for your favorite programming languages."
|
||||
},
|
||||
{
|
||||
icon: BarChart3,
|
||||
title: "Advanced Analytics", description: "Gain deeper insights with custom dashboards and exportable reports."
|
||||
},
|
||||
{
|
||||
icon: Cpu,
|
||||
title: "Scalable Infrastructure", description: "Automatically scale from startup to enterprise without performance degradation."
|
||||
}
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
tag="Why Choose Us"
|
||||
tagIcon={CheckCircle}
|
||||
title="Built for Scale and Innovation"
|
||||
description="AIFlow has empowered thousands of enterprises to automate their most critical business processes. Our platform combines cutting-edge AI technology with enterprise-grade reliability to deliver measurable results."
|
||||
metrics={[
|
||||
{ value: "10,000+", title: "Active Users" },
|
||||
{ value: "99.99%", title: "Uptime Guarantee" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsWlFne3bzATSnMUp5f6HWhvKR/advanced-machine-learning-model-training-1773381999398-d835e3f8.png"
|
||||
imageAlt="Machine Learning Architecture"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="Loved by Industry Leaders"
|
||||
description="See what customers are saying about their experience with AIFlow."
|
||||
tag="Testimonials"
|
||||
tagIcon={Quote}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Johnson", handle: "CEO, TechVenture", testimonial: "AIFlow transformed our operations. We reduced manual work by 70% in the first month and saved over $500K annually.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsWlFne3bzATSnMUp5f6HWhvKR/professional-headshot-of-a-tech-entrepre-1773381998847-f1ad42d3.png", imageAlt: "Sarah Johnson"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Michael Chen", handle: "CTO, DataDriven Inc", testimonial: "The API integration was seamless. Our team was productive immediately. Exceptional platform and support.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsWlFne3bzATSnMUp5f6HWhvKR/professional-headshot-of-a-female-tech-e-1773381999429-7588ba70.png", imageAlt: "Michael Chen"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Emily Rodriguez", handle: "Head of Operations", testimonial: "This platform is a game-changer. The ROI was apparent within weeks. Highly recommended for enterprises.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsWlFne3bzATSnMUp5f6HWhvKR/professional-headshot-of-a-male-data-sci-1773381998699-d2a9e91f.png", imageAlt: "Emily Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "4", name: "David Kim", handle: "Product Manager", testimonial: "AIFlow's automation capabilities are unmatched. We've scaled faster than ever before. Outstanding product.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsWlFne3bzATSnMUp5f6HWhvKR/professional-headshot-of-a-female-produc-1773381999738-f4ea1778.png", imageAlt: "David Kim"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Jessica Martinez", handle: "Operations Director", testimonial: "The analytics dashboard gives us insights we never had before. Customer satisfaction increased by 40%.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsWlFne3bzATSnMUp5f6HWhvKR/professional-headshot-of-a-male-operatio-1773381998520-c8b3bdde.png", imageAlt: "Jessica Martinez"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Robert Adams", handle: "Innovation Lead", testimonial: "Outstanding support team and continuous innovation. AIFlow is our competitive advantage in the market.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsWlFne3bzATSnMUp5f6HWhvKR/professional-headshot-of-a-female-innova-1773381998739-7ab2b07e.png", imageAlt: "Robert Adams"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
speed={40}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
title="Flexible Pricing for Every Scale"
|
||||
description="Choose the perfect plan for your business needs. Scale up anytime without penalties."
|
||||
tag="Pricing"
|
||||
tagIcon={DollarSign}
|
||||
plans={[
|
||||
{
|
||||
id: "1", price: "$299/month", name: "Starter", buttons: [
|
||||
{ text: "Get Started", href: "/signup?plan=starter" },
|
||||
{ text: "Learn More", href: "#" }
|
||||
],
|
||||
features: [
|
||||
"Up to 5 AI models", "100K API calls/month", "Basic analytics dashboard", "Email support", "Community access"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "2", badge: "Most Popular", badgeIcon: Sparkles,
|
||||
price: "$999/month", name: "Professional", buttons: [
|
||||
{ text: "Get Started", href: "/signup?plan=professional" },
|
||||
{ text: "Learn More", href: "#" }
|
||||
],
|
||||
features: [
|
||||
"Unlimited AI models", "1M API calls/month", "Advanced analytics & custom dashboards", "Priority support", "Custom integrations", "Team collaboration"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "3", price: "Custom", name: "Enterprise", buttons: [
|
||||
{ text: "Contact Sales", href: "/contact" },
|
||||
{ text: "View Demo", href: "/demo" }
|
||||
],
|
||||
features: [
|
||||
"Unlimited everything", "Custom SLA & dedicated support", "On-premise deployment options", "Advanced security & compliance", "Custom model training", "White-label solutions"
|
||||
]
|
||||
}
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about AIFlow and how it can transform your business."
|
||||
tag="Help"
|
||||
tagIcon={HelpCircle}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How quickly can I integrate AIFlow into my existing systems?", content: "Most integrations take 24-48 hours. Our comprehensive APIs and pre-built connectors support hundreds of platforms. Our technical team provides setup assistance included in your plan."
|
||||
},
|
||||
{
|
||||
id: "2", title: "What level of technical expertise do I need?", content: "Our platform is designed for both technical and non-technical users. No-code workflows available for common tasks, while developers can access full APIs and SDKs for custom implementations."
|
||||
},
|
||||
{
|
||||
id: "3", title: "How secure is my data with AIFlow?", content: "We maintain bank-grade security with AES-256 encryption, regular security audits, and compliance with GDPR, HIPAA, and SOC 2 standards. Data is encrypted in transit and at rest."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Can AIFlow scale as my business grows?", content: "Absolutely. Our infrastructure automatically scales to handle millions of requests. From startup to enterprise, AIFlow grows with you without performance degradation."
|
||||
},
|
||||
{
|
||||
id: "5", title: "What kind of support do you provide?", content: "Support varies by plan: Starter includes email support, Professional includes priority support with 1-hour response time, and Enterprise includes dedicated account management and 24/7 phone support."
|
||||
},
|
||||
{
|
||||
id: "6", title: "Is there a free trial available?", content: "Yes! Start with our free 14-day trial—no credit card required. Access all Professional features to fully evaluate AIFlow for your specific use case."
|
||||
}
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Ready to Transform?"
|
||||
tagIcon={Rocket}
|
||||
title="Start Your AI Journey Today"
|
||||
description="Join thousands of enterprises leveraging AIFlow to automate, innovate, and scale. Get started in minutes with our intuitive platform."
|
||||
buttons={[
|
||||
{ text: "Start Free Trial", href: "/signup" },
|
||||
{ text: "Schedule Demo", href: "/demo" }
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="AIFlow"
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "Security", href: "/security" },
|
||||
{ label: "API Docs", href: "/docs" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
{ label: "Careers", href: "/careers" },
|
||||
{ label: "Contact", href: "/contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Documentation", href: "/docs" },
|
||||
{ label: "Community", href: "https://community.aiflow.com" },
|
||||
{ label: "Support", href: "/support" },
|
||||
{ label: "Status", href: "https://status.aiflow.com" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "/privacy" },
|
||||
{ label: "Terms of Service", href: "/terms" },
|
||||
{ label: "Cookie Policy", href: "/cookies" },
|
||||
{ label: "Compliance", href: "/compliance" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 AIFlow. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user