diff --git a/src/app/auth/page.tsx b/src/app/auth/page.tsx index 17859d7..51b0923 100644 --- a/src/app/auth/page.tsx +++ b/src/app/auth/page.tsx @@ -19,8 +19,7 @@ export default function AuthPage() { const footerColumns = [ { - title: "Product", - items: [ + title: "Product", items: [ { label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }, { label: "Security", href: "#" }, @@ -28,8 +27,7 @@ export default function AuthPage() { ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About", href: "#about" }, { label: "Blog", href: "#" }, { label: "Careers", href: "#" }, @@ -37,8 +35,7 @@ export default function AuthPage() { ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Cookie Policy", href: "#" }, @@ -70,7 +67,7 @@ export default function AuthPage() { title="Sign In to MindSpark AI" description="Access your intelligent automation workspace and manage all your AI agents and workflows from one place." useInvertedBackground={false} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-modern-ai-workspace-interface-mockup-f-1772790280827-6c51aef0.png?_wi=2" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-modern-ai-workspace-interface-mockup-f-1772790280827-6c51aef0.png" imageAlt="MindSpark AI sign in interface" mediaAnimation="slide-up" mediaPosition="right" @@ -94,9 +91,10 @@ export default function AuthPage() { { value: "14", title: "Free Trial Days" }, { value: "0", title: "Credit Card Required" }, ]} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-modern-collaborative-workspace-showing-1772790280744-d1b0b9ca.png?_wi=3" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-modern-collaborative-workspace-showing-1772790280744-d1b0b9ca.png" imageAlt="Team using MindSpark AI" mediaAnimation="slide-up" + metricsAnimation="slide-up" useInvertedBackground={true} /> diff --git a/src/app/page.tsx b/src/app/page.tsx index 6fc2b1f..16befef 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -8,8 +8,10 @@ import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaA 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 } from "lucide-react"; +import { Sparkles, Zap, Brain, CreditCard, MessageCircle, Users, HelpCircle } from "lucide-react"; import Link from "next/link"; export default function HomePage() { @@ -23,8 +25,7 @@ export default function HomePage() { const footerColumns = [ { - title: "Product", - items: [ + title: "Product", items: [ { label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }, { label: "Security", href: "#" }, @@ -32,8 +33,7 @@ export default function HomePage() { ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About", href: "#about" }, { label: "Blog", href: "#" }, { label: "Careers", href: "#" }, @@ -41,8 +41,7 @@ export default function HomePage() { ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Cookie Policy", href: "#" }, @@ -80,46 +79,30 @@ export default function HomePage() { leftCarouselItems={[ { videoSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/an-animated-continuous-loop-video-showin-1772790278976-fc1f5307.jpg", - videoAriaLabel: "AI dashboard in action", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/an-animated-continuous-loop-video-showin-1772790278976-fc1f5307.jpg", videoAriaLabel: "AI dashboard in action"}, { videoSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-continuous-loop-video-demonstrating-re-1772790282011-a6f4e69c.png", - videoAriaLabel: "Real-time automation processing", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-continuous-loop-video-demonstrating-re-1772790282011-a6f4e69c.png", videoAriaLabel: "Real-time automation processing"}, { videoSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-looping-3d-animation-featuring-morphin-1772790278753-4502f695.png", - videoAriaLabel: "3D morphing interface animation", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-looping-3d-animation-featuring-morphin-1772790278753-4502f695.png", videoAriaLabel: "3D morphing interface animation"}, { videoSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-continuous-loop-video-showcasing-an-ai-1772790280851-39f9e22d.png", - videoAriaLabel: "Avatar-based AI interaction", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-continuous-loop-video-showcasing-an-ai-1772790280851-39f9e22d.png", videoAriaLabel: "Avatar-based AI interaction"}, ]} rightCarouselItems={[ { imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-modern-ai-workspace-interface-mockup-f-1772790280827-6c51aef0.png?_wi=1", - imageAlt: "MindSpark AI workspace interface", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-modern-ai-workspace-interface-mockup-f-1772790280827-6c51aef0.png", imageAlt: "MindSpark AI workspace interface"}, { imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/an-advanced-analytics-dashboard-mockup-w-1772790280573-9458a2e3.png?_wi=1", - imageAlt: "Advanced analytics dashboard", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/an-advanced-analytics-dashboard-mockup-w-1772790280573-9458a2e3.png", imageAlt: "Advanced analytics dashboard"}, { imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-3d-ai-model-visualization-interface-sh-1772790278523-fd671144.png?_wi=1", - imageAlt: "3D AI model visualization", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-3d-ai-model-visualization-interface-sh-1772790278523-fd671144.png", imageAlt: "3D AI model visualization"}, { imageSrc: - "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", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-workflow-automation-builder-interface--1772790279560-d6949272.png", imageAlt: "Automation workflow builder"}, ]} buttons={[ { text: "Start Free Trial", href: "/auth" }, @@ -143,40 +126,24 @@ export default function HomePage() { features={[ { id: 1, - title: "3D Morphing Interface", - description: - "Watch your workspace transform in real-time with smooth 3D morphing animations that adapt to your workflow", - 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", - }, + title: "3D Morphing Interface", description: + "Watch your workspace transform in real-time with smooth 3D morphing animations that adapt to your workflow", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-showcase-of-3d-morphing-interface-anim-1772790278712-68c22077.png", imageAlt: "3D morphing interface animation"}, { id: 2, - title: "Masked Avatar Animation", - description: - "Personalized AI avatars that respond to your commands with sophisticated masking and expression animations", - 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", - }, + title: "Masked Avatar Animation", description: + "Personalized AI avatars that respond to your commands with sophisticated masking and expression animations", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-personalized-ai-avatar-with-sophistica-1772790280055-401d730e.png", imageAlt: "Personalized AI avatar with masked animations"}, { id: 3, - title: "Social Flip Button Interactions", - description: - "Engage with intuitive flip animations that reveal contextual actions and social sharing capabilities", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/interactive-flip-button-animations-with--1772790280880-78014230.png?_wi=1", - imageAlt: "Interactive flip button animations", - }, + title: "Social Flip Button Interactions", description: + "Engage with intuitive flip animations that reveal contextual actions and social sharing capabilities", 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: "Continuous Loop Video Processing", - description: - "Real-time video analysis with loop processing for continuous monitoring and insights generation", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-continuous-loop-video-processing-visua-1772790280765-b9f63984.png", - imageAlt: "Continuous loop video processing visualization", - }, + title: "Continuous Loop Video Processing", description: + "Real-time video analysis with loop processing for continuous monitoring and insights generation", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-continuous-loop-video-processing-visua-1772790280765-b9f63984.png", imageAlt: "Continuous loop video processing visualization"}, ]} buttons={[{ text: "Explore All Features", href: "#workspace" }]} /> @@ -194,9 +161,10 @@ export default function HomePage() { { value: "50K+", title: "Active Users" }, { value: "99.9%", title: "Uptime Guarantee" }, ]} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-modern-collaborative-workspace-showing-1772790280744-d1b0b9ca.png?_wi=1" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZB3zM95gknux0zIzJRmQ6sQPY/a-modern-collaborative-workspace-showing-1772790280744-d1b0b9ca.png" imageAlt="MindSpark AI team collaborating" mediaAnimation="slide-up" + metricsAnimation="slide-up" useInvertedBackground={true} /> @@ -214,57 +182,29 @@ export default function HomePage() { animationType="slide-up" plans={[ { - id: "starter", - price: "$29/month", - name: "Starter Plan", - buttons: [ + 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", - ], + "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: [ + 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", - ], + "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: [ + 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", - ], + "Unlimited everything", "Real-time processing", "Full animation suite", "Dedicated account manager", "24/7 phone support", "White-label options", "Custom infrastructure"], }, ]} /> @@ -285,65 +225,29 @@ export default function HomePage() { topMarqueeDirection="left" 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: - "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: "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: + "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: - "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: "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: + "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: - "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: "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: + "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: - "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: "4", name: "David Park", handle: "@davidpark_ai", testimonial: + "The animation quality and performance 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: - "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: "5", name: "Lisa Thompson", handle: "@lisathompson_", testimonial: + "Finally, an AI platform that's both powerful and beautiful. The social flip animations are genius.", 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: - "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", - }, + id: "6", name: "James Kumar", handle: "@jkumar_ai", testimonial: + "MindSpark AI delivers enterprise-grade 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"}, ]} /> @@ -362,29 +266,41 @@ export default function HomePage() { 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: "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: "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", - }, + 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"}, + ]} + /> + + + {/* FAQ Section */} +