import React, { useState } from 'react'; import { Sun, Moon, Menu, X, Check, Star, ArrowRight, Play, Users, Zap, Shield, BarChart3 } from 'lucide-react'; import { Button } from '@/components/ui/button'; import { Container } from '@/components/ui/container'; import { Sheet, SheetContent, SheetTrigger } from '@/components/ui/sheet'; import { Card, CardContent } from '@/components/ui/card'; function Header() { const [isOpen, setIsOpen] = useState(false); const [isDark, setIsDark] = useState(false); React.useEffect(() => { if (isDark) { document.documentElement.classList.add('dark'); } else { document.documentElement.classList.remove('dark'); } }, [isDark]); return (

FlowSync

Features Pricing Demo Reviews

); } function HeroSection() { return (

Trusted by 10,000+ teams worldwide

Streamline Your
Creative Workflow

FlowSync is the all-in-one project management platform that helps creative teams collaborate seamlessly, track progress effortlessly, and deliver exceptional results.

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

); } function FeaturesSection() { const features = [ { icon: , title: "Team Collaboration", description: "Real-time collaboration tools with smart notifications and seamless file sharing for distributed teams." }, { icon: , title: "Advanced Analytics", description: "Comprehensive project insights with customizable dashboards and automated reporting." }, { icon: , title: "Enterprise Security", description: "Bank-level encryption with SOC 2 compliance and advanced permission controls." }, { icon: , title: "Smart Automation", description: "AI-powered task automation that learns your workflow patterns and suggests optimizations." } ]; return (

Powerful Features for Modern Teams

Everything you need to manage projects, collaborate with your team, and deliver results faster.

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

{feature.icon}

{feature.title}

{feature.description}

))}

); } function DemoSection() { return (

Live Demo

Experience FlowSync in Action

See how FlowSync transforms your workflow with our interactive demo. No signup required - just pure productivity.

Real-time project boards
Team collaboration tools
Advanced reporting dashboard

Interactive Demo Preview

NEW

); } function PricingSection() { const plans = [ { name: "Starter", price: "$12", period: "per user/month", description: "Perfect for small teams getting started", features: [ "Up to 5 team members", "10 active projects", "Basic analytics", "File storage (10GB)", "Email support" ], popular: false }, { name: "Professional", price: "$24", period: "per user/month", description: "Best for growing teams and businesses", features: [ "Up to 25 team members", "Unlimited projects", "Advanced analytics", "File storage (100GB)", "Priority support", "Custom integrations" ], popular: true }, { name: "Enterprise", price: "Custom", period: "contact sales", description: "For large organizations with specific needs", features: [ "Unlimited team members", "Advanced security", "Custom workflows", "Unlimited storage", "24/7 dedicated support", "On-premise deployment" ], popular: false } ]; return (

Simple, Transparent Pricing

Choose the plan that fits your team size and requirements. Upgrade or downgrade at any time.

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

{plan.name}

{plan.description}

{plan.price} {plan.price !== "Custom" && /{plan.period.split('/')[1]}}

{plan.period}

{feature}

))}

); } function ReviewsSection() { const reviews = [ { name: "Sarah Chen", role: "Creative Director", company: "Design Studio Pro", content: "FlowSync transformed how our creative team collaborates. The real-time features and intuitive interface saved us countless hours.", avatar: "SC" }, { name: "Marcus Johnson", role: "Project Manager", company: "TechFlow Inc", content: "The analytics dashboard gives us insights we never had before. Our project delivery time improved by 40% since switching to FlowSync.", avatar: "MJ" }, { name: "Emma Rodriguez", role: "Team Lead", company: "Creative Agency", content: "Best project management tool we've used. The automation features are game-changing for our workflow efficiency.", avatar: "ER" } ]; return (

Loved by Teams Worldwide

See what our customers have to say about their FlowSync experience.

{reviews.map((review, index) => (

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

"{review.content}"

{review.avatar}

{review.name}

{review.role}, {review.company}

))}

); } function Footer() { const links = { Product: ["Features", "Pricing", "Demo", "Integrations", "API"], Company: ["About", "Careers", "Press", "Partners", "Contact"], Resources: ["Blog", "Help Center", "Community", "Templates", "Webinars"], Legal: ["Privacy Policy", "Terms of Service", "Security", "Compliance"] }; return ( ); } export default function App() { return (

); }

FlowSync SaaS Landing Page