CTA

"use client";

import React from 'react';
import { CTA } from '@/components/ui/cta';
import {
  Sparkles,
  Zap,
  Users,
  Star,
  TrendingUp,
} from "lucide-react";

export default function DemoOne() {
   const handleStartTrial = () => {
    console.log("Start free trial clicked");
   
  };

  const handleWatchDemo = () => {
    console.log("Watch demo clicked");
   
  };

  const handleClaimDiscount = () => {
    console.log("Claim discount clicked");
  };

  
  const ctaData = {
    // Badge configuration
    badge: {
      text: "LIMITED TIME OFFER",
      icon: Sparkles,
    },
    
    // Title configuration
    title: {
      main: "Transform Your",
      highlight: "Career Today",
    },
    
    // Description text
    description: "Join 50,000+ professionals who've mastered their interviews with our AI-powered platform. Get instant feedback, personalized coaching, and land your dream job faster.",
    
    // Features list
    features: [
      { 
        id: "ai-mock", 
        text: "AI-Powered Mock Interviews" 
      },
      { 
        id: "analytics", 
        text: "Real-Time Performance Analytics" 
      },
      { 
        id: "industry", 
        text: "Industry-Specific Questions" 
      },
      { 
        id: "coaching", 
        text: "1-on-1 Expert Coaching Sessions" 
      },
    ],
    
    // Benefits list
    benefits: [
      { 
        id: "lifetime", 
        text: "Lifetime access to all features", 
        icon: Zap 
      },
      { 
        id: "support", 
        text: "Priority customer support", 
        icon: Zap 
      },
      { 
        id: "updates", 
        text: "Free future updates", 
        icon: Zap 
      },
    ],
    
    // Trust indicators
    trustIndicators: [
      { 
        id: "users", 
        value: "50K+", 
        label: "Users", 
        icon: Users 
      },
      { 
        id: "rating", 
        value: "4.9/5", 
        label: "Rating", 
        icon: Star 
      },
      { 
        id: "success", 
        value: "95%", 
        label: "Success Rate", 
        icon: TrendingUp 
      },
    ],
    
    // Pricing configuration
    pricing: {
      original: "₹1999",
      discounted: "₹999",
      discount: "50% OFF",
      period: "Per month • Cancel anytime",
      spotsRemaining: 47,
    },
    
    // Primary CTA button
    primaryButton: {
      text: "Start Free Trial",
      onClick: handleStartTrial,
    },
    
    // Secondary CTA button
    secondaryButton: {
      text: "Watch Demo",
      onClick: handleWatchDemo,
    },
    
    // Discount CTA button
    discountButton: {
      text: "Claim Your Discount Now",
      onClick: handleClaimDiscount,
    },
  };
  
  const initialTime = {
    hours: 23,
    minutes: 59,
    seconds: 59,
  };
  return <div className="py-20">
  <CTA 
      data={ctaData}
      initialTime={initialTime}
    />
  </div>
}