[V0_FILE]typescriptreact:file="page.tsx" import Link from "next/link" import Image from "next/image" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { CheckCircle, ArrowRight, Zap, BarChart2, Users, Shield, Star, ChevronRight, Github, Twitter, Linkedin, Facebook, } from "lucide-react" export default function LandingPage() { return (

{/* Header */}

StreamLine

{/* Hero Section */}

New Release

Streamline Your Workflow, Amplify Your Productivity

Automate repetitive tasks, collaborate seamlessly, and focus on what truly matters. Join thousands of teams already using StreamLine.

No credit card required 14-day free trial Cancel anytime

{/* Features Section */}

Powerful Features to Transform Your Workflow

Our platform offers everything you need to streamline your processes and boost productivity.

Advanced Analytics Gain valuable insights with real-time data visualization and customizable dashboards. Learn more Team Collaboration Work together seamlessly with shared workspaces, real-time editing, and communication tools. Learn more Workflow Automation Automate repetitive tasks with customizable workflows and triggers to save time. Learn more Enterprise Security Keep your data safe with advanced encryption, role-based access control, and compliance features. Learn more

{/* Testimonials Section */}

Trusted by Innovative Teams

See what our customers have to say about how StreamLine has transformed their workflow.

{[1, 2, 3, 4, 5].map((star) => ( ))}

"StreamLine has completely transformed how our team works. We've reduced our manual processes by 70% and can focus on strategic initiatives."

Sarah Johnson

CTO, TechNova

{[1, 2, 3, 4, 5].map((star) => ( ))}

"The analytics features alone have saved us countless hours of manual reporting. Our team can now make data-driven decisions faster than ever."

Michael Chen

Product Manager, GrowthX

{[1, 2, 3, 4, 5].map((star) => ( ))}

"Implementation was seamless, and the ROI was immediate. Our team collaboration has improved dramatically since adopting StreamLine."

Emily Rodriguez

Operations Director, FlexCorp

{/* Pricing Section */}

Simple, Transparent Pricing

Choose the plan that's right for your team. All plans include a 14-day free trial.

Starter

$29 /month

Perfect for small teams just getting started.

Up to 5 team members
Basic analytics
5 automation workflows
Email support

Popular Professional

$79 /month

Ideal for growing teams with advanced needs.

Up to 20 team members
Advanced analytics
Unlimited automation workflows
Priority support
API access

Enterprise

$199 /month

For large organizations with complex requirements.

Unlimited team members
Custom analytics
Unlimited automation workflows
24/7 dedicated support
Advanced security features
Custom integrations

{/* Final CTA Section */}

Ready to Transform Your Workflow?

Join thousands of teams already using StreamLine to boost productivity and streamline operations.

No credit card required. 14-day free trial. Cancel anytime.

{/* Footer */}

) } [V0_FILE]typescriptreact:file="tailwind.config.js" /** @type {import('tailwindcss').Config} */ module.exports = { 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")], } [V0_FILE]css:file="globals.css" @tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { --background: 0 0% 100%; --foreground: 222.2 84% 4.9%; --card: 0 0% 100%; --card-foreground: 222.2 84% 4.9%; --popover: 0 0% 100%; --popover-foreground: 222.2 84% 4.9%; --primary: 221.2 83.2% 53.3%; --primary-foreground: 210 40% 98%; --secondary: 210 40% 96.1%; --secondary-foreground: 222.2 47.4% 11.2%; --muted: 210 40% 96.1%; --muted-foreground: 215.4 16.3% 46.9%; --accent: 210 40% 96.1%; --accent-foreground: 222.2 47.4% 11.2%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 210 40% 98%; --border: 214.3 31.8% 91.4%; --input: 214.3 31.8% 91.4%; --ring: 221.2 83.2% 53.3%; --radius: 0.5rem; } .dark { --background: 222.2 84% 4.9%; --foreground: 210 40% 98%; --card: 222.2 84% 4.9%; --card-foreground: 210 40% 98%; --popover: 222.2 84% 4.9%; --popover-foreground: 210 40% 98%; --primary: 217.2 91.2% 59.8%; --primary-foreground: 222.2 47.4% 11.2%; --secondary: 217.2 32.6% 17.5%; --secondary-foreground: 210 40% 98%; --muted: 217.2 32.6% 17.5%; --muted-foreground: 215 20.2% 65.1%; --accent: 217.2 32.6% 17.5%; --accent-foreground: 210 40% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 210 40% 98%; --border: 217.2 32.6% 17.5%; --input: 217.2 32.6% 17.5%; --ring: 224.3 76.3% 48%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; font-feature-settings: "rlig" 1, "calt" 1; } }

About

Tags

Share

About

Tags

Share

More from pelliccia

More Templates Like This