324 lines
20 KiB
TypeScript
324 lines
20 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import { Facebook, Linkedin, Twitter } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Solutions", id: "#solutions"},
|
|
{
|
|
name: "Results", id: "#results"},
|
|
{
|
|
name: "Team", id: "#team"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="AI Innovate"
|
|
button={{
|
|
text: "Get a Quote", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
background={{
|
|
variant: "rotated-rays-animated-grid"}}
|
|
title="Unlock Next-Gen {AI} Solutions for Your Business"
|
|
description="Transform operations, boost efficiency, and drive innovation with our bespoke artificial intelligence strategies and deployments. Partner with us to redefine what's possible."
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg", imageAlt: "AI Dashboard showcasing data visualizations"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139374.jpg", imageAlt: "Abstract data visualization with glowing lines"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-shanghai-overpass-night_1359-952.jpg", imageAlt: "Smart city with AI-powered traffic management"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12013.jpg", imageAlt: "Abstract visualization of machine learning algorithms"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/server-farm-it-expert-responds-security-breach-alert-displayed-computer-monitor-working_482257-136068.jpg", imageAlt: "AI defending a digital network against cyber threats"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/admin-data-center-works-with-artificial-intelligence-computerized-model_482257-90084.jpg", imageAlt: "Cloud computing infrastructure powered by AI"},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-man-woman-protective-glasses-doing-experiments-robotics-laboratory-robot_1268-23346.jpg", imageAlt: "Futuristic robot interacting with a touchscreen"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/doctors-wearing-vr-simulation-with-hologram-medical-technology_53876-98566.jpg", imageAlt: "AI doctor reviewing patient data"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/engineers-working-smart-factory-collecting-analyzing-data_482257-120556.jpg", imageAlt: "Industrial robots in an automated factory"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code-green_146671-18924.jpg", imageAlt: "User interacting with an AI virtual assistant"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-illustration-with-neon-colors-futuristic-technology_23-2151672012.jpg", imageAlt: "AI generating creative content, flowing digital patterns"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/group-adult-students-using-vr-headsets-computer-class_74855-1934.jpg", imageAlt: "AI personal tutor assisting a student"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Explore Services", href: "#services"},
|
|
{
|
|
text: "Book a Demo", href: "#contact"},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-outdoors-successful-business-person_23-2148763862.jpg", alt: "AI innovator avatar"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/businesswoman-using-sign-language-outdoors-work_23-2148740315.jpg", alt: "Tech visionary avatar"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/blond-businessman-sad-expression_1194-3905.jpg", alt: "Data strategist avatar"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/asian-architect-woman_53876-31462.jpg", alt: "Algorithm expert avatar"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-pensive-businessman-cafe_1098-16450.jpg", alt: "Machine learning specialist avatar"},
|
|
]}
|
|
avatarText="Join over 5,000 satisfied clients driving AI innovation."
|
|
marqueeItems={[
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/businessman-working-with-digital-tablet-computer-smart-phone-laptop_1423-78.jpg", alt: "Tech Innovations logo"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-vector/initial-monogram-letter-b-creative-technology-concept-logo-design-template_645578-1236.jpg", alt: "Data Dynamics logo"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-vector/technology-logo-collection_23-2148152336.jpg", alt: "Future Systems logo"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-vector/sphere-mono-line-globe-logo-ideas-inspiration-logo-design-template-vector-illustration-isolated-white-background_384344-745.jpg", alt: "Global Enterprises logo"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-vector/abstract-logo-template-gradient-style_52683-13887.jpg", alt: "Pinnacle Corp logo"},
|
|
]}
|
|
marqueeSpeed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Pioneering the Future of {AI} Innovation"
|
|
description="At AI Innovate, we empower businesses to harness the transformative power of artificial intelligence. Our expert team designs and implements cutting-edge AI solutions tailored to your unique challenges and objectives, ensuring measurable impact and sustainable growth. We are committed to ethical AI and delivering exceptional value."
|
|
bulletPoints={[
|
|
{
|
|
title: "Strategic AI Consulting", description: "Developing tailored AI roadmaps aligned with your business goals."},
|
|
{
|
|
title: "Custom AI Development", description: "Building bespoke machine learning models and intelligent systems."},
|
|
{
|
|
title: "Seamless AI Integration", description: "Integrating AI solutions smoothly into your existing infrastructure."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/general-director-reviewing-data-analytics-with-her-team-successful-development-plan_482257-118674.jpg"
|
|
imageAlt="AI researchers collaborating in a modern office"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSix
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "AI Strategy & Consulting", description: "Define clear AI objectives, assess readiness, and chart a strategic roadmap for successful implementation.", imageSrc: "http://img.b2bpic.net/free-photo/people-doing-handshake-ai-based-server-farm-checking-files-doing-deal_482257-119985.jpg", imageAlt: "AI strategy icon with charts"},
|
|
{
|
|
title: "Machine Learning Development", description: "Build custom ML models, from predictive analytics to deep learning solutions, tailored for your data.", imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900791.jpg", imageAlt: "Machine learning development with neural network"},
|
|
{
|
|
title: "Natural Language Processing (NLP)", description: "Implement advanced NLP models for sentiment analysis, chatbots, and intelligent text processing.", imageSrc: "http://img.b2bpic.net/free-photo/speech-bubble-conversation-talk-message-graphic_53876-127864.jpg", imageAlt: "Natural Language Processing with speech bubbles"},
|
|
]}
|
|
title="Comprehensive {AI} Services"
|
|
description="From strategy to implementation, our suite of AI services is designed to elevate your business performance and unlock new opportunities for growth and efficiency."
|
|
/>
|
|
</div>
|
|
|
|
<div id="solutions" data-section="solutions">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
products={[
|
|
{
|
|
id: "healthcare-ai", name: "AI for Healthcare", price: "Custom", variant: "Diagnostics & Patient Care", imageSrc: "http://img.b2bpic.net/free-photo/general-practitioner-consults-old-female-patient-about-diagnostic-test-results_482257-126852.jpg", imageAlt: "AI diagnostics in healthcare"},
|
|
{
|
|
id: "finance-ai", name: "AI for Finance", price: "Custom", variant: "Risk Management & Trading", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design-smartphone_23-2150165971.jpg", imageAlt: "AI analyzing financial market data"},
|
|
{
|
|
id: "retail-ai", name: "AI for Retail", price: "Custom", variant: "Personalized Customer Experience", imageSrc: "http://img.b2bpic.net/free-photo/anthropomorphic-robot-that-performs-regular-human-job_23-2151061712.jpg", imageAlt: "AI-powered personalized shopping"},
|
|
{
|
|
id: "manufacturing-ai", name: "AI for Manufacturing", price: "Custom", variant: "Automation & Quality Control", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-industry-40-concept_23-2149408312.jpg", imageAlt: "AI in automated manufacturing"},
|
|
{
|
|
id: "logistics-ai", name: "AI for Logistics", price: "Custom", variant: "Supply Chain Optimization", imageSrc: "http://img.b2bpic.net/free-photo/drone-flying-modern-warehouse_23-2151989588.jpg", imageAlt: "AI managing supply chain logistics"},
|
|
{
|
|
id: "customerservice-ai", name: "AI for Customer Service", price: "Custom", variant: "Intelligent Chatbots & Support", imageSrc: "http://img.b2bpic.net/free-photo/female-programmer-scanning-her-face-with-biometric-security-technology-virtual-screen-digital-remix_53876-104936.jpg", imageAlt: "AI chatbot for customer service"},
|
|
]}
|
|
title="Our Transformative {AI} Solutions"
|
|
description="Discover how our custom AI solutions are driving tangible results across various industries, creating efficiency and competitive advantage for our clients."
|
|
/>
|
|
</div>
|
|
|
|
<div id="results" data-section="results">
|
|
<MetricCardTwo
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
carouselMode="buttons"
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "efficiency", value: "40%", description: "Average Efficiency Gain"},
|
|
{
|
|
id: "cost-reduction", value: "25%", description: "Average Cost Reduction"},
|
|
{
|
|
id: "roi", value: "3x", description: "Average ROI Increase"},
|
|
]}
|
|
title="Proven Impact & Measurable Results"
|
|
description="Our commitment to excellence and innovation is reflected in the tangible successes we deliver for our clients, driving significant improvements across their operations."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
members={[
|
|
{
|
|
id: "john-doe", name: "John Doe", role: "Chief Executive Officer", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg", imageAlt: "Portrait of John Doe, CEO"},
|
|
{
|
|
id: "jane-smith", name: "Jane Smith", role: "Chief Technology Officer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-brunette-businesswoman-glasses-blue-shirt-holds-tablet-sitting-sofa-room-with-loft-design_613910-211.jpg", imageAlt: "Portrait of Jane Smith, CTO"},
|
|
{
|
|
id: "michael-brown", name: "Michael Brown", role: "Lead Data Scientist", imageSrc: "http://img.b2bpic.net/free-photo/software-technician-apartment-office-deeply-immersed-coding-close-up_482257-88613.jpg", imageAlt: "Portrait of Michael Brown, Lead Data Scientist"},
|
|
]}
|
|
title="Meet Our {AI} Visionaries"
|
|
description="Our team comprises leading AI researchers, data scientists, and engineers dedicated to pushing the boundaries of artificial intelligence and delivering exceptional client solutions."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={true}
|
|
testimonial="AI Innovate revolutionized our data processing, boosting efficiency by 40% and providing insights we never thought possible. Their team's expertise and dedication were truly exceptional."
|
|
rating={5}
|
|
author="Sarah Johnson, CEO of Global Tech Solutions"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-vector/isolated-businessman-set-funny-handsome-businessman-suit-different-poses-white-background_613284-226.jpg", alt: "Sarah Johnson"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/view-3d-man-working-justice-law-field_23-2151228050.jpg", alt: "Michael Chen"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-man-cartoon-character-with-phone_23-2150964365.jpg", alt: "Emily Rodriguez"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/business-graphics-presentation-illustration_23-2151876391.jpg", alt: "David Kim"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/anime-character-using-virtual-reality-glasses-metaverse_23-2151568834.jpg", alt: "Alex Lee"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/3d-cartoon-portrait-working-woman-celebration-labour-day_23-2151306605.jpg", alt: "Maria Garcia"},
|
|
]}
|
|
ratingAnimation="blur-reveal"
|
|
avatarsAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Tech Innovations", "Data Dynamics", "Future Systems", "Global Enterprises", "Pinnacle Corp", "Visionary Labs", "Quantum AI"]}
|
|
title="Trusted by Industry Leaders"
|
|
description="We partner with forward-thinking organizations to deploy impactful AI solutions that drive real business value and accelerate their journey into the future."
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "What exactly does AI Innovate do?", content: "AI Innovate specializes in developing and deploying custom Artificial Intelligence solutions for businesses. We offer strategic consulting, machine learning development, NLP services, and comprehensive support to help you integrate AI effectively."},
|
|
{
|
|
id: "faq-2", title: "How does your AI development process work?", content: "Our process begins with understanding your unique business challenges. We then move through data analysis, model design, development, rigorous testing, and seamless integration, followed by ongoing optimization and support."},
|
|
{
|
|
id: "faq-3", title: "What industries do you serve with your AI solutions?", content: "We work across a diverse range of industries, including healthcare, finance, retail, manufacturing, logistics, and customer service, providing tailored AI solutions to meet specific sector needs."},
|
|
]}
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Find quick answers to common questions about our AI services, development process, and how we can effectively partner with your business."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
tag="Get Started"
|
|
title="Let's Build Your {AI} Future Together"
|
|
description="Ready to explore the possibilities of AI for your business? Contact us today for a free consultation and a personalized proposal tailored to your vision."
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-shot-notebook-displaying-ai-machine-learning-algorithms_482257-122159.jpg"
|
|
imageAlt="Human and robot hand shaking, symbolizing AI partnership"
|
|
mediaAnimation="slide-up"
|
|
inputPlaceholder="Your work email"
|
|
buttonText="Request Consultation"
|
|
termsText="By clicking Request Consultation you're confirming that you agree with our Terms and Conditions and Privacy Policy."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="AI Innovate"
|
|
copyrightText="© 2024 AI Innovate. All rights reserved."
|
|
socialLinks={[
|
|
{
|
|
icon: Linkedin,
|
|
href: "#", ariaLabel: "LinkedIn"},
|
|
{
|
|
icon: Twitter,
|
|
href: "#", ariaLabel: "Twitter"},
|
|
{
|
|
icon: Facebook,
|
|
href: "#", ariaLabel: "Facebook"},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|