Remix

Make your own version of Kambaa AI Solutions

Edit the prompt below and generate a customized version in seconds.

Original by santhosh chinnasamy

Describe your app

# Complete GenMB AI Website Prompt

Create a complete, modern, professional, and fully responsive **AI-Powered Business Automation Website** named **Kambaa AI Solutions**. Build the entire project with a clean, scalable folder structure and reusable components.

## Project Purpose

The purpose of this website is to demonstrate how AI can help a business automate customer support, customer enquiries, lead generation, lead management, notifications, and follow-up processes.

The website should provide the following complete flow:

**Customer Visits Website → Explores Services → Interacts with AI Chatbot or Enquiry Form → Provides Customer Details → Automation Validates Data → Enquiry is Saved → Unique Enquiry ID is Generated → Lead is Created → Customer Receives Confirmation → Sales Team Receives Notification → Lead Appears in Admin Dashboard → Sales Team Updates Lead Status → Dashboard Statistics Update Automatically**

---

## 1. Website Pages

### Home Page

Create a professional homepage containing:

* Modern navigation bar with Logo, Home, About, Services, Contact, and Admin Dashboard links
* Hero section
* Main heading: **Transform Your Business with AI Automation**
* Short description about AI-powered business solutions
* Buttons: **Get Started**, **Request a Demo**, and **Contact Us**
* AI automation features section
* Services overview
* Benefits section
* How It Works section
* Customer testimonials section
* Call-to-action section
* Professional footer with company information, quick links, contact information, and social media links

### About Page

Include:

* Company introduction
* About Kambaa AI Solutions
* Mission
* Vision
* Business values
* Why choose us
* AI and automation capabilities

### Services Page

Create attractive service cards for:

1. AI Chatbot Development
2. Workflow Automation
3. Lead Management Automation
4. CRM Integration
5. AI Customer Support
6. Business Process Automation

Each service card must include:

* Icon
* Service name
* Short description
* Benefits
* Learn More button

### Contact and Enquiry Page

Create a professional enquiry form with these fields:

* Full Name
* Company Name
* Email Address
* Phone Number
* Service Interested In
* Message

All required fields should have proper validation.

Add:

* Loading state
* Error message
* Success message

---

## 2. AI Chatbot

Add a modern AI chatbot to the website.

The chatbot should:

* Welcome visitors
* Answer frequently asked questions
* Explain all available services
* Help users choose the correct service
* Ask users whether they want more information or want to submit an enquiry
* Collect customer details when the customer is interested

The chatbot should collect:

* Full Name
* Company Name
* Email Address
* Phone Number
* Service Interested In
* Customer Requirement or Message

After collecting the information, the chatbot should automatically submit the details into the same enquiry and lead automation system.

The chatbot and enquiry form should use the same data structure and automation workflow.

---

## 3. Complete Automation Workflow

Create a complete automation system.

When a customer submits the enquiry form OR submits details through the AI chatbot:

### Step 1: Capture Data

Capture all customer details:

* Full Name
* Company Name
* Email
* Phone Number
* Service
* Message
* Submission Source

The submission source should be either:

* Website Form
* AI Chatbot

### Step 2: Validate Data

Automatically validate:

* Required fields
* Valid email format
* Valid phone number
* Duplicate enquiry detection

If validation fails, show a clear error message.

### Step 3: Generate Enquiry ID

Automatically generate a unique enquiry ID.

Example:

**ENQ-2026-0001**

### Step 4: Save Enquiry

Save the complete customer enquiry with:

* Enquiry ID
* Customer details
* Selected service
* Message
* Submission source
* Lead status
* Created date
* Created time

### Step 5: Create Lead

Automatically create a lead after saving the enquiry.

Set the default lead status as:

**New**

### Step 6: Categorize Lead

Automatically categorize the lead based on the selected service.

Example:

* AI Chatbot Development → AI Solutions
* Workflow Automation → Automation
* Lead Management Automation → Sales Automation
* CRM Integration → CRM Solutions
* AI Customer Support → Customer Experience
* Business Process Automation → Business Automation

### Step 7: Customer Confirmation

Automatically trigger a confirmation message after successful submission.

Example message:

**Thank you for contacting Kambaa AI Solutions. Your enquiry has been received successfully. Our team will contact you shortly.**

### Step 8: Sales Team Notification

Automatically trigger a notification for the sales team whenever a new lead is created.

The notification should contain:

* Customer Name
* Company Name
* Contact Details
* Service Interested In
* Enquiry ID
* Lead Status

### Step 9: Dashboard Update

Automatically display the new enquiry and lead in the Admin Dashboard.

Update all dashboard statistics automatically.

---

## 4. Lead Status Management

Allow the admin or sales team to update the lead status.

Available lead statuses:

* New
* Contacted
* Qualified
* Follow-up
* Converted
* Closed

Whenever the status changes, automatically:

* Update the enquiry record
* Update dashboard statistics
* Display the latest status

---

## 5. Admin Dashboard

Create a professional Admin Dashboard.

Display the following KPI cards:

* Total Enquiries
* New Leads
* Contacted Leads
* Qualified Leads
* Follow-up Leads
* Converted Leads
* Closed Leads

Create an enquiry and lead management table with:

* Enquiry ID
* Customer Name
* Company Name
* Email
* Phone Number
* Service
* Submission Source
* Lead Category
* Lead Status
* Created Date
* Created Time
* Actions

Actions should include:

* View
* Edit
* Update Status

Add search and filtering functionality.

Allow filtering by:

* Lead Status
* Service
* Lead Category
* Submission Source
* Date

Add a Recent Enquiries section.

Automatically update dashboard data when a new enquiry is submitted.

---

## 6. Data and API Structure

Create a clean service layer for handling:

* Enquiry submission
* Lead creation
* Data saving
* Chatbot data submission
* Lead status updates
* Dashboard data retrieval
* Notifications

Use reusable functions and keep business logic separate from UI components.

Create proper error handling and loading states.

Use environment variables for sensitive configuration.

---

## 7. Complete Folder Structure

Organize the complete project using this structure:

kambaa-ai-solutions/
│
├── public/
│   ├── images/
│   └── favicon.ico
│
├── src/
│   │
│   ├── assets/
│   │   ├── images/
│   │   └── icons/
│   │
│   ├── components/
│   │   ├── Navbar/
│   │   │   └── Navbar.jsx
│   │   │
│   │   ├── Footer/
│   │   │   └── Footer.jsx
│   │   │
│   │   ├── Hero/
│   │   │   └── Hero.jsx
│   │   │
│   │   ├── ServiceCard/
│   │   │   └── ServiceCard.jsx
│   │   │
│   │   ├── EnquiryForm/
│   │   │   └── EnquiryForm.jsx
│   │   │
│   │   ├── Chatbot/
│   │   │   └── Chatbot.jsx
│   │   │
│   │   ├── Dashboard/
│   │   │   ├── DashboardCard.jsx
│   │   │   ├── LeadTable.jsx
│   │   │   └── RecentEnquiries.jsx
│   │   │
│   │   └── Common/
│   │       ├── Loader.jsx
│   │       ├── ErrorMessage.jsx
│   │       └── SuccessMessage.jsx
│   │
│   ├── pages/
│   │   ├── Home.jsx
│   │   ├── About.jsx
│   │   ├── Services.jsx
│   │   ├── Contact.jsx
│   │   └── AdminDashboard.jsx
│   │
│   ├── services/
│   │   ├── api.js
│   │   ├── enquiryService.js
│   │   ├── leadService.js
│   │   ├── chatbotService.js
│   │   └── notificationService.js
│   │
│   ├── automation/
│   │   ├── leadAutomation.js
│   │   ├── validationAutomation.js
│   │   ├── categorizationAutomation.js
│   │   ├── emailAutomation.js
│   │   └── dashboardAutomation.js
│   │
│   ├── data/
│   │   ├── servicesData.js
│   │   └── faqData.js
│   │
│   ├── utils/
│   │   ├── validation.js
│   │   ├── generateEnquiryId.js
│   │   ├── leadCategorization.js
│   │   └── constants.js
│   │
│   ├── styles/
│   │   └── global.css
│   │
│   ├── App.jsx
│   └── main.jsx
│
├── .env.example
├── package.json
└── README.md

---

## 8. Design Requirements

Use:

* Modern AI and technology-focused design
* Professional business appearance
* Fully responsive design
* Desktop, Tablet, and Mobile compatibility
* Clean navigation
* Reusable UI components
* Professional typography
* Attractive cards
* Modern buttons
* Smooth animations
* Clean spacing
* User-friendly interface
* Proper loading states
* Proper error handling
* Success notifications

Do not create everything inside a single file. Use the folder structure above and create separate reusable components, pages, services, automation files, and utility files.

Ensure that the entire application is properly connected and functional.

The final project should clearly demonstrate:

**AI Website Creation + AI Chatbot + Customer Enquiry + Automated Lead Creation + Lead Categorization + Notifications + Admin Dashboard + Lead Status Automation.**

Free to use. No credit card required.