Merge version_1 into main #1
250
src/app/page.tsx
250
src/app/page.tsx
@@ -19,27 +19,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="LogicStepAI"
|
||||
/>
|
||||
@@ -47,24 +43,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Redefining Intelligent Workflows"
|
||||
description="LogicStepAI provides the foundation for next-generation automated intelligence. Built to scale, engineered for precision, and designed for the future of business."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-geometric-shapes-connect-modern-abstract-design-generated-by-ai_188544-26829.jpg",
|
||||
imageAlt: "digital network nodes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139249.jpg",
|
||||
imageAlt: "data flow visualization",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-communications-background-with-flowing-cyber-particles_1048-12671.jpg",
|
||||
imageAlt: "neural network nodes",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-geometric-shapes-connect-modern-abstract-design-generated-by-ai_188544-26829.jpg", imageAlt: "digital network nodes" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139249.jpg", imageAlt: "data flow visualization" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-communications-background-with-flowing-cyber-particles_1048-12671.jpg", imageAlt: "neural network nodes" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -77,18 +62,9 @@ export default function LandingPage() {
|
||||
title="Built for Seamless Intelligence"
|
||||
description="At LogicStepAI, we bridge the gap between complex data infrastructure and actionable business outcomes. Our modular architecture allows you to integrate intelligence exactly where you need it most, without the overhead of traditional systems."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Automated Logic",
|
||||
description: "Dynamic reasoning engines that adapt to your evolving data patterns.",
|
||||
},
|
||||
{
|
||||
title: "Scalable Integration",
|
||||
description: "Cloud-native infrastructure that grows alongside your enterprise needs.",
|
||||
},
|
||||
{
|
||||
title: "Precision Metrics",
|
||||
description: "Deep analytics that provide clarity and performance insights.",
|
||||
},
|
||||
{ title: "Automated Logic", description: "Dynamic reasoning engines that adapt to your evolving data patterns." },
|
||||
{ title: "Scalable Integration", description: "Cloud-native infrastructure that grows alongside your enterprise needs." },
|
||||
{ title: "Precision Metrics", description: "Deep analytics that provide clarity and performance insights." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-investor-looking-stock-trade-sales-computer-using-financial-statistics-plan-business-investment-growth-market-analyst-working-with-real-time-forex-exchange-graphs_482257-40949.jpg"
|
||||
imageAlt="modern AI dashboard"
|
||||
@@ -102,42 +78,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Smart Logic Trees",
|
||||
author: "Logic Engine",
|
||||
description: "Define complex decision paths with our intuitive visual AI framework.",
|
||||
tags: [
|
||||
"AI",
|
||||
"Logic",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-flat-style-big-data-background_23-2147921199.jpg",
|
||||
imageAlt: "intelligent data icon",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Secure Pipelines",
|
||||
author: "Security Ops",
|
||||
description: "Enterprise-grade encryption and automated compliance for all data.",
|
||||
tags: [
|
||||
"Security",
|
||||
"Cloud",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-security-with-3d-shields-with-padlocks_107791-16214.jpg",
|
||||
imageAlt: "secure data icon",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Speed Processing",
|
||||
author: "Engine Core",
|
||||
description: "Sub-millisecond latency for real-time model inference and delivery.",
|
||||
tags: [
|
||||
"Speed",
|
||||
"Tech",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-100-years-celebration-pen-tool-created-clipping-path-included-jpeg-easy-composite_460848-8388.jpg",
|
||||
imageAlt: "fast computing icon",
|
||||
},
|
||||
{ id: "f1", title: "Smart Logic Trees", author: "Logic Engine", description: "Define complex decision paths with our intuitive visual AI framework.", tags: ["AI", "Logic"], imageSrc: "http://img.b2bpic.net/free-vector/creative-flat-style-big-data-background_23-2147921199.jpg", imageAlt: "intelligent data icon" },
|
||||
{ id: "f2", title: "Secure Pipelines", author: "Security Ops", description: "Enterprise-grade encryption and automated compliance for all data.", tags: ["Security", "Cloud"], imageSrc: "http://img.b2bpic.net/free-photo/computer-security-with-3d-shields-with-padlocks_107791-16214.jpg", imageAlt: "secure data icon" },
|
||||
{ id: "f3", title: "Speed Processing", author: "Engine Core", description: "Sub-millisecond latency for real-time model inference and delivery.", tags: ["Speed", "Tech"], imageSrc: "http://img.b2bpic.net/free-photo/3d-render-100-years-celebration-pen-tool-created-clipping-path-included-jpeg-easy-composite_460848-8388.jpg", imageAlt: "fast computing icon" }
|
||||
]}
|
||||
title="Core AI Capabilities"
|
||||
description="Powerful tools designed to accelerate your startup's technical roadmap."
|
||||
@@ -150,24 +93,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Zap,
|
||||
title: "Throughput",
|
||||
value: "99.9%",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Shield,
|
||||
title: "Accuracy",
|
||||
value: "98.5%",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Compliance",
|
||||
value: "SOC2",
|
||||
},
|
||||
{ id: "m1", icon: Zap, title: "Throughput", value: "99.9%" },
|
||||
{ id: "m2", icon: Shield, title: "Accuracy", value: "98.5%" },
|
||||
{ id: "m3", icon: Award, title: "Compliance", value: "SOC2" }
|
||||
]}
|
||||
title="Measurable Impact"
|
||||
description="LogicStepAI metrics for performance and efficiency."
|
||||
@@ -180,46 +108,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "LogicStepAI transformed our infrastructure. Simply exceptional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/startup-worker-analyzing-statistics-diagrams-pc_482257-77609.jpg",
|
||||
imageAlt: "professional CTO portrait",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Chen",
|
||||
handle: "@jchen",
|
||||
testimonial: "Unparalleled performance and deep analytical insights.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg",
|
||||
imageAlt: "female professional portrait",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rossi",
|
||||
handle: "@erossi",
|
||||
testimonial: "The logic engines are incredibly intuitive and robust.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-working-from-home-using-laptop-writing-notes-paper_482257-118438.jpg",
|
||||
imageAlt: "young developer portrait",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marcus Webb",
|
||||
handle: "@mwebb",
|
||||
testimonial: "Fast implementation, reliable results, absolute game-changer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-dark-haired-man-glassess-is-sitting-workplace-office-he-wears-blue-shirt-he-is-holdings-pencil-lookind-camera_197531-533.jpg",
|
||||
imageAlt: "tech project manager",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe Vance",
|
||||
handle: "@cvance",
|
||||
testimonial: "This is exactly what the industry was waiting for.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-scientist-server-farm-ensuring-compliance-with-industry-standards_482257-123806.jpg",
|
||||
imageAlt: "entrepreneur business headshot",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", handle: "@smiller", testimonial: "LogicStepAI transformed our infrastructure. Simply exceptional.", imageSrc: "http://img.b2bpic.net/free-photo/startup-worker-analyzing-statistics-diagrams-pc_482257-77609.jpg", imageAlt: "professional CTO portrait" },
|
||||
{ id: "t2", name: "James Chen", handle: "@jchen", testimonial: "Unparalleled performance and deep analytical insights.", imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg", imageAlt: "female professional portrait" },
|
||||
{ id: "t3", name: "Elena Rossi", handle: "@erossi", testimonial: "The logic engines are incredibly intuitive and robust.", imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-working-from-home-using-laptop-writing-notes-paper_482257-118438.jpg", imageAlt: "young developer portrait" },
|
||||
{ id: "t4", name: "Marcus Webb", handle: "@mwebb", testimonial: "Fast implementation, reliable results, absolute game-changer.", imageSrc: "http://img.b2bpic.net/free-photo/young-dark-haired-man-glassess-is-sitting-workplace-office-he-wears-blue-shirt-he-is-holdings-pencil-lookind-camera_197531-533.jpg", imageAlt: "tech project manager" },
|
||||
{ id: "t5", name: "Chloe Vance", handle: "@cvance", testimonial: "This is exactly what the industry was waiting for.", imageSrc: "http://img.b2bpic.net/free-photo/computer-scientist-server-farm-ensuring-compliance-with-industry-standards_482257-123806.jpg", imageAlt: "entrepreneur business headshot" }
|
||||
]}
|
||||
title="Trusted by Visionaries"
|
||||
description="Hear what our partners have to say about the LogicStepAI difference."
|
||||
@@ -230,21 +123,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "What makes LogicStepAI different?",
|
||||
content: "Our modular logic engines prioritize scalability and speed.",
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "How do I integrate my data?",
|
||||
content: "Via our seamless API layer, integration takes mere minutes.",
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Is my data secure?",
|
||||
content: "We follow the highest industry standards for data safety.",
|
||||
},
|
||||
{ id: "faq1", title: "What makes LogicStepAI different?", content: "Our modular logic engines prioritize scalability and speed." },
|
||||
{ id: "faq2", title: "How do I integrate my data?", content: "Via our seamless API layer, integration takes mere minutes." },
|
||||
{ id: "faq3", title: "Is my data secure?", content: "We follow the highest industry standards for data safety." }
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about getting started."
|
||||
@@ -258,25 +139,10 @@ export default function LandingPage() {
|
||||
title="Ready to Start?"
|
||||
description="Reach out to learn how we can optimize your AI strategy."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Work Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Work Email", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we help you?", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gradient-painted-texture-illustration_23-2151867855.jpg"
|
||||
imageAlt="minimalist tech backdrop"
|
||||
/>
|
||||
@@ -286,49 +152,13 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="LogicStepAI"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Support", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user