[V0_FILE]typescriptreact:file="app/components/Header.tsx" isMerged="true" import Link from "next/link" import { Button } from "@/components/ui/button" export default function Header() { return (

StreamLine

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

Everything App
for your teams

Huly, an open-source platform, serves as an all-in-one replacement of Linear, Jira, Slack, and Notion.

) } [V0_FILE]typescriptreact:file="app/components/Features.tsx" isMerged="true" import { CheckCircle, Zap, Users, TrendingUp } from "lucide-react" const features = [ { icon: , title: "Task Management", description: "Organize and prioritize tasks with ease.", }, { icon: , title: "Real-time Collaboration", description: "Work together seamlessly in real-time.", }, { icon: , title: "Team Communication", description: "Stay connected with built-in messaging.", }, { icon: , title: "Analytics Dashboard", description: "Track progress and gain insights with powerful analytics.", }, ] export default function Features() { return (

Key Features

{features.map((feature, index) => (

{feature.icon}

{feature.title}

{feature.description}

))}

) } [V0_FILE]typescriptreact:file="app/components/Testimonials.tsx" isMerged="true" const testimonials = [ { quote: "StreamLine has revolutionized our team's workflow. It's a game-changer!", author: "Jane Doe", company: "Tech Innovators Inc.", }, { quote: "The best project management tool we've ever used. Highly recommended!", author: "John Smith", company: "Creative Solutions LLC", }, { quote: "StreamLine helped us increase productivity by 40%. It's incredible!", author: "Emily Johnson", company: "Startup Ventures", }, ] export default function Testimonials() { return (

What Our Customers Say

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

"{testimonial.quote}"

{testimonial.author}

{testimonial.company}

))}

) } [V0_FILE]typescriptreact:file="app/components/Pricing.tsx" isMerged="true" import { Check } from "lucide-react" import { Button } from "@/components/ui/button" const plans = [ { name: "Basic", price: "$9", features: ["5 team members", "10 projects", "Basic analytics", "Email support"], }, { name: "Pro", price: "$29", features: ["Unlimited team members", "Unlimited projects", "Advanced analytics", "Priority support"], }, { name: "Enterprise", price: "Custom", features: ["Custom features", "Dedicated account manager", "On-premise deployment", "24/7 phone support"], }, ] export default function Pricing() { return (

Choose Your Plan

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

{plan.name}

{plan.price} /month

{feature}

))}

) } [V0_FILE]typescriptreact:file="app/components/CTA.tsx" isMerged="true" import { Button } from "@/components/ui/button" export default function CTA() { return (

Ready to Streamline Your Workflow?

Join thousands of teams already using StreamLine to boost their productivity.

) } [V0_FILE]typescriptreact:file="app/components/Footer.tsx" isMerged="true" import Link from "next/link" import { Facebook, Twitter, Instagram, Linkedin } from "lucide-react" export default function Footer() { return ( ) } [V0_FILE]javascript:file="tailwind.config.js" isEdit="true" isMerged="true" /** @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: ["./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}"], 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")], } [V0_FILE]typescriptreact:file="app/components/Navbar.tsx" isMerged="true" import Link from "next/link" import { Button } from "@/components/ui/button" export default function Navbar() { return ( ) } [V0_FILE]typescriptreact:file="app/components/ProductPreview.tsx" isMerged="true" import Image from "next/image" export default function ProductPreview() { return (

{/* Glow effect */}

) } [V0_FILE]css:file="app/globals.css" isEdit="true" isMerged="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: 240 5.9% 10%; --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: 240 4.8% 95.9%; --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: 240 5.9% 10%; --radius: 0.5rem; } .dark { --background: 240 10% 3.9%; --foreground: 0 0% 98%; --card: 240 10% 3.9%; --card-foreground: 0 0% 98%; --popover: 240 10% 3.9%; --popover-foreground: 0 0% 98%; --primary: 0 0% 98%; --primary-foreground: 240 5.9% 10%; --secondary: 240 3.7% 15.9%; --secondary-foreground: 0 0% 98%; --muted: 240 3.7% 15.9%; --muted-foreground: 240 5% 64.9%; --accent: 240 3.7% 15.9%; --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: 240 4.9% 83.9%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } [V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" import "./globals.css" import { Inter } from "next/font/google" import type React from "react" import type { Metadata } from "next" import MouseMoveEffect from "@/components/mouse-move-effect" const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "Amane Soft - Cutting-Edge Software Solutions", description: "Amane Soft delivers innovative, high-performance software solutions for businesses of the future.", } export default function RootLayout({ children, }: { children: React.ReactNode }) { return ( {children} ) } [V0_FILE]typescriptreact:file="components/mouse-move-effect.tsx" "use client" import { useEffect, useState } from "react" export default function MouseMoveEffect() { const [mousePosition, setMousePosition] = useState({ x: 0, y: 0 }) useEffect(() => { const handleMouseMove = (event: MouseEvent) => { setMousePosition({ x: event.clientX, y: event.clientY }) } window.addEventListener("mousemove", handleMouseMove) return () => { window.removeEventListener("mousemove", handleMouseMove) } }, []) return (

) } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" import Navbar from "@/components/navbar" import Hero from "@/components/hero" import Features from "@/components/features" import CTA from "@/components/cta" import Footer from "@/components/footer" export default function Home() { return (

{/* Background gradients */}

) } [V0_FILE]typescriptreact:file="components/navbar.tsx" isEdit="true" import Link from "next/link" import { Button } from "@/components/ui/button" import { Github } from "lucide-react" export default function Navbar() { return (

Amane Soft

) } [V0_FILE]typescriptreact:file="components/hero.tsx" isEdit="true" import { Button } from "@/components/ui/button" import { ArrowRight } from "lucide-react" export default function Hero() { return (

Innovate Faster with
Amane Soft

Empowering businesses with cutting-edge software solutions. From AI-driven analytics to seamless cloud integrations, we're shaping the future of technology.

) } [V0_FILE]typescriptreact:file="components/features.tsx" isEdit="true" import { Brain, Cloud, Shield, Zap } from "lucide-react" const features = [ { name: "AI-Powered Analytics", description: "Harness the power of machine learning to derive actionable insights from your data.", icon: Brain, }, { name: "Cloud-Native Architecture", description: "Scalable, resilient, and efficient solutions built for the modern cloud ecosystem.", icon: Cloud, }, { name: "Enterprise-Grade Security", description: "State-of-the-art security measures to protect your most valuable assets.", icon: Shield, }, { name: "High-Performance Systems", description: "Optimized for speed and efficiency, our solutions deliver unparalleled performance.", icon: Zap, }, ] export default function Features() { return (

Cutting-Edge Solutions

Discover how Amane Soft can transform your business with our innovative technologies.

{features.map((feature) => (

{feature.name}

{feature.description}

))}

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

Ready to revolutionize your business?

Join leading companies who trust Amane Soft to drive their digital transformation and stay ahead in the rapidly evolving tech landscape.

) } [V0_FILE]typescriptreact:file="components/footer.tsx" isEdit="true" import Link from "next/link" import { Github, Twitter, Linkedin } from "lucide-react" export default function Footer() { return ( ) }

Everything App for your teams