[V0_FILE]css:file="app/globals.css" isMerged="true" @import 'tailwindcss'; @import 'tw-animate-css'; @custom-variant dark (&:is(.dark *)); :root { /* Dark theme by default for AI startup */ --background: oklch(0.13 0 0); --foreground: oklch(0.98 0 0); --card: oklch(0.18 0 0); --card-foreground: oklch(0.98 0 0); --popover: oklch(0.18 0 0); --popover-foreground: oklch(0.98 0 0); --primary: oklch(0.98 0 0); --primary-foreground: oklch(0.13 0 0); --secondary: oklch(0.25 0 0); --secondary-foreground: oklch(0.98 0 0); --muted: oklch(0.25 0 0); --muted-foreground: oklch(0.65 0 0); --accent: oklch(0.72 0.19 265); --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.25 0 0); --input: oklch(0.25 0 0); --ring: oklch(0.72 0.19 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; } @theme inline { --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); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } [V0_FILE]typescriptreact:file="components/hero.tsx" isMerged="true" import { Button } from '@/components/ui/button' import { ArrowRight } from 'lucide-react' export function Hero() { return (

{/* Background gradient effect */}

Announcing $50M in Series B Funding

The fastest and most powerful platform for building AI products

Build transformative AI experiences powered by industry-leading models and tools. Deploy intelligent applications at scale with unmatched performance.

Free tier available • No credit card required

) } [V0_FILE]typescriptreact:file="components/trusted-by.tsx" isMerged="true" export function TrustedBy() { const companies = [ 'Stripe', 'Shopify', 'GitHub', 'Notion', 'Figma', 'Linear' ] return (

Trusted by teams at

{companies.map((company) => (

{company}

))}

) } [V0_FILE]typescriptreact:file="components/features.tsx" isMerged="true" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card' import { Zap, Shield, Code, Globe, Cpu, BarChart } from 'lucide-react' export function Features() { const features = [ { icon: Zap, title: 'Lightning Fast', description: 'Optimized inference with sub-100ms latency for real-time applications. Built for speed at scale.' }, { icon: Shield, title: 'Enterprise Security', description: 'SOC 2 Type II compliant with end-to-end encryption. Your data stays private and secure.' }, { icon: Code, title: 'Developer First', description: 'Simple REST APIs, comprehensive SDKs, and detailed documentation to get you building fast.' }, { icon: Globe, title: 'Global Scale', description: 'Deploy to 50+ regions worldwide with automatic load balancing and edge caching.' }, { icon: Cpu, title: 'Powerful Models', description: 'Access to GPT-4, Claude, Llama, and more. Fine-tune models for your specific use case.' }, { icon: BarChart, title: 'Advanced Analytics', description: 'Real-time monitoring, usage tracking, and detailed insights into your AI applications.' } ] return (

Everything you need to build AI products

From prototype to production, our platform provides all the tools and infrastructure you need to succeed.

{features.map((feature) => (

{feature.title} {feature.description} ))}

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

{/* Background gradient */}

Ready to start building?

Join thousands of developers already building the future with our AI platform. Get started in minutes with our generous free tier.

) } [V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" 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: 'NeuralFlow - AI Platform for Developers', description: 'Build transformative AI experiences with industry-leading models and tools. The fastest platform for AI product development.', generator: 'v0.app', icons: { icon: [ { url: '/icon-light-32x32.png', media: '(prefers-color-scheme: light)', }, { url: '/icon-dark-32x32.png', media: '(prefers-color-scheme: dark)', }, { url: '/icon.svg', type: 'image/svg+xml', }, ], apple: '/apple-icon.png', }, } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [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.3", "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": "^0.9.9", "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/header.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import { Button } from '@/components/ui/button' import { Search, Sparkles } from 'lucide-react' export function Header() { return (

Nexus AI

) } [V0_FILE]typescriptreact:file="components/footer.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import { Sparkles } from 'lucide-react' export function Footer() { return ( ) } [V0_FILE]typescriptreact:file="components/how-it-works.tsx" isMerged="true" import { Zap, Upload, Sparkles } from 'lucide-react' export function HowItWorks() { const steps = [ { icon: Upload, title: 'Connect Your Data', description: 'Seamlessly integrate your existing data sources with our secure API in minutes.', step: '01', }, { icon: Zap, title: 'Train Your Model', description: 'Our AI automatically learns from your data patterns and optimizes for your use case.', step: '02', }, { icon: Sparkles, title: 'Deploy & Scale', description: 'Launch your AI model with one click and scale effortlessly as your needs grow.', step: '03', }, ] return (

Get Started in Three Simple Steps

From data to deployment in minutes, not months. Our streamlined process makes AI accessible to everyone.

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

{step.step}

{step.title}

{step.description}

{index < steps.length - 1 && (

)}

))}

) } [V0_FILE]typescriptreact:file="components/stats.tsx" isMerged="true" export function Stats() { const stats = [ { value: '99.9%', label: 'Uptime Guarantee', description: 'Enterprise-grade reliability', }, { value: '10M+', label: 'API Calls Daily', description: 'Trusted at scale', }, { value: '50ms', label: 'Average Response', description: 'Lightning-fast inference', }, { value: '150+', label: 'Countries Served', description: 'Global infrastructure', }, ] return (

Built for Performance at Scale

Industry-leading metrics that power the world's most innovative companies.

{stats.map((stat, index) => (

{stat.value}

{stat.label}

{stat.description}

))}

) } [V0_FILE]typescriptreact:file="components/testimonials.tsx" isEdit="true" isMerged="true" import { Star } from 'lucide-react' export function Testimonials() { const testimonials = [ { quote: "Nexus AI transformed our customer support. We've reduced response times by 80% while improving satisfaction scores.", author: 'Sarah Chen', role: 'VP of Operations', company: 'TechFlow Inc', rating: 5, }, { quote: "The easiest AI integration we've ever implemented. Our team was up and running in less than a day.", author: 'Marcus Rodriguez', role: 'CTO', company: 'DataStream', rating: 5, }, { quote: 'Incredible accuracy and speed. Nexus AI has become an essential part of our product stack.', author: 'Emily Thompson', role: 'Head of Engineering', company: 'CloudSync', rating: 5, }, ] return (

Loved by Teams Worldwide

Join thousands of companies using Nexus AI to transform their operations.

{testimonials.map((testimonial, index) => (

{[...Array(testimonial.rating)].map((_, i) => ( ))}

"{testimonial.quote}"

{testimonial.author}

{testimonial.role} at {testimonial.company}

))}

) } [V0_FILE]typescriptreact:file="components/use-cases.tsx" import { Briefcase, MessageSquare, BarChart3, FileText } from 'lucide-react' export function UseCases() { const useCases = [ { icon: MessageSquare, title: 'Customer Support', description: 'Automate responses and provide 24/7 support with intelligent AI agents that understand context and sentiment.', image: '/ai-customer-support-dashboard.png' }, { icon: BarChart3, title: 'Data Analysis', description: 'Transform raw data into actionable insights with AI-powered analytics and predictive modeling.', image: '/ai-data-analytics-visualization-charts.jpg' }, { icon: FileText, title: 'Content Generation', description: 'Create high-quality content at scale with AI that adapts to your brand voice and style guidelines.', image: '/ai-content-writing-interface.jpg' }, { icon: Briefcase, title: 'Business Intelligence', description: 'Make data-driven decisions with AI that analyzes market trends and provides strategic recommendations.', image: '/ai-business-intelligence-dashboard.jpg' } ] return (

Built for Every Use Case

From customer support to content generation, Nexus AI adapts to your specific needs

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

{useCase.title}

{useCase.description}

))}

) } [V0_FILE]typescriptreact:file="components/pricing.tsx" import { Check } from 'lucide-react' import { Button } from '@/components/ui/button' export function Pricing() { const plans = [ { name: 'Starter', price: '29', description: 'Perfect for individuals and small teams', features: [ '10,000 API calls/month', 'Basic AI models', 'Email support', 'Community access', '99.5% uptime SLA' ], cta: 'Start Free Trial', popular: false }, { name: 'Professional', price: '99', description: 'For growing businesses and teams', features: [ '100,000 API calls/month', 'Advanced AI models', 'Priority support', 'Custom integrations', '99.9% uptime SLA', 'Advanced analytics', 'Team collaboration' ], cta: 'Start Free Trial', popular: true }, { name: 'Enterprise', price: 'Custom', description: 'For large-scale operations', features: [ 'Unlimited API calls', 'All AI models', 'Dedicated support', 'Custom deployment', '99.99% uptime SLA', 'Advanced security', 'Custom training', 'Volume discounts' ], cta: 'Contact Sales', popular: false } ] return (

Simple, Transparent Pricing

Choose the perfect plan for your needs. All plans include a 14-day free trial.

{plans.map((plan, index) => (

{plan.popular && (

{plan.name}

{plan.description}

{plan.price !== 'Custom' && $} {plan.price} {plan.price !== 'Custom' && /month}

{plan.features.map((feature, i) => (

{feature}

))}

) } [V0_FILE]typescriptreact:file="components/integrations.tsx" export function Integrations() { const integrations = [ { name: 'Slack', logo: '/slack-logo.png' }, { name: 'Salesforce', logo: '/salesforce-logo.png' }, { name: 'Google Cloud', logo: '/images/partners/google-cloud-logo.png' }, { name: 'Microsoft Azure', logo: '/microsoft-azure-logo.jpg' }, { name: 'AWS', logo: '/aws-logo.png' }, { name: 'HubSpot', logo: '/hubspot-logo.png' }, { name: 'Shopify', logo: '/shopify-logo.png' }, { name: 'Stripe', logo: '/stripe-logo.png' }, { name: 'Zapier', logo: '/zapier-logo.png' }, { name: 'Notion', logo: '/notion-logo.png' }, { name: 'Asana', logo: '/asana-logo.png' }, { name: 'Intercom', logo: '/generic-chat-bubble-logo.png' } ] return (

Seamless Integrations

Connect Nexus AI with your favorite tools and platforms in minutes

{integrations.map((integration, index) => (

))}

Plus hundreds more through our API

) } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" import { Header } from '@/components/header' import { Hero } from '@/components/hero' import { TrustedBy } from '@/components/trusted-by' import { Features } from '@/components/features' import { HowItWorks } from '@/components/how-it-works' import { Stats } from '@/components/stats' import { UseCases } from '@/components/use-cases' import { Pricing } from '@/components/pricing' import { Integrations } from '@/components/integrations' import { Testimonials } from '@/components/testimonials' import { CTA } from '@/components/cta' import { Footer } from '@/components/footer' export default function Home() { return (

) } [V0_FILE]png:file="public/ai-customer-support-dashboard.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/ai-customer-support-dashboard-8UmYuE2t0coEVTaguU2AbB0PVEiYRP.png" [V0_FILE]jpg:file="public/ai-data-analytics-visualization-charts.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/ai-data-analytics-visualization-charts-MSsb9MpFKJHKHg63wjUxzcnmAP26Kq.jpg" [V0_FILE]jpg:file="public/ai-content-writing-interface.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/ai-content-writing-interface-ZzPnPpkODjJCuRhEb2TS5hyfHgI2CF.jpg" [V0_FILE]jpg:file="public/ai-business-intelligence-dashboard.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/ai-business-intelligence-dashboard-eyHndB92pRCOu62AbELqqddPE5pE2d.jpg" [V0_FILE]png:file="public/slack-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/slack-logo-01PVoQFszWScCGcZQzQ8TJRloPEpSf.png" [V0_FILE]png:file="public/salesforce-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/salesforce-logo-O34dclnBEj8DrSEdc9NZe6wUWRRGag.png" [V0_FILE]png:file="public/images/partners/google-cloud-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/images/partners/google-cloud-logo-oZ8x3jH73fmjKzPVdDnBgbIsEFSKit.png" [V0_FILE]jpg:file="public/microsoft-azure-logo.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/microsoft-azure-logo-kKhjLlPSLaEJFjfqmdjBT30YNzuDMK.jpg" [V0_FILE]png:file="public/aws-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/aws-logo-ZAlB1w19qL60nVZmGuMnbdF6pyVRRt.png" [V0_FILE]png:file="public/hubspot-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/hubspot-logo-bIJmyUH4rsPPn4pLuXpxgLoyGnLcSA.png" [V0_FILE]png:file="public/shopify-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/shopify-logo-Tw75Gk5O2Ch3aPN2JWO6pqqQHp9xTC.png" [V0_FILE]png:file="public/stripe-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/stripe-logo-RmiPOIyS639G4R4cANlO7AwJLOLzb3.png" [V0_FILE]png:file="public/zapier-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/zapier-logo-msVxerzpRLPBzvlwQWeAWHkCxF9hMC.png" [V0_FILE]png:file="public/notion-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/notion-logo-oTfq2XP07rDQSa8CHDCkY0PCszOWEK.png" [V0_FILE]png:file="public/asana-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/asana-logo-p06HuQpbdJn7OPN3NLewoOfUOP105A.png" [V0_FILE]png:file="public/generic-chat-bubble-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/generic-chat-bubble-logo-mHqjP3OKXZiYPlu0LkKdzGkoPpVWvE.png"

About

Tags

Share

About

Tags

Share

More from grahamfleming

More Templates Like This

About

Tags

Share

About

Tags

Share

More from grahamfleming

More Templates Like This