[V0_FILE]typescriptreact:file="components/testimonials.tsx" isEdit="true" isMerged="true" export default function Testimonials() { return (

Success Stories

See how leading companies are transforming their operations with MindSync.

{/* Testimonial 1 */}

MindSync has revolutionized our repair shop. We've captured the expertise of our senior mechanics and now our newer staff perform at expert levels within weeks, not years.

Sarah Johnson

Operations Director, AutoFix Inc.

{/* Testimonial 2 */}

The ROI was immediate. Our maintenance team now resolves issues 60% faster with MindSync's AI guidance, and our downtime has been reduced by over 40%.

Michael Chen

CTO, Industrial Solutions Ltd.

{/* Case study preview */}

Case Study: TechRepair Global

Learn how TechRepair Global reduced training time by 70% and improved customer satisfaction by 45% with MindSync's AI expertise platform.

) } [V0_FILE]typescriptreact:file="tailwind.config.ts" isEdit="true" isMerged="true" import type { Config } from "tailwindcss" const config: Config = { darkMode: ["class"], content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}", "*.{js,ts,jsx,tsx,mdx}", ], theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, keyframes: { "accordion-down": { from: { height: "0" }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: "0" }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", }, }, }, plugins: [require("tailwindcss-animate")], } export default config [V0_FILE]typescriptreact:file="components/theme-provider.tsx" isMerged="true" "use client" import { ThemeProvider as NextThemesProvider } from "next-themes" import type { ThemeProviderProps } from "next-themes" export function ThemeProvider({ children, ...props }: ThemeProviderProps) { return {children} } [V0_FILE]typescriptreact:file="components/theme-toggle.tsx" isMerged="true" "use client" import * as React from "react" import { Moon, Sun } from "lucide-react" import { useTheme } from "next-themes" import { Button } from "@/components/ui/button" export function ThemeToggle() { const { theme, setTheme } = useTheme() const [mounted, setMounted] = React.useState(false) // useEffect only runs on the client, so now we can safely show the UI React.useEffect(() => { setMounted(true) }, []) if (!mounted) { return null } return ( ) } [V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" import type React from "react" import "@/app/globals.css" import { Inter } from "next/font/google" import { ThemeProvider } from "@/components/theme-provider" import Navbar from "@/components/navbar" const inter = Inter({ subsets: ["latin"] }) export const metadata = { title: "MindSync - Scaling Human Expertise with AI", description: "MindSync transforms specialized knowledge into AI-driven solutions, making expertise accessible, scalable, and efficient.", } export default function RootLayout({ children, }: { children: React.ReactNode }) { return ( {children} ) } [V0_FILE]typescriptreact:file="components/navbar.tsx" isEdit="true" "use client" import { useState, useEffect } from "react" import { Button } from "@/components/ui/button" import { useTheme } from "next-themes" import { Moon, Sun, Brain } from "lucide-react" export default function Navbar() { const [isMenuOpen, setIsMenuOpen] = useState(false) const { theme, setTheme } = useTheme() const [mounted, setMounted] = useState(false) useEffect(() => { setMounted(true) }, []) const scrollToSection = (id: string) => { setIsMenuOpen(false) const element = document.getElementById(id) if (element) { element.scrollIntoView({ behavior: "smooth" }) } } const toggleTheme = () => { setTheme(theme === "dark" ? "light" : "dark") } return (

MindSync

{mounted && ( )}

{/* Mobile menu */} {isMenuOpen && (

)}

) } [V0_FILE]typescriptreact:file="components/hero.tsx" isEdit="true" "use client" import { Button } from "@/components/ui/button" import { ArrowRight } from "lucide-react" export default function Hero() { const scrollToSection = (id: string) => { const element = document.getElementById(id) if (element) { element.scrollIntoView({ behavior: "smooth" }) } } return (

{/* Subtle gradient background */}

{/* Content */}

AI-POWERED EXPERTISE

Scaling Human Expertise with Artificial Intelligence

MindSync transforms specialized knowledge into AI-driven solutions, making expertise accessible, scalable, and efficient.

{/* Simple decorative element */}

) } [V0_FILE]typescriptreact:file="components/problem-statement.tsx" isEdit="true" export default function ProblemStatement() { return (

The Challenge

Skilled labor shortages are increasing, making training and expertise transfer a major challenge. Companies struggle to maintain quality as experienced workers retire.

Our Solution

MindSync captures human intelligence and scales it using AI, enabling businesses to operate without skill gaps. We transform expertise into accessible digital knowledge.

) } [V0_FILE]typescriptreact:file="components/how-it-works.tsx" isEdit="true" export default function HowItWorks() { const steps = [ { number: "01", title: "Capture Knowledge", description: "Our AI learns from experienced professionals through observation, conversation, and documentation. We digitize expertise that would otherwise be lost.", }, { number: "02", title: "Scale Expertise", description: "Our platform transforms captured knowledge into AI-powered guidance and automation systems that can be deployed across your organization.", }, { number: "03", title: "Optimize Workflows", description: "Implement AI-assisted execution of complex tasks, enabling faster, smarter operations with reduced training time and consistent quality.", }, ] return (

THE PROCESS

How MindSync Works

Our three-step process transforms human expertise into scalable AI solutions

{steps.map((step, index) => (

{step.number}

{step.title}

{step.description}

{index < steps.length - 1 && (

)}

))}

) } [V0_FILE]typescriptreact:file="components/use-cases.tsx" isEdit="true" import { Car, Wrench, HeadsetIcon } from "lucide-react" export default function UseCases() { const useCases = [ { title: "Automotive Repair", description: "AI-driven diagnostics and repair assistance that captures the expertise of master mechanics.", icon: , metrics: ["70% faster training", "45% improved accuracy", "24/7 expertise access"], }, { title: "Industrial Maintenance", description: "Preventive AI-powered maintenance systems that predict issues before they occur.", icon: , metrics: ["60% reduced downtime", "40% cost savings", "Predictive maintenance"], }, { title: "Technical Support", description: "AI replacing human consultants for technical guidance and troubleshooting.", icon: , metrics: ["90% faster resolution", "Consistent quality", "Unlimited scaling"], }, ] return (

APPLICATIONS

Industry Applications

MindSync's technology adapts to various industries where expertise is critical

{useCases.map((useCase, index) => (

{useCase.icon}

{useCase.title}

{useCase.description}

{metric}

))}

) } [V0_FILE]typescriptreact:file="components/final-cta.tsx" isEdit="true" import { Button } from "@/components/ui/button" export default function FinalCTA() { return (

Join the Future of AI-Powered Expertise

Be among the first to transform how your business captures, scales, and deploys expertise

) } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" import Hero from "@/components/hero" import ProblemStatement from "@/components/problem-statement" import HowItWorks from "@/components/how-it-works" import UseCases from "@/components/use-cases" import FinalCTA from "@/components/final-cta" export default function LandingPage() { return (

) } [V0_FILE]css:file="app/globals.css" isEdit="true" @tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { --background: 0 0% 100%; --foreground: 240 10% 3.9%; --card: 0 0% 100%; --card-foreground: 240 10% 3.9%; --popover: 0 0% 100%; --popover-foreground: 240 10% 3.9%; --primary: 270 70% 50%; --primary-foreground: 0 0% 98%; --secondary: 240 4.8% 95.9%; --secondary-foreground: 240 5.9% 10%; --muted: 240 4.8% 95.9%; --muted-foreground: 240 3.8% 46.1%; --accent: 270 70% 95%; --accent-foreground: 240 5.9% 10%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 0 0% 98%; --border: 240 5.9% 90%; --input: 240 5.9% 90%; --ring: 270 70% 50%; --radius: 0.5rem; } .dark { --background: 240 10% 4%; --foreground: 0 0% 98%; --card: 240 10% 6%; --card-foreground: 0 0% 98%; --popover: 240 10% 6%; --popover-foreground: 0 0% 98%; --primary: 270 70% 50%; --primary-foreground: 0 0% 98%; --secondary: 240 3.7% 15.9%; --secondary-foreground: 0 0% 98%; --muted: 240 3.7% 8%; --muted-foreground: 240 5% 64.9%; --accent: 270 70% 30%; --accent-foreground: 0 0% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 0 0% 98%; --border: 240 3.7% 15.9%; --input: 240 3.7% 15.9%; --ring: 270 70% 50%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } html { scroll-behavior: smooth; }