'use client';

import React from 'react';
import { DiscordCTA } from '@/ui/DiscordCTA';
import { Code, Lightbulb, MessageSquare, Users } from 'lucide-react';

export function HomeFooterCTA() {
  const discordUrl = process.env.NEXT_PUBLIC_DISCORD_URL || '#';

  const benefits = [
    { 
      icon: MessageSquare, 
      title: "Share your pain points", 
      description: "Tell us what frustrates you about league racing today." 
    },
    { 
      icon: Lightbulb, 
      title: "Shape the product", 
      description: "Your ideas directly influence our roadmap." 
    },
    { 
      icon: Users, 
      title: "Connect with racers", 
      description: "Join a community of like-minded competitive drivers." 
    },
    { 
      icon: Code, 
      title: "Early Access", 
      description: "Test new features before they go public." 
    },
  ];

  return (
    <DiscordCTA
      title="Join the Grid on Discord"
      lead="GridPilot is a solo developer project built for the community."
      description="We are in early alpha. Join us to help shape the future of motorsport infrastructure. Your feedback directly influences the roadmap."
      benefits={benefits}
      discordUrl={discordUrl}
    />
  );
}