import React, { useState } from 'react';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { Alert, AlertDescription } from '@/components/ui/alert';
import { AlertCircle } from 'lucide-react';
const MetaDescriptionGenerator = () => {
const [businessName, setBusinessName] = useState('');
const [location, setLocation] = useState('');
const [service, setService] = useState('');
const [description, setDescription] = useState('');
const generateDescription = () => {
if (!businessName || !location || !service) return;
const templates = [
`Looking for ${service} in ${location}? ${businessName} provides professional, reliable services with excellent customer satisfaction. Contact us today!`,
`${businessName} offers expert ${service} services in ${location}. Trusted by local customers for quality and reliability. Schedule your consultation now!`,
`Top-rated ${service} services in ${location}. ${businessName} delivers exceptional results with personalized attention to every client's needs.`
];
const randomTemplate = templates[Math.floor(Math.random() * templates.length)];
setDescription(randomTemplate);
};
return (