[V0_FILE]typescriptreact:file="app/layout.tsx" isFixed="true" isQuickEdit="true" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Inter, JetBrains_Mono } from "next/font/google" import { Analytics } from "@vercel/analytics/next" import "./globals.css" import { Suspense } from "react" const inter = Inter({ subsets: ["latin"], variable: "--font-inter", display: "swap", }) const jetbrainsMono = JetBrains_Mono({ subsets: ["latin"], variable: "--font-jetbrains-mono", display: "swap", }) export const metadata: Metadata = { title: "Neura - Building Intelligent Solutions", description: "Transforming ideas into powerful software through AI, machine learning, and cutting-edge development", generator: "v0.app", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( Loading...}>{children} ) } [V0_FILE]typescriptreact:file="components/hero-section.tsx" isMerged="true" "use client" import { Button } from "@/components/ui/button" import { ArrowDown } from "lucide-react" import NeuralBackground from "@/components/neural-background" export default function HeroSection() { return (

{/* Gradient Background */}

{/* Neural Network Background */} {/* Content */}

{/* Logo Icon */}

{/* Main Headline */}

Building Intelligent Solutions

{/* Subheadline */}

Transforming ideas into powerful software through AI, machine learning, and cutting-edge development

{/* CTAs */}

{/* Scroll Indicator */}

Scroll to explore

) } [V0_FILE]typescriptreact:file="components/neural-background.tsx" isMerged="true" "use client" import { useEffect, useRef } from "react" export default function NeuralBackground() { const canvasRef = useRef(null) useEffect(() => { const canvas = canvasRef.current if (!canvas) return const ctx = canvas.getContext("2d") if (!ctx) return // Set canvas size const resizeCanvas = () => { canvas.width = window.innerWidth canvas.height = window.innerHeight } resizeCanvas() window.addEventListener("resize", resizeCanvas) // Neural network nodes const nodes: { x: number; y: number; vx: number; vy: number }[] = [] const nodeCount = 50 for (let i = 0; i < nodeCount; i++) { nodes.push({ x: Math.random() * canvas.width, y: Math.random() * canvas.height, vx: (Math.random() - 0.5) * 0.5, vy: (Math.random() - 0.5) * 0.5, }) } // Animation loop const animate = () => { ctx.clearRect(0, 0, canvas.width, canvas.height) // Update and draw nodes nodes.forEach((node, i) => { node.x += node.vx node.y += node.vy // Bounce off edges if (node.x < 0 || node.x > canvas.width) node.vx *= -1 if (node.y < 0 || node.y > canvas.height) node.vy *= -1 // Draw node ctx.beginPath() ctx.arc(node.x, node.y, 2, 0, Math.PI * 2) ctx.fillStyle = "rgba(0, 217, 255, 0.5)" ctx.fill() // Draw connections nodes.slice(i + 1).forEach((otherNode) => { const dx = node.x - otherNode.x const dy = node.y - otherNode.y const distance = Math.sqrt(dx * dx + dy * dy) if (distance < 150) { ctx.beginPath() ctx.moveTo(node.x, node.y) ctx.lineTo(otherNode.x, otherNode.y) ctx.strokeStyle = `rgba(0, 217, 255, ${0.2 * (1 - distance / 150)})` ctx.lineWidth = 1 ctx.stroke() } }) }) requestAnimationFrame(animate) } animate() return () => { window.removeEventListener("resize", resizeCanvas) } }, []) return

Building Intelligent Solutions

What We Build

{service.title}

Our Tech Stack

{category}

How We Work

{step.title}

Who We Are

{value.title}

Ready to Build Something Amazing?

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This