Merge version_2 into main #5

Merged
bender merged 4 commits from version_2 into main 2026-03-06 10:23:01 +00:00
4 changed files with 59 additions and 210 deletions

View File

@@ -6,14 +6,12 @@ import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Brain } from "lucide-react";
import Link from "next/link";
export default function AuthPage() {
const navItems = [
{ name: "Features", id: "features" },
{ name: "Workspace", id: "workspace" },
{ name: "Pricing", id: "pricing" },
{ name: "About", id: "about" },
{ name: "About", id: "workspace" },
{ name: "Contact", id: "contact" },
];
@@ -21,14 +19,13 @@ export default function AuthPage() {
{
title: "Product", items: [
{ label: "Features", href: "#features" },
{ label: "Pricing", href: "#pricing" },
{ label: "Security", href: "#" },
{ label: "Roadmap", href: "#" },
],
},
{
title: "Company", items: [
{ label: "About", href: "#about" },
{ label: "About", href: "#workspace" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
{ label: "Contact", href: "#contact" },
@@ -43,6 +40,11 @@ export default function AuthPage() {
},
];
const handleAuthSubmit = (data: Record<string, string>) => {
console.log("Auth form submitted:", data);
// Handle authentication here
};
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
@@ -76,6 +78,7 @@ export default function AuthPage() {
{ name: "email", type: "email", placeholder: "your@email.com", required: true },
{ name: "password", type: "password", placeholder: "Password", required: true },
]}
onSubmit={handleAuthSubmit}
/>
</div>
@@ -108,4 +111,4 @@ export default function AuthPage() {
</div>
</ThemeProvider>
);
}
}

View File

@@ -1,70 +1,22 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Manrope } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant",
subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
});
const manrope = Manrope({
variable: "--font-manrope",
subsets: ["latin"],
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "MindSpark AI - Intelligent Automation Platform",
description: "Experience the future of work with MindSpark AI. Advanced 3D animations, morphing interfaces, and personalized AI avatars for intelligent automation.",
keywords: "AI automation, 3D animations, intelligent workspace, AI avatars, morphing interface, automation platform",
robots: {
index: true,
follow: true,
},
openGraph: {
title: "MindSpark AI - Intelligent Automation Platform",
description: "Transform your workflow with advanced AI automation, 3D morphing interfaces, and real-time processing.",
url: "https://mindspark-ai.com",
siteName: "MindSpark AI",
type: "website",
images: [
{
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-modern-ai-workspace-interface-mockup-f-1772790280827-6c51aef0.png",
alt: "MindSpark AI Workspace Interface",
},
],
},
twitter: {
card: "summary_large_image",
title: "MindSpark AI - Intelligent Automation Platform",
description: "Experience the future of work with advanced AI automation and sophisticated animations.",
images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-modern-ai-workspace-interface-mockup-f-1772790280827-6c51aef0.png"],
},
};
title: "MindSpark AI", description: "Transform your workflow with MindSpark AI - intelligent automation powered by cutting-edge AI"};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${manrope.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body className={inter.variable}>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1432,7 +1384,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}
}

View File

@@ -5,21 +5,18 @@ import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleAp
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import TeamCardOne from "@/components/sections/team/TeamCardOne";
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Sparkles, Zap, Brain, CreditCard, MessageCircle, Users, HelpCircle } from "lucide-react";
import { Sparkles, Zap, Brain, MessageCircle, HelpCircle } from "lucide-react";
import Link from "next/link";
export default function HomePage() {
const navItems = [
{ name: "Features", id: "features" },
{ name: "Workspace", id: "workspace" },
{ name: "Pricing", id: "pricing" },
{ name: "About", id: "about" },
{ name: "About", id: "workspace" },
{ name: "Contact", id: "contact" },
];
@@ -27,14 +24,13 @@ export default function HomePage() {
{
title: "Product", items: [
{ label: "Features", href: "#features" },
{ label: "Pricing", href: "#pricing" },
{ label: "Security", href: "#" },
{ label: "Roadmap", href: "#" },
],
},
{
title: "Company", items: [
{ label: "About", href: "#about" },
{ label: "About", href: "#workspace" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
{ label: "Contact", href: "#contact" },
@@ -49,6 +45,11 @@ export default function HomePage() {
},
];
const handleContactSubmit = (data: Record<string, string>) => {
console.log("Contact form submitted:", data);
// Handle form submission here
};
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
@@ -71,7 +72,7 @@ export default function HomePage() {
<div id="hero" data-section="hero" className="mx-auto px-4 md:px-6 py-12 md:py-20">
<HeroSplitDoubleCarousel
title="Transform Your Workflow with MindSpark AI"
description="Experience the future of intelligent automation with continuous learning, morphing interfaces, and 3D animations. Your personal AI workspace awaits."
description="Experience the future of intelligent automation with continuous learning, morphing interfaces, and advanced AI capabilities. Your personal AI workspace awaits."
tag="AI-Powered Automation"
tagIcon={Sparkles}
tagAnimation="slide-up"
@@ -105,8 +106,8 @@ export default function HomePage() {
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-workflow-automation-builder-interface--1772790279560-d6949272.png?_wi=1", imageAlt: "Automation workflow builder"},
]}
buttons={[
{ text: "Start Free Trial", href: "/auth" },
{ text: "View Demo", href: "#features" },
{ text: "Sign Up", href: "/auth" },
{ text: "Sign In", href: "/auth" },
]}
buttonAnimation="slide-up"
carouselPosition="right"
@@ -126,24 +127,24 @@ export default function HomePage() {
features={[
{
id: 1,
title: "AI Chat ", description:
title: "AI Chat", description:
"Smart conversational AI that answers questions, explains concepts, and helps you get things done faster through natural and interactive conversations", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-showcase-of-3d-morphing-interface-anim-1772790278712-68c22077.png?_wi=1", imageAlt: "3D morphing interface animation"},
{
id: 2,
title: "Code ", description:
"Generate, understand, and improve code instantly. Get help with programming, debugging, and learning different coding languages with AI-powered assistance ", imageSrc:
title: "Code Writing", description:
"Generate, understand, and improve code instantly. Get help with programming, debugging, and learning different coding languages with AI-powered assistance", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-personalized-ai-avatar-with-sophistica-1772790280055-401d730e.png?_wi=1", imageAlt: "Personalized AI avatar with masked animations"},
{
id: 3,
title: "Content ", description:
"Create high-quality content in seconds. From articles and blog posts to captions and emails, AI helps you write faster and better ", imageSrc:
title: "Content Writing", description:
"Create high-quality content in seconds. From articles and blog posts to captions and emails, AI helps you write faster and better", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/interactive-flip-button-animations-with--1772790280880-78014230.png", imageAlt: "Interactive flip button animations"},
{
id: 4,
title: "Suggestions ", description:
"Receive intelligent suggestions to improve your ideas, writing, and workflow. AI analyzes your input and offers helpful recommendations to make your work better ", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/uploaded-1772791635284-p73g69wg.jpg", imageAlt: "Continuous loop video processing visualization"},
title: "AI Suggestions", description:
"Receive intelligent suggestions to improve your ideas, writing, and workflow. AI analyzes your input and offers helpful recommendations to make your work better", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/uploaded-1772792510520-0ykwqkft.jpg", imageAlt: "AI feature showcase"},
]}
buttons={[{ text: "Explore All Features", href: "#workspace" }]}
/>
@@ -169,47 +170,6 @@ export default function HomePage() {
/>
</div>
{/* Pricing Section */}
<div id="pricing" data-section="pricing" className="mx-auto px-4 md:px-6 py-12 md:py-20">
<PricingCardThree
title="Transparent Pricing for Every Need"
description="Choose the perfect plan to power your AI workflow with flexible pricing and premium features"
tag="Pricing"
tagIcon={CreditCard}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
plans={[
{
id: "starter", price: "$29/month", name: "Starter Plan", buttons: [
{ text: "Get Started", href: "/auth" },
{ text: "Learn More", href: "#contact" },
],
features: [
"Up to 5 AI agents", "1000 monthly API calls", "Basic 3D animations", "Email support", "Community access"],
},
{
id: "pro", badge: "Most Popular", badgeIcon: Sparkles,
price: "$99/month", name: "Pro Plan", buttons: [
{ text: "Start Free Trial", href: "/auth" },
{ text: "Schedule Demo", href: "#contact" },
],
features: [
"Unlimited AI agents", "100K monthly API calls", "Advanced 3D morphing", "Masked avatar animations", "Priority support", "Custom integrations"],
},
{
id: "enterprise", price: "Custom", name: "Enterprise Plan", buttons: [
{ text: "Contact Sales", href: "#contact" },
{ text: "Get Proposal", href: "/auth" },
],
features: [
"Unlimited everything", "Real-time processing", "Full animation suite", "Dedicated account manager", "24/7 phone support", "White-label options", "Custom infrastructure"],
},
]}
/>
</div>
{/* Testimonials Section */}
<div id="testimonials" data-section="testimonials" className="mx-auto px-4 md:px-6 py-12 md:py-20">
<TestimonialCardSix
@@ -226,58 +186,32 @@ export default function HomePage() {
testimonials={[
{
id: "1", name: "Sarah Chen", handle: "@sarahchen", testimonial:
"MindSpark AI transformed how our team handles automation. The 3D interface alone is worth it - absolutely stunning.", imageSrc:
"MindSpark AI transformed how our team handles automation. The AI capabilities are incredibly powerful and intuitive.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-professional-headshot-of-a-young-asian-1772790280459-b62285ef.png", imageAlt: "Sarah Chen"},
{
id: "2", name: "Marcus Rodriguez", handle: "@m_rodriguez_tech", testimonial:
"The morphing animations and avatar interactions make this feel like the future of work. Incredible experience.", imageSrc:
"The AI features and automation make this feel like the future of work. Incredible experience and results.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-professional-headshot-of-a-young-latin-1772790280629-9f9cad58.png", imageAlt: "Marcus Rodriguez"},
{
id: "3", name: "Emma Williams", handle: "@emmawill", testimonial:
"We've cut our workflow time by 60% using MindSpark AI. The continuous video processing is game-changing.", imageSrc:
"We've cut our workflow time by 60% using MindSpark AI. The AI automation is game-changing for our productivity.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-professional-headshot-of-a-young-black-1772790277530-4508511f.png", imageAlt: "Emma Williams"},
{
id: "4", name: "David Park", handle: "@davidpark_ai", testimonial:
"The animation quality and performance are unmatched. Best investment our startup made this year.", imageSrc:
"The AI performance and capabilities are unmatched. Best investment our startup made this year.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-professional-headshot-of-a-young-south-1772790277025-2352b7e3.png", imageAlt: "David Park"},
{
id: "5", name: "Lisa Thompson", handle: "@lisathompson_", testimonial:
"Finally, an AI platform that's both powerful and beautiful. The social flip animations are genius.", imageSrc:
"Finally, an AI platform that's both powerful and beautiful. The features are genius and easy to use.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-professional-headshot-of-a-young-white-1772790278184-e277efa2.png", imageAlt: "Lisa Thompson"},
{
id: "6", name: "James Kumar", handle: "@jkumar_ai", testimonial:
"MindSpark AI delivers enterprise-grade features with a consumer-friendly interface. Phenomenal product.", imageSrc:
"MindSpark AI delivers enterprise-grade AI features with a consumer-friendly interface. Phenomenal product.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-professional-headshot-of-a-young-middl-1772790277600-1635e917.png", imageAlt: "James Kumar"},
]}
/>
</div>
{/* Team Section */}
<div id="team" data-section="team" className="mx-auto px-4 md:px-6 py-12 md:py-20">
<TeamCardOne
title="Meet the Visionaries"
description="The brilliant minds behind MindSpark AI driving innovation in artificial intelligence"
tag="Our Team"
tagIcon={Users}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
gridVariant="three-columns-all-equal-width"
members={[
{
id: "1", name: "Alex Jordan", role: "Chief AI Officer", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-professional-portrait-of-a-tech-execut-1772790276828-d77b37a6.png", imageAlt: "Alex Jordan"},
{
id: "2", name: "Nina Patel", role: "Lead Designer", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-professional-portrait-of-a-creative-de-1772790278345-1837028c.png", imageAlt: "Nina Patel"},
{
id: "3", name: "Thomas Lee", role: "Engineering Lead", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-professional-portrait-of-an-engineerin-1772790278390-bd37cc41.png", imageAlt: "Thomas Lee"},
]}
/>
</div>
{/* FAQ Section */}
<div id="faq" data-section="faq" className="mx-auto px-4 md:px-6 py-12 md:py-20">
<FaqBase
@@ -292,15 +226,20 @@ export default function HomePage() {
animationType="smooth"
faqs={[
{
id: "1", title: "What is MindSpark AI exactly?", content: "MindSpark AI is a next-generation intelligent automation platform featuring advanced 3D animations, morphing interfaces, and personalized AI avatars. It's designed for teams and creators who want to experience the future of work today, with continuous video processing and sophisticated interaction patterns."},
id: "1", title: "What is MindSpark AI exactly?", content:
"MindSpark AI is a next-generation intelligent automation platform featuring advanced AI capabilities, code generation, and content writing features. It's designed for teams and creators who want to experience the future of work today."},
{
id: "2", title: "How do the 3D animations and morphing work?", content: "Our proprietary animation engine uses real-time 3D rendering with GPU acceleration. The morphing interface adapts to your workflow dynamically, creating fluid transitions between different workspace states. All animations are optimized for performance without sacrificing visual fidelity."},
id: "2", title: "What AI features does MindSpark offer?", content:
"Our platform includes AI Chat for conversational assistance, Code Writing for programming help, Content Writing for generating high-quality written content, and AI Suggestions for improving your ideas and workflows."},
{
id: "3", title: "Can I use MindSpark AI with my existing tools?", content: "Absolutely! MindSpark AI integrates seamlessly with 200+ popular platforms including Slack, Zapier, HubSpot, and more. Our API is fully documented and allows custom integrations for any workflow."},
id: "3", title: "Can I use MindSpark AI with my existing tools?", content:
"Absolutely! MindSpark AI integrates seamlessly with 200+ popular platforms including Slack, Zapier, HubSpot, and more. Our API is fully documented and allows custom integrations for any workflow."},
{
id: "4", title: "What about data security and privacy?", content: "We implement enterprise-grade security with AES-256 encryption, SOC 2 Type II compliance, and GDPR adherence. All data is stored securely in multiple geographic regions with automatic backups and disaster recovery protocols."},
id: "4", title: "What about data security and privacy?", content:
"We implement enterprise-grade security with AES-256 encryption, SOC 2 Type II compliance, and GDPR adherence. All data is stored securely in multiple geographic regions with automatic backups and disaster recovery protocols."},
{
id: "5", title: "Is there a free trial available?", content: "Yes! We offer a 14-day free trial of the Pro plan with full access to all features including 3D animations, masked avatars, and advanced automation capabilities. No credit card required to start."},
id: "5", title: "How do I get started with MindSpark AI?", content:
"Simply sign up for a free account or sign in if you already have one. New users get access to all features with a 14-day trial period. No credit card required to get started."},
]}
/>
</div>
@@ -309,13 +248,13 @@ export default function HomePage() {
<div id="contact" data-section="contact" className="mx-auto px-4 md:px-6 py-12 md:py-20">
<ContactSplitForm
title="Get Started with MindSpark AI"
description="Ready to experience the future of intelligent automation? Schedule a demo or get your questions answered by our expert team."
description="Ready to experience the future of intelligent automation? Send us a message and our team will get back to you shortly."
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-modern-workspace-demo-showing-someone--1772790280594-a0cfbdc9.png"
imageAlt="MindSpark AI workspace demo"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Request Demo"
buttonText="Send Message"
inputs={[
{ name: "name", type: "text", placeholder: "Your name", required: true },
{ name: "email", type: "email", placeholder: "your@email.com", required: true },
@@ -326,6 +265,7 @@ export default function HomePage() {
name: "message", placeholder: "Tell us about your automation needs...", rows: 5,
required: true,
}}
onSubmit={handleContactSubmit}
/>
</div>
@@ -338,4 +278,4 @@ export default function HomePage() {
</div>
</ThemeProvider>
);
}
}

View File

@@ -4,17 +4,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Zap, Brain, CreditCard, Sparkles } from "lucide-react";
import Link from "next/link";
import { Zap, Brain } from "lucide-react";
export default function WorkspacePage() {
const navItems = [
{ name: "Features", id: "features" },
{ name: "Workspace", id: "workspace" },
{ name: "Pricing", id: "pricing" },
{ name: "About", id: "about" },
{ name: "About", id: "workspace" },
{ name: "Contact", id: "contact" },
];
@@ -22,14 +19,13 @@ export default function WorkspacePage() {
{
title: "Product", items: [
{ label: "Features", href: "#features" },
{ label: "Pricing", href: "#pricing" },
{ label: "Security", href: "#" },
{ label: "Roadmap", href: "#" },
],
},
{
title: "Company", items: [
{ label: "About", href: "#about" },
{ label: "About", href: "#workspace" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
{ label: "Contact", href: "#contact" },
@@ -121,47 +117,6 @@ export default function WorkspacePage() {
/>
</div>
{/* Workspace Pricing Section */}
<div id="workspace-pricing" data-section="workspace-pricing" className="mx-auto px-4 md:px-6 py-12 md:py-20">
<PricingCardThree
title="Workspace Pricing"
description="Choose a plan that scales with your automation needs"
tag="Workspace Plans"
tagIcon={CreditCard}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
plans={[
{
id: "team", price: "$199/month", name: "Team Plan", buttons: [
{ text: "Get Started", href: "/auth" },
{ text: "Learn More", href: "#" },
],
features: [
"Up to 10 team members", "50 AI agents", "Unlimited workflows", "Advanced analytics", "Team collaboration", "Priority support"],
},
{
id: "business", badge: "Most Popular", badgeIcon: Sparkles,
price: "$499/month", name: "Business Plan", buttons: [
{ text: "Start Free Trial", href: "/auth" },
{ text: "Schedule Demo", href: "#" },
],
features: [
"Unlimited team members", "Unlimited AI agents", "Custom workflows", "Real-time processing", "Advanced security", "24/7 support", "Custom training"],
},
{
id: "dedicated", price: "Custom", name: "Dedicated Plan", buttons: [
{ text: "Contact Us", href: "/auth" },
{ text: "Get Quote", href: "#" },
],
features: [
"Dedicated infrastructure", "Custom SLA", "Dedicated support team", "White-label options", "Advanced compliance", "Custom integrations", "Full API access"],
},
]}
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer" className="mx-auto px-4 md:px-6">
<FooterBaseReveal
@@ -171,4 +126,4 @@ export default function WorkspacePage() {
</div>
</ThemeProvider>
);
}
}