import { useState } from 'react' import { ChevronDown, Check, Menu, X } from 'lucide-react' import { Button } from '@/components/ui/button' import { Container } from '@/components/ui/container' import { Card } from '@/components/ui/card' import { Sheet, SheetContent, SheetTrigger } from '@/components/ui/sheet' // FAQ Data const faqs = [ { question: "How does the free trial work?", answer: "You get 14 days of full access to all features. No credit card required to start." }, { question: "Can I change my plan anytime?", answer: "Yes, you can upgrade or downgrade your plan at any time. Changes take effect immediately." }, { question: "What payment methods do you accept?", answer: "We accept all major credit cards, PayPal, and bank transfers for annual plans." }, { question: "Is my data secure?", answer: "Absolutely. We use enterprise-grade encryption and security protocols to protect your data." }, { question: "Do you offer customer support?", answer: "Yes, we provide 24/7 support via chat and email for all paying customers." } ] // Logo Strip Data const logos = [ { name: "TechCorp" }, { name: "InnovateCo" }, { name: "StartupXYZ" }, { name: "GrowthLabs" }, { name: "FutureScale" } ] export default function App() { const [openFaq, setOpenFaq] = useState(null) const toggleFaq = (index: number) => { setOpenFaq(openFaq === index ? null : index) } return (

{/* Header */}

VibeSaaS

{/* Hero Section */}

Build Better Products Faster Than Ever

The all-in-one platform that helps teams collaborate, iterate, and ship world-class products with confidence.

{/* Logo Strip */}

Trusted by 10,000+ teams worldwide

{logos.map((logo, i) => (

{logo.name}

))}

{/* Features Grid */}

Everything you need to succeed

Powerful features designed to streamline your workflow and boost productivity.

Real-time Collaboration

Work together seamlessly with live editing, comments, and instant updates across all devices.

Advanced Analytics

Get deep insights with comprehensive dashboards, custom reports, and data visualization tools.

Enterprise Security

Bank-level encryption, SSO, audit logs, and compliance with SOC 2 and GDPR standards.

{/* Pricing */}

Simple, transparent pricing

Choose the plan that fits your team size and needs.

{/* Starter Plan */}

Starter

Perfect for small teams

$9 /month

Up to 5 team members
10GB storage
Basic analytics
Email support

{/* Pro Plan */}

Pro

For growing businesses

$29 /month

Up to 25 team members
100GB storage
Advanced analytics
Priority support
API access

{/* Enterprise Plan */}

Enterprise

For large organizations

Custom

Unlimited team members
Unlimited storage
Custom integrations
Dedicated support
SSO & advanced security

{/* FAQ */}

Frequently Asked Questions

Everything you need to know about our platform.

{faqs.map((faq, index) => (

{openFaq === index && (

{faq.answer}

)}

))}

{/* Footer */}

) }

Simple landing page