[V0_FILE]css:file="app/globals.css" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { --background: oklch(0.12 0.02 265); --foreground: oklch(0.98 0 0); --card: oklch(0.16 0.02 265); --card-foreground: oklch(0.98 0 0); --popover: oklch(0.14 0.02 265); --popover-foreground: oklch(0.98 0 0); --primary: oklch(0.65 0.25 265); --primary-foreground: oklch(0.98 0 0); --secondary: oklch(0.55 0.22 295); --secondary-foreground: oklch(0.98 0 0); --muted: oklch(0.25 0.02 265); --muted-foreground: oklch(0.65 0.02 265); --accent: oklch(0.62 0.28 145); --accent-foreground: oklch(0.98 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.98 0 0); --border: oklch(0.22 0.02 265); --input: oklch(0.22 0.02 265); --ring: oklch(0.65 0.25 265); --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --radius: 0.75rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); } .dark { --background: oklch(0.12 0.02 265); --foreground: oklch(0.98 0 0); --card: oklch(0.16 0.02 265); --card-foreground: oklch(0.98 0 0); --popover: oklch(0.14 0.02 265); --popover-foreground: oklch(0.98 0 0); --primary: oklch(0.65 0.25 265); --primary-foreground: oklch(0.98 0 0); --secondary: oklch(0.55 0.22 295); --secondary-foreground: oklch(0.98 0 0); --muted: oklch(0.25 0.02 265); --muted-foreground: oklch(0.65 0.02 265); --accent: oklch(0.62 0.28 145); --accent-foreground: oklch(0.98 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.98 0 0); --border: oklch(0.22 0.02 265); --input: oklch(0.22 0.02 265); --ring: oklch(0.65 0.25 265); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.439 0 0); } @theme inline { /* optional: --font-sans, --font-serif, --font-mono if they are applied in the layout.tsx */ --font-sans: "Geist", "Geist Fallback"; --font-mono: "Geist Mono", "Geist Mono Fallback"; --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } @keyframes gradient-shift { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } .animate-gradient { background-size: 200% 200%; animation: gradient-shift 8s ease infinite; } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } } .animate-float { animation: float 6s ease-in-out infinite; } .glass-effect { background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); } [V0_FILE]typescriptreact:file="components/header.tsx" isEdit="true" isMerged="true" "use client" import Link from "next/link" import { Button } from "@/components/ui/button" import { ChevronDown } from "lucide-react" import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu" export function Header() { return (

Vision Logic

Services Use Cases AI Invoice Processing {/* Add more use case pages here */} Industries Agents Contact

) } [V0_FILE]typescriptreact:file="components/hero-section.tsx" isMerged="true" "use client" import { Button } from "@/components/ui/button" import { ArrowRight } from "lucide-react" export function HeroSection() { return (

{/* Animated background gradient */}

{/* Grid overlay */}

Reimagining Intelligence.{" "} Engineering Autonomy.

Custom AI Agents. Autonomous Workflows. Fine-Tuned LLMs. RAG Systems. AI Ops.

{/* Bottom fade */}

) } [V0_FILE]typescriptreact:file="components/services-section.tsx" isMerged="true" "use client" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Bot, Workflow, Brain, Search, Settings, Network } from "lucide-react" const services = [ { icon: Workflow, title: "AI Workflow Automation", description: "Streamline operations with intelligent automation that adapts to your business processes.", }, { icon: Bot, title: "Custom Multi-Agent Systems", description: "Build sophisticated agent ecosystems that collaborate to solve complex problems.", }, { icon: Brain, title: "LLM Domain Fine-Tuning", description: "Optimize foundation models with your proprietary data for superior performance.", }, { icon: Search, title: "Retrieval-Augmented Generation", description: "Connect AI to your knowledge base for accurate, contextual responses.", }, { icon: Settings, title: "MLOps & LLMOps Infrastructure", description: "Production-ready pipelines for training, deployment, and monitoring at scale.", }, { icon: Network, title: "AgentOps & Model Context", description: "Advanced agent lifecycle management with MCP protocol integration.", }, ] export function ServicesSection() { return (

What We Build

Real-world AI systems that reason, adapt, and evolve with your business

{services.map((service, index) => (

{service.title} {service.description} ))}

) } [V0_FILE]typescriptreact:file="components/industries-section.tsx" isMerged="true" "use client" import { Card, CardContent } from "@/components/ui/card" import { Scale, Users, ShoppingCart, DollarSign, Heart, GraduationCap } from "lucide-react" const industries = [ { icon: Scale, name: "Legal", description: "Contract Review Agents" }, { icon: Users, name: "HR", description: "AI Recruiters" }, { icon: ShoppingCart, name: "E-Commerce", description: "Autonomous Buying Agents" }, { icon: DollarSign, name: "FinTech", description: "Report Generators, Fraud Detection" }, { icon: Heart, name: "Healthcare", description: "EMR Summarization, Triage Bots" }, { icon: GraduationCap, name: "EdTech", description: "AI Tutors, Copilots" }, ] export function IndustriesSection() { return (

Industries We{" "} Serve

Deploying autonomous intelligence across critical sectors

{industries.map((industry, index) => (

{industry.name}

{industry.description}

))}

) } [V0_FILE]typescriptreact:file="components/why-us-section.tsx" isMerged="true" "use client" import { Check } from "lucide-react" const benefits = [ "Modular & Scalable Architectures", "Secure & Token-Efficient Workflows", "On-Prem & Cloud-Neutral Deployments", "SDK + API Ready for Integration", "Privacy-First, Enterprise-Grade Designs", "Plug-and-play AI Agent Templates", ] export function WhyUsSection() { return (

Why{" "} Vision Logic?

{benefits.map((benefit, index) => (

{benefit}

))}

) } [V0_FILE]typescriptreact:file="components/agent-showcase.tsx" isMerged="true" "use client" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { useState } from "react" import { ChevronLeft, ChevronRight, Users, FileText, GraduationCap, MessageSquare, Ticket } from "lucide-react" import { Button } from "@/components/ui/button" const agents = [ { icon: Users, title: "Hiring Copilot", description: "Automated resume screening with AI-powered mock interviews", features: ["Resume parsing", "Skill matching", "Interview scheduling", "Candidate scoring"], }, { icon: FileText, title: "Legal Contract Analyzer", description: "Intelligent contract review and risk assessment", features: ["Clause extraction", "Risk detection", "Compliance checking", "Summary generation"], }, { icon: GraduationCap, title: "AI Tutor for Students", description: "Personalized learning paths with adaptive instruction", features: ["Custom curricula", "Progress tracking", "Quiz generation", "Concept explanation"], }, { icon: MessageSquare, title: "RAG Knowledge Assistant", description: "Context-aware answers from your documentation", features: ["Document indexing", "Semantic search", "Source citation", "Multi-format support"], }, { icon: Ticket, title: "Ticket Triage Bot", description: "Automated support ticket classification and routing", features: ["Priority detection", "Auto-categorization", "Smart routing", "Response templates"], }, ] export function AgentShowcase() { const [currentIndex, setCurrentIndex] = useState(0) const next = () => setCurrentIndex((prev) => (prev + 1) % agents.length) const prev = () => setCurrentIndex((prev) => (prev - 1 + agents.length) % agents.length) return (

Interactive{" "} Agent Showcase

Pre-built agent templates ready for deployment

{(() => { const IconComponent = agents[currentIndex].icon return })()}

{agents[currentIndex].title} {agents[currentIndex].description}

Key Features

{feature}

{agents.map((_, idx) => (

) } [V0_FILE]typescriptreact:file="components/mlops-stack.tsx" isMerged="true" "use client" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Database, Zap, GitBranch, Activity, Shield, RotateCcw } from "lucide-react" const stackComponents = [ { icon: Database, title: "Data Pipelines", description: "Automated data ingestion, preprocessing, and versioning", }, { icon: Zap, title: "High-Performance Inference", description: "vLLM, DeepSpeed, Groq for lightning-fast model serving", }, { icon: GitBranch, title: "Experiment Tracking", description: "Prompt versioning with Weights & Biases, DVC integration", }, { icon: Activity, title: "Real-Time Monitoring", description: "Observability, explainability, and performance metrics", }, { icon: Shield, title: "Agent Lifecycle", description: "AgentOps, MCP integration, and guardrails", }, { icon: RotateCcw, title: "Model Management", description: "Rollback, A/B testing, and continuous deployment", }, ] export function MLOpsStack() { return (

MLOps + LLMOps{" "} Engineering Stack

Production-grade infrastructure for autonomous AI systems

{stackComponents.map((component, index) => (

{component.title} {component.description} ))}

End-to-End Pipeline

Data → Training → CI/CD → Inference → Monitoring → Optimization

{["Scalable", "Secure", "Observable", "Automated"].map((tag) => ( {tag} ))}

) } [V0_FILE]typescriptreact:file="components/cta-section.tsx" isMerged="true" "use client" import { Button } from "@/components/ui/button" import { ArrowRight } from "lucide-react" export function CTASection() { return (

Ready to Automate Your{" "} Intelligence?

Let's build the next generation of AI-driven systems for your business.

) } [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "16.0.10", "next-themes": "^0.4.6", "react": "19.2.0", "react-day-picker": "9.8.0", "react-dom": "19.2.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^1.1.2", "zod": "3.25.76" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^19", "@types/react-dom": "^19", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]typescriptreact:file="components/footer.tsx" isMerged="true" import Link from "next/link" export function Footer() { return ( ) } [V0_FILE]typescriptreact:file="app/usecase/ai-invoice-processing/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import { Header } from "@/components/header" import { Footer } from "@/components/footer" import { ContactSection } from "@/components/contact-section" import { CheckCircle2, FileText, Zap, Shield, TrendingUp, Users } from "lucide-react" import Link from "next/link" import { Card } from "@/components/ui/card" import { Button } from "@/components/ui/button" export const metadata = { title: "AI Invoice Processing Software | Automate Invoice Handling Using AI", description: "AI invoice processing software that uses OCR and machine learning to automate invoice data capture, validation, and ERP posting. Reduce errors and manual work.", keywords: [ "invoice ai", "ai invoice processing", "invoice processing ai", "ai for invoice processing", "ai based invoice processing", "invoice ocr ai", ], } export default function AIInvoiceProcessingPage() { return (

{/* Hero Section */}

AI Invoice Processing Software

Automate Invoice Handling Using AI, OCR & Intelligent Validation

{/* Problem Statement */}

Manual invoice processing slows down finance teams, increases errors, and delays payments. Traditional accounting tools struggle with unstructured invoices, scanned PDFs, inconsistent formats, and human mistakes.

Our AI Invoice Processing Software uses OCR, machine learning, and generative AI to automatically read, validate, and process invoices—helping businesses reduce manual work and gain real-time visibility into accounts payable operations.

{/* Why AI for Invoice Processing */}

Why Businesses Are Moving to{" "} AI for Invoice Processing

Across industries, finance teams face the same challenges:

{item}

AI invoice processing replaces these manual steps with intelligent automation—without changing your existing finance systems.

{/* How It Works */}

How AI Invoice Processing Works

Our platform automates invoice processing end-to-end:

{[ { icon: FileText, title: "Invoice Capture", description: "AI ingests invoices from email, folders, scans, or uploads.", }, { icon: Zap, title: "OCR + AI Data Extraction", description: "Extracts invoice number, vendor details, line items, taxes, totals.", }, { icon: Shield, title: "AI Validation & Error Detection", description: "Detects duplicates, flags missing or incorrect data, validates calculations and tax fields.", }, { icon: TrendingUp, title: "Workflow & ERP Integration", description: "Clean invoices are routed for approval and posted into ERP or accounting systems automatically.", }, ].map((step, i) => (

{step.title}

{step.description}

))}

This process reduces dependency on manual checking while maintaining accuracy.

{/* Key Benefits */}

Key Benefits of{" "} AI-Based Invoice Processing

Using AI for invoice processing delivers measurable impact:

{[ "60–80% reduction in manual invoice data entry", "Faster invoice approvals and payments", "Improved accuracy and audit readiness", "Lower operational cost for finance teams", "Scales easily as invoice volume grows", ].map((benefit, i) => (

{benefit}

))}

AI handles repetitive work so teams can focus on cash flow, analysis, and compliance.

{/* Who Uses This */}

Who Uses AI Invoice Processing Software

This solution is used by:

{user}

It works across industries and integrates with existing tools.

{/* Industry-Specific Use Cases */}

Built for Industry-Specific Use Cases

While this platform supports general AI invoice automation, it is also customised for industry workflows.

For logistics & freight companies, see our dedicated solution:

This ensures industry-specific validations and higher accuracy.

{/* Integrations & Technical Details */}

Integrations, Deployment & Security

Accounting / ERP

Tally, SAP, Zoho, Oracle, Busy

Deployment

Cloud or On-premise

Security

Role-based access, audit logs, encryption

Compliance

Finance and tax-ready processing

Designed for enterprise reliability with SMB flexibility.

{/* CTA Before Contact */}

Enquire About AI Invoice Processing

If your team handles a high volume of invoices and wants to reduce manual work, AI invoice processing can deliver quick results.

Use the Enquire option below. Our team will understand your workflow and recommend the right setup.

{/* Contact Form - Reusing from Homepage */}

) } [V0_FILE]typescriptreact:file="app/actions.ts" isEdit="true" isMerged="true" "use server" export async function submitContactForm(formData: FormData) { const data = { access_key: process.env.WEB3FORMS_ACCESS_KEY, subject: "New Vision Logic Solutions Inquiry", from_name: "Vision Logic Website", name: formData.get("name"), company: formData.get("company"), email: formData.get("email"), service: formData.get("service"), message: formData.get("message"), } try { const response = await fetch("https://api.web3forms.com/submit", { method: "POST", headers: { "Content-Type": "application/json", Accept: "application/json", "User-Agent": "Vision-Logic-Solutions/1.0", }, body: JSON.stringify(data), }) const result = await response.json() if (!response.ok || !result.success) { return { success: false, error: result.message || "Submission failed" } } return { success: true } } catch (error) { console.error("Form submission error:", error) return { success: false, error: "An error occurred while submitting the form" } } } [V0_FILE]typescriptreact:file="components/contact-section.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import type React from "react" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Textarea } from "@/components/ui/textarea" import { Button } from "@/components/ui/button" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { useState, useRef } from "react" import { Loader2 } from "lucide-react" import { submitContactForm } from "@/app/actions" export function ContactSection() { const [isSubmitting, setIsSubmitting] = useState(false) const [submitted, setSubmitted] = useState(false) const formRef = useRef(null) const handleSubmit = async (e: React.FormEvent) => { e.preventDefault() setIsSubmitting(true) const formData = new FormData(e.currentTarget) try { const result = await submitContactForm(formData) if (result.success) { setSubmitted(true) formRef.current?.reset() } else { console.error("Form submission failed:", result.error) alert("Failed to submit form. Please try again.") } } catch (error) { console.error("Form submission error:", error) alert("An error occurred. Please try again.") } finally { setIsSubmitting(false) } } return (

Let's Build the{" "} Future Together

Tell us your idea, challenge, or product vision. We'll help you make it autonomous.

Get in Touch Our AI team will reach out within 24 hours {submitted ? (

Thanks for reaching out!

Our AI team will reach out within 24 hours.

) : (

Full Name

Company Name (Optional)

Service Interested In

Message

</div>

<Button
                  type="submit"
                  disabled={isSubmitting}
                  className="w-full bg-gradient-to-r from-primary to-accent hover:opacity-90 transition-opacity"
                >
                  {isSubmitting ? (
                    <>
                      <Loader2 className="mr-2 h-5 w-5 animate-spin" />
                      Sending...
                    </>
                  ) : (
                    "Send Inquiry"
                  )}
                </Button>
              </form>
            )}
          </CardContent>
        </Card>
      </div>
    </section>
  )
}
[V0_FILE]xml:file="public/vls-icon.svg"
<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg">
  
  <defs>
    <linearGradient id="vls-gradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#00d9ff;stop-opacity:1" />
      <stop offset="50%" style="stop-color:#7c3aed;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#00ff88;stop-opacity:1" />
    </linearGradient>
  </defs>
  
  
  <circle cx="128" cy="128" r="120" fill="none" stroke="url(#vls-gradient)" stroke-width="2"/>
  
  
  <g fill="none" stroke="url(#vls-gradient)" stroke-width="2.5" stroke-linecap="round">
    
    <circle cx="80" cy="80" r="6" fill="url(#vls-gradient)"/>
    <line x1="80" y1="80" x2="128" y2="100"/>
    
    
    <circle cx="176" cy="80" r="6" fill="url(#vls-gradient)"/>
    <line x1="176" y1="80" x2="128" y2="100"/>
    
    
    <circle cx="128" cy="128" r="10" fill="url(#vls-gradient)"/>
    
    
    <circle cx="80" cy="176" r="6" fill="url(#vls-gradient)"/>
    <line x1="80" y1="176" x2="128" y2="128"/>
    
    
    <circle cx="176" cy="176" r="6" fill="url(#vls-gradient)"/>
    <line x1="176" y1="176" x2="128" y2="128"/>
    
    
    <line x1="80" y1="80" x2="176" y2="176" stroke-dasharray="4,2"/>
    <line x1="176" y1="80" x2="80" y2="176" stroke-dasharray="4,2"/>
  </g>
  
  
  <text x="128" y="210" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="url(#vls-gradient)" text-anchor="middle">VLS</text>
</svg>
[V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true"
import type React from "react"
import type { Metadata } from "next"
import { Geist, Geist_Mono } from "next/font/google"
import { Analytics } from "@vercel/analytics/next"
import "./globals.css"

const _geist = Geist({ subsets: ["latin"] })
const _geistMono = Geist_Mono({ subsets: ["latin"] })

export const metadata: Metadata = {
  title: "Vision Logic Solutions - Next-Gen AI Agents & Workflow Automation",
  description:
    "Build custom AI agents, autonomous workflows, fine-tuned LLMs, RAG systems, and MLOps infrastructure. Enterprise-grade AI engineering for legal, HR, healthcare, fintech, and ecommerce.",
  keywords:
    "AI agents, custom AI, workflow automation, LLM fine-tuning, RAG systems, MLOps, autonomous AI, enterprise AI",
  authors: [{ name: "Vision Logic Solutions" }],
  creator: "Vision Logic Solutions",
  publisher: "Vision Logic Solutions",
  openGraph: {
    type: "website",
    locale: "en_US",
    url: "https://visionlogicsolutions.com",
    title: "Vision Logic Solutions - Next-Gen AI Agents & Workflow Automation",
    description: "Enterprise-grade custom AI agents, autonomous workflows, and intelligent automation solutions",
    images: [
      {
        url: "https://visionlogicsolutions.com/og-image.png",
        width: 1200,
        height: 630,
        alt: "Vision Logic Solutions",
      },
    ],
  },
  twitter: {
    card: "summary_large_image",
    title: "Vision Logic Solutions - Next-Gen AI Agents & Workflow Automation",
    description: "Custom AI agents and autonomous workflows for enterprise",
    creator: "@visionlogic",
  },
  robots: "index, follow",
  alternates: {
    canonical: "https://visionlogicsolutions.com",
  },
  icons: {
    icon: [
      {
        url: "/vls-icon.svg",
        type: "image/svg+xml",
      },
      {
        url: "/vls-icon-32.png",
        type: "image/png",
        sizes: "32x32",
      },
    ],
    apple: "/vls-apple-icon.png",
  },
}

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="en" className="dark">
      <head>
        <script
          type="application/ld+json"
          dangerouslySetInnerHTML={{
            __html: JSON.stringify({
              "@context": "https://schema.org",
              "@type": "Organization",
              name: "Vision Logic Solutions",
              description: "Next-Gen AI Engineering Firm",
              url: "https://visionlogicsolutions.com",
              logo: "https://visionlogicsolutions.com/vls-icon.svg",
              sameAs: ["https://twitter.com/visionlogic", "https://linkedin.com/company/visionlogic"],
              address: {
                "@type": "PostalAddress",
                addressCountry: "Global",
              },
              contactPoint: {
                "@type": "ContactPoint",
                contactType: "Sales",
                email: "dwivediaviivek@gmail.com",
              },
            }),
          }}
        />
      </head>
      <body className={`font-sans antialiased`}>
        {children}
        <Analytics />
      </body>
    </html>
  )
}
[V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true"
import type { Metadata } from "next"
import { HeroSection } from "@/components/hero-section"
import { ServicesSection } from "@/components/services-section"
import { IndustriesSection } from "@/components/industries-section"
import { WhyUsSection } from "@/components/why-us-section"
import { AgentShowcase } from "@/components/agent-showcase"
import { MLOpsStack } from "@/components/mlops-stack"
import { CTASection } from "@/components/cta-section"
import { ContactSection } from "@/components/contact-section"
import { Header } from "@/components/header"
import { Footer } from "@/components/footer"

export const metadata: Metadata = {
  title: "AI Agents & Autonomous Workflows | Vision Logic Solutions",
  description:
    "Enterprise AI engineering. Custom agents, workflow automation, LLM fine-tuning, RAG systems, MLOps deployment. Real-world autonomous intelligence for your business.",
}

export default function Home() {
  return (
    <>
      <script
        type="application/ld+json"
        dangerouslySetInnerHTML={{
          __html: JSON.stringify({
            "@context": "https://schema.org",
            "@type": "WebPage",
            name: "Vision Logic Solutions - AI Agents & Automation",
            description: "Enterprise-grade custom AI agents and autonomous workflow solutions",
            url: "https://visionlogicsolutions.com",
            isPartOf: {
              "@type": "WebSite",
              name: "Vision Logic Solutions",
              url: "https://visionlogicsolutions.com",
            },
          }),
        }}
      />
      <main className="min-h-screen bg-background">
        <Header />
        <HeroSection />
        <ServicesSection />
        <IndustriesSection />
        <WhyUsSection />
        <AgentShowcase />
        <MLOpsStack />
        <CTASection />
        <ContactSection />
        <Footer />
      </main>
    </>
  )
}</article></body></html>

About

Tags

Share

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This