Merge version_1_1781383452650 into main #2

Merged
bender merged 2 commits from version_1_1781383452650 into main 2026-06-13 20:46:11 +00:00

View File

@@ -5,403 +5,88 @@ import FeaturesImageBento from '@/components/sections/features/FeaturesImageBent
import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
import { CheckCircle, Database, DollarSign, Layers, MessageSquare, Shield, Speaker, Star, User, Zap } from "lucide-react";
import FooterSimpleMedia from '@/components/sections/footer/FooterSimpleMedia';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroSplitVerticalMarquee
tag="Next-Gen AI Automation"
title="WE BUILD END-TO-END AI AUTOMATION SYSTEMS"
description="Deploy enterprise-grade AI systems that automate operations, increase revenue, and scale your business 24/7."
primaryButton={{
text: "Start Free Trial",
href: "#contact",
}}
secondaryButton={{
text: "Watch Demo",
href: "#showcase",
}}
leftItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-3d-furry-orb-with-pom-pom-icon_23-2152009942.jpg?_wi=1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-network-connections-low-poly-plexus-design_1048-11867.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-digital-network-flow_84443-74097.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-plexus-design-with-connecting-lines-dots-network-communications_1048-12200.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-technology-background-with-low-poly-connecting-lines-dots_1048-8641.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-concept_1194-617406.jpg",
},
]}
rightItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/robotic-human-heart-futuristic-representation_23-2151681123.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-colorful-lights_23-2147881599.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-biorobots-concept_23-2149524379.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-background-with-connecting-dots-lines_1048-5910.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6130.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-roman-figure-statue_23-2149444218.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
tag="Next-Gen AI Automation"
title="WE BUILD END-TO-END AI AUTOMATION SYSTEMS"
description="Deploy enterprise-grade AI systems that automate operations, increase revenue, and scale your business 24/7."
primaryButton={{ text: "Start Free Trial", href: "#contact" }}
secondaryButton={{ text: "Watch Demo", href: "#showcase" }}
leftItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-3d-furry-orb-with-pom-pom-icon_23-2152009942.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-network-connections-low-poly-plexus-design_1048-11867.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-digital-network-flow_84443-74097.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-plexus-design-with-connecting-lines-dots-network-communications_1048-12200.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-technology-background-with-low-poly-connecting-lines-dots_1048-8641.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-concept_1194-617406.jpg" }
]}
rightItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/robotic-human-heart-futuristic-representation_23-2151681123.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-colorful-lights_23-2147881599.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-biorobots-concept_23-2149524379.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-background-with-connecting-dots-lines_1048-5910.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6130.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-roman-figure-statue_23-2149444218.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesBento
tag="Core Capabilities"
title="Built for Intelligent Scale"
description="From lead gen to security, our stack empowers your business with autonomous workflows."
features={[
{
title: "AI Lead Gen",
description: "High-intent automated lead sourcing.",
bentoComponent: "orbiting-icons",
centerIcon: Zap,
orbitIcons: [
"Bot",
"Target",
"User",
"BarChart",
],
imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg",
imageAlt: "ai dashboard ui",
},
{
title: "CRM Integration",
description: "Seamless data flow between platforms.",
bentoComponent: "info-card-marquee",
infoCards: [
{
icon: Database,
label: "Sync Speed",
value: "1ms",
},
{
icon: Layers,
label: "Integrations",
value: "500+",
},
{
icon: Shield,
label: "Success",
value: "100%",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/abstract-3d-furry-orb-with-pom-pom-icon_23-2152009942.jpg?_wi=2",
imageAlt: "ai dashboard ui",
},
{
title: "Predictive Analytics",
description: "Foresee future market movements.",
bentoComponent: "animated-bar-chart",
imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12013.jpg",
imageAlt: "ai dashboard ui",
},
{
title: "Enterprise Security",
description: "Bank-grade encrypted AI operations.",
bentoComponent: "checklist-timeline",
heading: "Safety Protocols",
subheading: "Standards met",
checklistItems: [
{
label: "SOC2",
detail: "Certified",
},
{
label: "GDPR",
detail: "Compliant",
},
{
label: "AES",
detail: "256-bit",
},
],
completedLabel: "Secure",
imageSrc: "http://img.b2bpic.net/free-photo/bulb-with-black-speech-bubbles_1134-174.jpg",
imageAlt: "ai dashboard ui",
},
{
title: "Smart Assistant",
description: "Context-aware AI support systems.",
bentoComponent: "chat-marquee",
aiIcon: Star,
userIcon: User,
exchanges: [
{
userMessage: "Scale ops?",
aiResponse: "Running 24/7.",
},
{
userMessage: "Profit?",
aiResponse: "Increased by 40%.",
},
{
userMessage: "Security?",
aiResponse: "Fully encrypted.",
},
],
placeholder: "...",
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884863.jpg",
imageAlt: "ai dashboard ui",
},
{
title: "Workflows",
description: "Automated pipeline management.",
bentoComponent: "media-stack",
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-checking-satisfaction-checklist-box-copy-space_1258-88647.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/focused-woman-working-with-ai-chatbot-her-desktop-computer_482257-126438.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241199.jpg?_wi=1",
imageAlt: "ai dashboard ui",
},
{
title: "Sales Agent",
description: "Automated outreach & conversion.",
bentoComponent: "tilted-stack-cards",
stackCards: [
{
icon: MessageSquare,
title: "Outreach",
subtitle: "Autonomous",
detail: "Automated",
},
{
icon: CheckCircle,
title: "Conversion",
subtitle: "High",
detail: "Optimized",
},
{
icon: DollarSign,
title: "Revenue",
subtitle: "Growth",
detail: "Scale",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/multicultural-team-women-leaders-hold-online-conference-call_482257-123708.jpg?_wi=1",
imageAlt: "ai dashboard ui",
},
{
title: "Marketing Engine",
description: "Autonomous content distribution.",
bentoComponent: "icon-text-marquee",
centerIcon: Speaker,
marqueeTexts: [
"Viral",
"Impact",
"Growth",
"Scale",
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336612.jpg?_wi=1",
imageAlt: "ai dashboard ui",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsMediaCards
tag="Performance Stats"
title="Proven Scalability"
description="Numbers speak for our performance in the field."
metrics={[
{
value: "10M+",
title: "Tasks Automated",
description: "Total process cycles.",
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241199.jpg?_wi=2",
},
{
value: "500K+",
title: "Businesses",
description: "Satisfied partners.",
imageSrc: "http://img.b2bpic.net/free-photo/multicultural-team-women-leaders-hold-online-conference-call_482257-123708.jpg?_wi=2",
},
{
value: "99.99%",
title: "Uptime",
description: "Critical reliability.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336612.jpg?_wi=2",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="showcase" data-section="showcase">
<SectionErrorBoundary name="showcase">
<FeaturesImageBento
tag="Product Suite"
title="AI Operating System"
description="Visualizing your business intelligence in real-time."
items={[
{
title: "Revenue Graph",
description: "Live financial metrics.",
imageSrc: "http://img.b2bpic.net/free-photo/business-investor-analyzing-stock-market-trend-monitor-trading-capital-profit-exchange-investment-young-broker-investing-funds-using-financial-forex-market-sales-close-up-handheld-shot_482257-40948.jpg",
},
{
title: "Workflow Builder",
description: "Drag-and-drop automation.",
imageSrc: "http://img.b2bpic.net/free-photo/web-template-layout-draft-sketch_53876-127643.jpg",
},
{
title: "CRM Overview",
description: "Customer lifecycle management.",
imageSrc: "http://img.b2bpic.net/free-photo/financial-analyst-creating-e-commerce-data-graphs-screen-using-computer-plan-profit-information-charts-executive-manager-working-with-economy-report-diagram-analysis_482257-40941.jpg",
},
{
title: "Predictive Charts",
description: "Data-driven decision making.",
imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148219823.jpg",
},
{
title: "Automation Center",
description: "Run your business remotely.",
imageSrc: "http://img.b2bpic.net/free-photo/coder-workstation-programming-computer-writing-lines-code-close-up_482257-118817.jpg",
},
{
title: "AI Assistant Panel",
description: "Interactive natural language.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg",
},
{
title: "Compliance Shield",
description: "Secure infrastructure monitor.",
imageSrc: "http://img.b2bpic.net/free-psd/gradient-data-privacy-design-template_23-2149316852.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialMarqueeCards
tag="Social Proof"
title="Loved by Global Brands"
description="Hear from the leaders automating their future."
testimonials={[
{
name: "Sarah Jenkins",
role: "CEO",
quote: "The most powerful AI tool in our stack.",
imageSrc: "http://img.b2bpic.net/free-photo/man-coffee-shop-with-tablet_1157-623.jpg",
},
{
name: "Mark Thorne",
role: "CTO",
quote: "Unparalleled scaling performance.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-late-night_23-2150170822.jpg",
},
{
name: "Elena V.",
role: "Founder",
quote: "Automated everything in 48 hours.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-clipboard_23-2148920609.jpg",
},
{
name: "David Park",
role: "Strategist",
quote: "Finally, a real enterprise AI.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-man-listening-music_23-2148763848.jpg",
},
{
name: "Linda Chen",
role: "Director",
quote: "Exceeded all our KPIs.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businessman-works-laptop_1163-5473.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTabbedAccordion
tag="Questions"
title="Frequently Asked"
description="Everything you need to get started today."
categories={[
{
name: "General",
items: [
{
question: "Is it secure?",
answer: "Yes, bank-grade encryption.",
},
{
question: "Can I scale?",
answer: "Unlimited capacity available.",
},
],
},
{
name: "Pricing",
items: [
{
question: "Any free tier?",
answer: "Yes, start free trial.",
},
],
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Get Started"
text="READY TO BUILD THE FUTURE?"
primaryButton={{
text: "Start Free Trial",
href: "#contact",
}}
secondaryButton={{
text: "Contact Sales",
href: "#contact",
}}
/>
</SectionErrorBoundary>
</div>
tag="Core Capabilities"
title="Built for Intelligent Scale"
description="From lead gen to security, our stack empowers your business with autonomous workflows."
features={[
{ title: "AI Lead Gen", description: "High-intent automated lead sourcing.", bentoComponent: "orbiting-icons", centerIcon: "Zap", orbitIcons: ["Bot", "Target", "User", "BarChart"] },
{ title: "CRM Integration", description: "Seamless data flow between platforms.", bentoComponent: "info-card-marquee", infoCards: [{ icon: "Database", label: "Sync Speed", value: "1ms" }, { icon: "Layers", label: "Integrations", value: "500+" }, { icon: "Shield", label: "Success", value: "100%" }] },
{ title: "Predictive Analytics", description: "Foresee future market movements.", bentoComponent: "animated-bar-chart" },
{ title: "Enterprise Security", description: "Bank-grade encrypted AI operations.", bentoComponent: "checklist-timeline", heading: "Safety Protocols", subheading: "Standards met", checklistItems: [{ label: "SOC2", detail: "Certified" }, { label: "GDPR", detail: "Compliant" }, { label: "AES", detail: "256-bit" }], completedLabel: "Secure" },
{ title: "Smart Assistant", description: "Context-aware AI support systems.", bentoComponent: "chat-marquee", aiIcon: "Star", userIcon: "User", exchanges: [{ userMessage: "Scale ops?", aiResponse: "Running 24/7." }, { userMessage: "Profit?", aiResponse: "Increased by 40%." }, { userMessage: "Security?", aiResponse: "Fully encrypted." }], placeholder: "..." },
{ title: "Workflows", description: "Automated pipeline management.", bentoComponent: "media-stack", mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-checking-satisfaction-checklist-box-copy-space_1258-88647.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/focused-woman-working-with-ai-chatbot-her-desktop-computer_482257-126438.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg" }] },
{ title: "Sales Agent", description: "Automated outreach & conversion.", bentoComponent: "tilted-stack-cards", stackCards: [{ icon: "MessageSquare", title: "Outreach", subtitle: "Autonomous", detail: "Automated" }, { icon: "CheckCircle", title: "Conversion", subtitle: "High", detail: "Optimized" }, { icon: "DollarSign", title: "Revenue", subtitle: "Growth", detail: "Scale" }] },
{ title: "Marketing Engine", description: "Autonomous content distribution.", bentoComponent: "icon-text-marquee", centerIcon: "Speaker", marqueeTexts: ["Viral", "Impact", "Growth", "Scale"] }
]}
/>
</SectionErrorBoundary>
</div>
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsMediaCards tag="Performance Stats" title="Proven Scalability" description="Numbers speak for our performance in the field." metrics={[{ value: "10M+", title: "Tasks Automated", description: "Total process cycles.", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241199.jpg" }, { value: "500K+", title: "Businesses", description: "Satisfied partners.", imageSrc: "http://img.b2bpic.net/free-photo/multicultural-team-women-leaders-hold-online-conference-call_482257-123708.jpg" }, { value: "99.99%", title: "Uptime", description: "Critical reliability.", imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336612.jpg" }]} />
</SectionErrorBoundary>
</div>
<div id="showcase" data-section="showcase">
<SectionErrorBoundary name="showcase">
<FeaturesImageBento tag="Product Suite" title="AI Operating System" description="Visualizing your business intelligence in real-time." items={[{ title: "Revenue Graph", description: "Live financial metrics.", imageSrc: "http://img.b2bpic.net/free-photo/business-investor-analyzing-stock-market-trend-monitor-trading-capital-profit-exchange-investment-young-broker-investing-funds-using-financial-forex-market-sales-close-up-handheld-shot_482257-40948.jpg" }, { title: "Workflow Builder", description: "Drag-and-drop automation.", imageSrc: "http://img.b2bpic.net/free-photo/web-template-layout-draft-sketch_53876-127643.jpg" }, { title: "CRM Overview", description: "Customer lifecycle management.", imageSrc: "http://img.b2bpic.net/free-photo/financial-analyst-creating-e-commerce-data-graphs-screen-using-computer-plan-profit-information-charts-executive-manager-working-with-economy-report-diagram-analysis_482257-40941.jpg" }, { title: "Predictive Charts", description: "Data-driven decision making.", imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148219823.jpg" }, { title: "Automation Center", description: "Run your business remotely.", imageSrc: "http://img.b2bpic.net/free-photo/coder-workstation-programming-computer-writing-lines-code-close-up_482257-118817.jpg" }, { title: "AI Assistant Panel", description: "Interactive natural language.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg" }, { title: "Compliance Shield", description: "Secure infrastructure monitor.", imageSrc: "http://img.b2bpic.net/free-psd/gradient-data-privacy-design-template_23-2149316852.jpg" }]} />
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialMarqueeCards tag="Social Proof" title="Loved by Global Brands" description="Hear from the leaders automating their future." testimonials={[{ name: "Sarah Jenkins", role: "CEO", quote: "The most powerful AI tool in our stack.", imageSrc: "http://img.b2bpic.net/free-photo/man-coffee-shop-with-tablet_1157-623.jpg" }, { name: "Mark Thorne", role: "CTO", quote: "Unparalleled scaling performance.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-late-night_23-2150170822.jpg" }, { name: "Elena V.", role: "Founder", quote: "Automated everything in 48 hours.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-clipboard_23-2148920609.jpg" }, { name: "David Park", role: "Strategist", quote: "Finally, a real enterprise AI.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-man-listening-music_23-2148763848.jpg" }, { name: "Linda Chen", role: "Director", quote: "Exceeded all our KPIs.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businessman-works-laptop_1163-5473.jpg" }]} />
</SectionErrorBoundary>
</div>
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTabbedAccordion tag="Questions" title="Frequently Asked" description="Everything you need to get started today." categories={[{ name: "General", items: [{ question: "Is it secure?", answer: "Yes, bank-grade encryption." }, { question: "Can I scale?", answer: "Unlimited capacity available." }] }, { name: "Pricing", items: [{ question: "Any free tier?", answer: "Yes, start free trial." }] }]} />
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta tag="Get Started" text="READY TO BUILD THE FUTURE?" primaryButton={{ text: "Start Free Trial", href: "#contact" }} secondaryButton={{ text: "Contact Sales", href: "#contact" }} />
</SectionErrorBoundary>
</div>
<div id="footer" data-section="footer">
<SectionErrorBoundary name="footer">
<FooterSimpleMedia brand="NexusAI" columns={[{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] }, { title: "Product", items: [{ label: "Automation", href: "#" }, { label: "Security", href: "#" }] }]} copyright="© 2024 NexusAI. Built for Scale." links={[{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }]} imageSrc="http://img.b2bpic.net/free-photo/chat-conversation-communication-connection-concept_53876-124388.jpg" />
</SectionErrorBoundary>
</div>
</>
);
}
}