[V0_FILE]json:file="components.json" isMerged="true" { "$schema": "https://ui.shadcn.com/schema.json", "style": "new-york", "rsc": false, "tsx": true, "tailwind": { "config": "", "css": "src/index.css", "baseColor": "neutral", "cssVariables": true, "prefix": "" }, "aliases": { "components": "@/components", "utils": "@/lib/utils", "ui": "@/components/ui", "lib": "@/lib", "hooks": "@/hooks" }, "iconLibrary": "lucide" } [V0_FILE]typescriptreact:file="components/FAQSection.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useState } from "react" import { motion, AnimatePresence } from "framer-motion" import { Plus } from "lucide-react" type FAQItem = { question: string answer: string } type FAQSectionProps = { title?: string faqs?: FAQItem[] } const defaultFAQs: FAQItem[] = [ { question: "What is Auralink and how does it work?", answer: "Auralink is an AI-powered intelligence layer that connects all your communication tools—calls, chats, and meetings—into a unified system. It analyzes conversations in real-time to provide insights on sentiment, tone, team alignment, and collaboration patterns. Simply integrate Auralink with your existing tools like Slack, Zoom, or Microsoft Teams, and start gaining actionable insights immediately.", }, { question: "How does Auralink use my data to build a custom AI chat?", answer: "Auralink processes your communication data using advanced natural language processing and machine learning models. All data is encrypted end-to-end and processed in compliance with enterprise-grade security standards. Your data is never shared with third parties, and you maintain complete control over what gets analyzed. The AI learns from patterns in your team's communication to provide personalized insights specific to your organization.", }, { question: "How do I get started with Auralink and what are the pricing options?", answer: "Getting started is simple: sign up for a free trial, connect your communication tools, and start analyzing within minutes. We offer flexible pricing tiers: Starter (free for small teams), Professional ($29/user/month), and Enterprise (custom pricing with dedicated support). All plans include core features like sentiment analysis and real-time insights. Contact our sales team for volume discounts and custom enterprise solutions.", }, ] export const FAQSection = ({ title = "Frequently asked questions", faqs = defaultFAQs }: FAQSectionProps) => { const [openIndex, setOpenIndex] = useState(null) const toggleFAQ = (index: number) => { setOpenIndex(openIndex === index ? null : index) } return (

{/* Left Column - Title */}

{title}

{/* Right Column - FAQ Items */}

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

{openIndex === index && (

{faq.answer}

)}

))}

) } [V0_FILE]typescriptreact:file="components/PricingSection.tsx" isMerged="true" "use client" import * as React from "react" import { CheckIcon } from "@radix-ui/react-icons" import { cn } from "@/lib/utils" type PlanLevel = "starter" | "pro" | "enterprise" interface PricingFeature { name: string included: PlanLevel | "all" } interface PricingPlan { name: string level: PlanLevel price: { monthly: number yearly: number } popular?: boolean } const features: PricingFeature[] = [ { name: "Real-time conversation analysis", included: "starter" }, { name: "Up to 10,000 messages/month", included: "starter" }, { name: "Basic sentiment detection", included: "starter" }, { name: "Email support", included: "starter" }, { name: "Advanced emotional intelligence", included: "pro" }, { name: "Up to 100,000 messages/month", included: "pro" }, { name: "Multi-language support (50+ languages)", included: "pro" }, { name: "Priority support", included: "pro" }, { name: "Custom AI model training", included: "enterprise" }, { name: "Unlimited messages", included: "enterprise" }, { name: "Dedicated account manager", included: "enterprise" }, { name: "24/7 phone support", included: "enterprise" }, { name: "API access", included: "all" }, { name: "Team collaboration tools", included: "all" }, ] const plans: PricingPlan[] = [ { name: "Starter", price: { monthly: 29, yearly: 290 }, level: "starter", }, { name: "Pro", price: { monthly: 99, yearly: 990 }, level: "pro", popular: true, }, { name: "Enterprise", price: { monthly: 299, yearly: 2990 }, level: "enterprise", }, ] function shouldShowCheck(included: PricingFeature["included"], level: PlanLevel): boolean { if (included === "all") return true if (included === "enterprise" && level === "enterprise") return true if (included === "pro" && (level === "pro" || level === "enterprise")) return true if (included === "starter") return true return false } export function PricingSection() { const [isYearly, setIsYearly] = React.useState(false) const [selectedPlan, setSelectedPlan] = React.useState("pro") return (

{/* Header */}

Choose Your Plan

Get started with Auralink's communication intelligence platform. All plans include API access and team collaboration.

{/* Billing Toggle */}

{/* Plan Cards */}

{plans.map((plan) => ( ))}

{/* Features Table */}

{/* Table Header */}

Features

{plans.map((plan) => (

{plan.name}

))}

{/* Feature Rows */} {features.map((feature, index) => (

{feature.name}

{plans.map((plan) => (

{shouldShowCheck(feature.included, plan.level) ? (

) : ( - )}

))}

{/* CTA Button */}

) } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isMerged="true" import { PortfolioNavbar } from "@/components/PortfolioNavbar" import { ProductTeaserCard } from "@/components/ProductTeaserCard" import { BankingScaleHero } from "@/components/BankingScaleHero" import { CaseStudiesCarousel } from "@/components/CaseStudiesCarousel" import { IntegrationCarousel } from "@/components/IntegrationCarousel" import { PricingSection } from "@/components/PricingSection" import { FAQSection } from "@/components/FAQSection" import { Footer } from "@/components/Footer" export default function Page() { return ( <>

{title}

Choose Your Plan

{plan.name}

Features

{title}

{headline}

Analyzing billions of conversations daily{" "} for the world's most sophisticated teams and enterprises.

Team Alignment

Global Team Dynamics

Sprint Planning

Customer Success Stories

{currentStudy.title}

About

Tags

Share

About

Tags

Share

More from mikeyi2a

More Templates Like This

About

Tags

Share

About

Tags

Share

More from mikeyi2a

More Templates Like This