Merge version_1 into main #1
311
src/app/page.tsx
311
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { BarChart, Lightbulb, Linkedin, ShieldCheck, TrendingUp, Twitter, Zap } from "lucide-react";
|
||||
import { BarChart, LayoutGrid, Lightbulb, Linkedin, PenTool, ShieldCheck, TrendingUp, Twitter, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Approach",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Approach", id: "about" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="NexAI Agency"
|
||||
/>
|
||||
@@ -55,83 +43,32 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Scale Your Business With Enterprise-Grade AI"
|
||||
description="We build custom machine learning solutions that automate workflows, drive actionable insights, and optimize operational efficiency for high-growth companies."
|
||||
kpis={[
|
||||
{
|
||||
value: "40%",
|
||||
label: "Ops Efficiency",
|
||||
},
|
||||
{
|
||||
value: "3x",
|
||||
label: "Scaling Speed",
|
||||
},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Models Built",
|
||||
},
|
||||
{ value: "40%", label: "Ops Efficiency" },
|
||||
{ value: "3x", label: "Scaling Speed" },
|
||||
{ value: "100+", label: "Models Built" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Strategy Call",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Strategy Call", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-graphs-performance-metrics-monitors-office_482257-126569.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",
|
||||
alt: "Client feedback",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg",
|
||||
alt: "Client feedback",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-office-assistant-waiting-corporate-partners_1262-16402.jpg",
|
||||
alt: "Client feedback",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/aspirated-confident-businesswoman-looking-forward_1262-4679.jpg",
|
||||
alt: "Client feedback",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg",
|
||||
alt: "Client feedback",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg", alt: "Client feedback" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg", alt: "Client feedback" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/serious-office-assistant-waiting-corporate-partners_1262-16402.jpg", alt: "Client feedback" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/aspirated-confident-businesswoman-looking-forward_1262-4679.jpg", alt: "Client feedback" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg", alt: "Client feedback" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ industry leaders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Scale",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Automate",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Innovate",
|
||||
icon: Lightbulb,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Optimize",
|
||||
icon: BarChart,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Secure",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{ type: "text-icon", text: "Scale", icon: TrendingUp },
|
||||
{ type: "text-icon", text: "Automate", icon: Zap },
|
||||
{ type: "text-icon", text: "Innovate", icon: Lightbulb },
|
||||
{ type: "text-icon", text: "Optimize", icon: BarChart },
|
||||
{ type: "text-icon", text: "Secure", icon: ShieldCheck },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -140,11 +77,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Empowering Your AI Ambition"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Approach",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Our Approach" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -153,30 +86,10 @@ export default function LandingPage() {
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Workflow Automation",
|
||||
description: "Seamlessly integrate LLMs and RPA to reduce repetitive manual overhead by up to 60%.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-elements-collection-flat-style_23-2147869043.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Predictive Analytics",
|
||||
description: "Transform historical data into real-time forecasting engines to stay ahead of market shifts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg",
|
||||
buttonIcon: "BarChart",
|
||||
},
|
||||
{
|
||||
title: "Generative Content",
|
||||
description: "Deploy custom-trained models that produce high-quality, on-brand content for your internal teams.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/data-base-design_24877-49307.jpg",
|
||||
buttonIcon: "PenTool",
|
||||
},
|
||||
{
|
||||
title: "AI Architecture",
|
||||
description: "Design modular, scalable infrastructure that grows alongside your data processing requirements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-programmer-looking-computer-monitor-data-center-running-scripts_482257-123133.jpg",
|
||||
buttonIcon: "LayoutGrid",
|
||||
},
|
||||
{ title: "Workflow Automation", description: "Seamlessly integrate LLMs and RPA to reduce repetitive manual overhead by up to 60%.", imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-elements-collection-flat-style_23-2147869043.jpg", buttonIcon: Zap },
|
||||
{ title: "Predictive Analytics", description: "Transform historical data into real-time forecasting engines to stay ahead of market shifts.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg", buttonIcon: BarChart },
|
||||
{ title: "Generative Content", description: "Deploy custom-trained models that produce high-quality, on-brand content for your internal teams.", imageSrc: "http://img.b2bpic.net/free-vector/data-base-design_24877-49307.jpg", buttonIcon: PenTool },
|
||||
{ title: "AI Architecture", description: "Design modular, scalable infrastructure that grows alongside your data processing requirements.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-programmer-looking-computer-monitor-data-center-running-scripts_482257-123133.jpg", buttonIcon: LayoutGrid },
|
||||
]}
|
||||
title="Comprehensive AI Services"
|
||||
description="We bridge the gap between complex research and impactful business outcomes."
|
||||
@@ -190,60 +103,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Module",
|
||||
name: "Strategy Audit",
|
||||
price: "$5,000",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-depository-workers-analyzing-bureaucracy-record-working-overhours-accountancy-report-arhive-room-businesspeople-checking-administrative-documents-corporate-repository_482257-71606.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Module",
|
||||
name: "Data Integration",
|
||||
price: "$12,000",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-data-center-admin-doing-checkup-using-machine-learning-prolong-hardware-life-span_482257-136276.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Module",
|
||||
name: "Cloud Infra",
|
||||
price: "$15,000",
|
||||
rating: 5,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-data-center-using-ai-tech-tablet_482257-120039.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Module",
|
||||
name: "Performance Review",
|
||||
price: "$8,000",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-collage_23-2149631010.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Module",
|
||||
name: "Chatbot Deploy",
|
||||
price: "$10,000",
|
||||
rating: 5,
|
||||
reviewCount: "25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-3d-cybermonday-celebration-template_23-2151850782.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Module",
|
||||
name: "Team Workshop",
|
||||
price: "$7,500",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/it-professionals-using-artificial-intelligence-augmented-reality-hologram_482257-91045.jpg",
|
||||
},
|
||||
{ id: "1", brand: "Module", name: "Strategy Audit", price: "$5,000", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/diverse-depository-workers-analyzing-bureaucracy-record-working-overhours-accountancy-report-arhive-room-businesspeople-checking-administrative-documents-corporate-repository_482257-71606.jpg" },
|
||||
{ id: "2", brand: "Module", name: "Data Integration", price: "$12,000", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/close-up-data-center-admin-doing-checkup-using-machine-learning-prolong-hardware-life-span_482257-136276.jpg" },
|
||||
{ id: "3", brand: "Module", name: "Cloud Infra", price: "$15,000", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/technician-data-center-using-ai-tech-tablet_482257-120039.jpg" },
|
||||
{ id: "4", brand: "Module", name: "Performance Review", price: "$8,000", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-collage_23-2149631010.jpg" },
|
||||
{ id: "5", brand: "Module", name: "Chatbot Deploy", price: "$10,000", rating: 5, reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/neon-3d-cybermonday-celebration-template_23-2151850782.jpg" },
|
||||
{ id: "6", brand: "Module", name: "Team Workshop", price: "$7,500", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/it-professionals-using-artificial-intelligence-augmented-reality-hologram_482257-91045.jpg" },
|
||||
]}
|
||||
title="Standardized Solutions"
|
||||
description="Out-of-the-box modules for immediate organizational impact."
|
||||
@@ -257,21 +122,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Automated Workflows Deployed",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5.2M",
|
||||
description: "Predictions Generated",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "85%",
|
||||
description: "Customer Satisfaction Rate",
|
||||
},
|
||||
{ id: "m1", value: "150+", description: "Automated Workflows Deployed" },
|
||||
{ id: "m2", value: "5.2M", description: "Predictions Generated" },
|
||||
{ id: "m3", value: "85%", description: "Customer Satisfaction Rate" },
|
||||
]}
|
||||
title="Data-Driven Success"
|
||||
description="Tangible impact metrics generated for our diverse client base."
|
||||
@@ -283,54 +136,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Efficiency",
|
||||
quote: "NexAI completely overhauled our supply chain data analysis. Pure magic.",
|
||||
name: "Sarah Miller",
|
||||
role: "COO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Speed",
|
||||
quote: "The predictive engine they built saved us thousands of man-hours.",
|
||||
name: "James Chen",
|
||||
role: "VP Eng",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Transformation",
|
||||
quote: "Their team understands both the business and technical constraints perfectly.",
|
||||
name: "Elena Rossi",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-clipboard-smiling-camera_482257-121165.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Scale",
|
||||
quote: "Scaling our AI strategy would have been impossible without NexAI.",
|
||||
name: "David Park",
|
||||
role: "CTO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bald-senior-dressed-stylish-suit-posing-against-dark-background_613910-17578.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Insights",
|
||||
quote: "The automated content generation has doubled our engagement metrics.",
|
||||
name: "Maria Lopez",
|
||||
role: "Head of Growth",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pensive-businessman_1098-701.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "Result",
|
||||
quote: "ROI was evident within the first three months of implementation.",
|
||||
name: "Thomas Wright",
|
||||
role: "Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-sitting-table-with-cocktail-phone_1157-32308.jpg",
|
||||
},
|
||||
{ id: "1", title: "Efficiency", quote: "NexAI completely overhauled our supply chain data analysis. Pure magic.", name: "Sarah Miller", role: "COO", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg" },
|
||||
{ id: "2", title: "Speed", quote: "The predictive engine they built saved us thousands of man-hours.", name: "James Chen", role: "VP Eng", imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg" },
|
||||
{ id: "3", title: "Transformation", quote: "Their team understands both the business and technical constraints perfectly.", name: "Elena Rossi", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-clipboard-smiling-camera_482257-121165.jpg" },
|
||||
{ id: "4", title: "Scale", quote: "Scaling our AI strategy would have been impossible without NexAI.", name: "David Park", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bald-senior-dressed-stylish-suit-posing-against-dark-background_613910-17578.jpg" },
|
||||
{ id: "5", title: "Insights", quote: "The automated content generation has doubled our engagement metrics.", name: "Maria Lopez", role: "Head of Growth", imageSrc: "http://img.b2bpic.net/free-photo/close-up-pensive-businessman_1098-701.jpg" },
|
||||
{ id: "6", title: "Result", quote: "ROI was evident within the first three months of implementation.", name: "Thomas Wright", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-sitting-table-with-cocktail-phone_1157-32308.jpg" },
|
||||
]}
|
||||
title="Voices of Innovation"
|
||||
description="Hear how companies are transforming their operations."
|
||||
@@ -342,26 +153,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a typical deployment take?",
|
||||
content: "Most initial integrations are production-ready within 4-8 weeks.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you own the models built?",
|
||||
content: "No, all IP developed for your company belongs strictly to you.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do you handle data privacy?",
|
||||
content: "We follow strict enterprise-level security protocols and offer on-prem solutions.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Can you integrate with existing stacks?",
|
||||
content: "Yes, we focus on modular API-first architecture designed for interoperability.",
|
||||
},
|
||||
{ id: "f1", title: "How long does a typical deployment take?", content: "Most initial integrations are production-ready within 4-8 weeks." },
|
||||
{ id: "f2", title: "Do you own the models built?", content: "No, all IP developed for your company belongs strictly to you." },
|
||||
{ id: "f3", title: "How do you handle data privacy?", content: "We follow strict enterprise-level security protocols and offer on-prem solutions." },
|
||||
{ id: "f4", title: "Can you integrate with existing stacks?", content: "Yes, we focus on modular API-first architecture designed for interoperability." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common inquiries about our engagement process."
|
||||
@@ -372,9 +167,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Ready to launch?"
|
||||
title="Get Started Today"
|
||||
description="Ready to integrate AI into your workflow? Let's discuss your roadmap."
|
||||
@@ -386,20 +179,12 @@ export default function LandingPage() {
|
||||
logoText="NexAI Agency"
|
||||
copyrightText="© 2025 NexAI. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user