एक बात करने वाली AI वेबसाइट बनाएँ (बिना कोड)

एक स्मार्ट AI वेबसाइट बनाएँ जिसमें एक voice assistant हो जो उपयोगकर्ताओं का मार्गदर्शन करे और वास्तविक कार्यों को संचालित करे।

रोडमैप और संसाधन

वेबसाइट बनाएँ

Google AI Studio खोलें

Prompt 1 पेस्ट करें और पहला संस्करण उत्पन्न करें

Prompt 1 — वेबसाइट आधार

आप एक पेशेवर स्थानीय व्यवसाय वेबसाइट बिल्डर, UX रणनीतिकार और कन्वर्ज़न विशेषज्ञ हैं।

You are a professional local business website builder, UX strategist, and conversion expert. Create a high-end, conversion-focused website for a local gym business named: IronCore Gym This website is designed to attract local customers, generate leads, phone calls, and gym visits. It must look professional, trustworthy, and ready to be sold to a real local business owner. ⸻ BUSINESS CONTEXT ⸻ • Business type: Local Gym / Fitness Center • Business name: IronCore Gym • Target customers: - People living near the gym - Beginners & regular gym members - Men & women aged 18–45 • Main goals: - Get people to visit the gym - Get phone calls & messages - Get people to book a free session - Convert visitors into members ⸻ DESIGN STYLE (LOCAL BUSINESS READY) ⸻ • Clean, modern, professional • Trust-focused (not flashy, not futuristic) • Dark theme with strong contrast • Colors: - Black / dark gray - Red or blue accent • Typography: - Clear, readable, professional • Mobile-first (very important for local users) ⸻ WEBSITE STRUCTURE (LOCAL BUSINESS OPTIMIZED) ⸻ 1) HERO SECTION (CRITICAL) • Clear headline explaining what the gym offers • Subheadline mentioning location & benefit • Primary CTA: “Book a Free Session” • Secondary CTA: “Call Now” • Phone number clearly visible 2) ABOUT THE GYM 3) SERVICES / TRAINING PROGRAMS 4) WHY CHOOSE IRONCORE GYM 5) MEMBERSHIP / PRICING 6) TESTIMONIALS 7) LOCATION & CONTACT 8) FINAL CALL TO ACTION 9) FOOTER ⸻ CONTENT RULES ⸻ • Simple, clear English • No hype • No buzzwords • Trust-focused language ⸻ FINAL GOAL ⸻ Generate the complete website content, layout, and copy.

AI Voice Assistant जोड़ें

Call Now बटन को voice assistant से बदलें

असिस्टेंट को केवल वास्तविक व्यवसाय जानकारी तक सीमित करें

Prompt 2 – AI Voice Support Assistant

वेबसाइट पर एक AI Voice Support Assistant जोड़ें।

Add an AI Voice Support Assistant to the website. Replace the current “Call Now” button with an AI-powered voice assistant. Button label: AI Voice Support Behavior: • Responds by voice • Text fallback if voice is unavailable • Answers common gym questions: - Pricing - Opening hours - Location - Programs - Booking a free session Design: • Keep the same button position and size • Do not change the layout • Match the existing dark + red brand style

Prompt 3 – व्यवसाय ज्ञान लॉक (एंटी-हैल्यूसिनेशन)

आप IronCore Gym के AI Voice Support Assistant हैं।

You are IronCore Gym’s AI Voice Support Assistant. Use ONLY the business information provided below and the content visible on this website. Do not guess. Do not invent information. If something is not listed: • Say you don’t have that information • Guide the visitor to book a free session or call the gym Tone: • Friendly • Professional • Short answers • Conversion-focused ================================================== BUSINESS INFORMATION ================================================== Business name: IronCore Gym Positioning: A serious gym for real results Founded: 2015 Status: Accepting New Members for 2026 Award: Rated #1 Best Local Gym 2026 Address: 123 Fitness Blvd, Downtown District, City 90210 Phone: (555) 123-4567 Opening Hours: Mon–Fri: 5:00 AM – 11:00 PM Sat–Sun: 7:00 AM – 9:00 PM Programs: Personal Training Group Fitness Strength & Conditioning Fat Loss Programs Beginner Foundations Membership: Day Pass: $15 Monthly: $49 Personal Training: $240

विज़िटर ऐक्शन सक्षम करें

गाइडेड बुकिंग फ़्लो बनाएँ

मैन्युअल पुष्टिकरण चरण जोड़ें

Prompt 4 – गाइडेड वॉइस बुकिंग फ़्लो

जब कोई विज़िटर जुड़ने या बुक करने का इरादा दिखाए…

When a visitor shows intent to join or book: Ask the following questions one at a time: 1) First name 2) Main fitness goal 3) Beginner or experienced 4) Preferred visit day 5) Morning or evening After collecting the information: • Summarize the details • Ask the visitor to submit the booking form or call the gym

Prompt 5 – मैन्युअल पुष्टिकरण बुकिंग नियंत्रण

बुकिंग विवरण एकत्र करने के बाद…

After collecting booking details: Show a confirmation modal that does NOT close automatically. The modal stays visible until the user clicks: • Confirm • Edit • Cancel Do not auto-submit. Do not auto-confirm. When the modal appears, say: “Please review your details on the screen. If everything looks correct, click Confirm to submit your request.”

इसे लाइव डिप्लॉय करें

Hostinger पर डिप्लॉय करें

इस प्रोजेक्ट को वीडियो में दिखाए गए उसी सेटअप के साथ पब्लिश करें।

RECOMMENDED

https://www.hostg.xyz/SHJCg

आवश्यक एनवायरनमेंट वेरिएबल्स जोड़ें

API_KEY GOOGLE_API_KEY GEMINI_API_KEY VITE_GOOGLE_API_KEY VITE_GEMINI_API_KEY

API_KEY

Gemini API की

GOOGLE_API_KEY

Gemini API की

GEMINI_API_KEY

Gemini API की

VITE_GOOGLE_API_KEY

Gemini API की

VITE_GEMINI_API_KEY

Gemini API की

यह की Google AI Studio से लें

API कीज़ खोलें

https://aistudio.google.com/app/apikey

ज़रूरत होने पर सफ़ेद स्क्रीन समस्या ठीक करें

Prompt 7 – सफ़ेद स्क्रीन फ़िक्स (प्रोडक्शन)

यह बिना त्रुटियों के डिप्लॉय होता है, लेकिन प्रोडक्शन में एक खाली सफ़ेद पेज प्रस्तुत करता है…

It deploys without errors, but in production, it renders a blank white page. No console errors appear. The issue occurs on multiple hosting providers, so it is not a hosting problem. Please debug the app and fix the root cause so it renders properly in production, without changing the existing UI.