Google

frontend/components/landing/WaitlistForm.tsx

@@ -1,8 +1,8 @@
 'use client'
 
 import { motion, AnimatePresence } from 'framer-motion'
-import { useState, useEffect } from 'react'
-import { Check, ArrowRight, Loader2, Sparkles } from 'lucide-react'
+import { useState } from 'react'
+import { Check, ArrowRight, Loader2 } from 'lucide-react'
 import { Button } from '@/components/ui/button'
 
 export function WaitlistForm() {
@@ -10,7 +10,6 @@ export function WaitlistForm() {
   const [isSubmitting, setIsSubmitting] = useState(false)
   const [isSuccess, setIsSuccess] = useState(false)
   const [error, setError] = useState('')
-  const [queuePosition, setQueuePosition] = useState(0)
   const [confetti, setConfetti] = useState<Array<{ id: number; x: number; y: number; rotation: number; color: string }>>([])
 
   const validateEmail = (email: string) => {
@@ -62,7 +61,6 @@ export function WaitlistForm() {
       const data = await response.json()
 
       if (data.success) {
-        setQueuePosition(data.position || Math.floor(Math.random() * 500) + 430)
         setIsSubmitting(false)
         setIsSuccess(true)
         triggerConfetti()
@@ -154,24 +152,6 @@ export function WaitlistForm() {
             Check your inbox for confirmation
           </motion.p>
 
-          {/* Queue Position */}
-          <motion.div
-            initial={{ opacity: 0, scale: 0.9 }}
-            animate={{ opacity: 1, scale: 1 }}
-            transition={{ delay: 0.5, type: 'spring' }}
-            className="inline-flex items-center gap-3 rounded-full bg-gradient-to-r from-[hsl(var(--primary))]/10 to-[hsl(var(--teal))]/10 border border-[hsl(var(--teal))]/30 px-6 py-3"
-          >
-            <Sparkles className="h-5 w-5 text-[hsl(var(--primary))]" />
-            <div className="text-left">
-              <div className="text-xs font-medium text-muted-foreground">
-                Your position
-              </div>
-              <div className="text-2xl font-bold text-foreground">
-                #{queuePosition}
-              </div>
-            </div>
-          </motion.div>
-
           {/* Bonus Badge */}
           <motion.div
             initial={{ opacity: 0, y: 10 }}