Google AI Studio प्रोजेक्ट्स डिप्लॉय करें
अपने Google AI Studio प्रोजेक्ट को GitHub से जोड़ने, Hostinger के साथ डिप्लॉय करने और लाइव करने के लिए एक कदम-दर-कदम गाइड।
रोडमैप और संसाधन
प्रोजेक्ट बनाएँ
Google AI Studio खोलें
अपनी वेबसाइट या वेब ऐप उत्पन्न करें
इस चरण में उपयोग किया गया प्रॉम्प्ट
Prompt 1 — AI SaaS वेबसाइट प्रॉम्प्ट
एक डार्क सिनेमाई सौंदर्य के साथ एक प्रीमियम भविष्यवादी AI SaaS लैंडिंग पेज बनाएँ…
Create a premium futuristic AI SaaS landing page with a dark cinematic aesthetic, inspired by high-end modern startup websites. Style direction: - Ultra premium - Minimal but visually striking - Dark black background with deep purple / blue glow accents - Clean glassmorphism elements - Soft gradients, subtle reflections, and ambient lighting - Apple / Vercel / Stripe level polish - Smooth spacing, strong typography, and luxury tech feel Main hero section: - Large bold headline on the left - Make the headline visually dynamic by mixing clean bold sans-serif with one elegant italic/emphasized word - Add a short supporting paragraph below - Add 2 CTA buttons: 1. Primary solid button 2. Secondary ghost button with icon - On the right side, create a premium 3D AI robot or futuristic assistant object, placed on a pedestal or floating platform - Add subtle floating UI status cards around the robot, such as: - CORE_ONLINE - LATENCY: 12ms - AI ACTIVE - LIVE SYNC - Add a small badge above the headline like: “Introducing [Product Name] OS v2.0” Navbar: - Clean transparent/dark glass navbar - Logo on the left - 3 to 4 nav links in the center - Rounded CTA button on the right - The navbar should feel elegant and slightly floating Visual quality: - Use cinematic lighting - Add subtle grain/noise texture for depth - Use soft radial glows in the background - Strong contrast for readability - Make the whole page feel alive and premium, not flat - Use smooth hover states and micro-interactions - Rounded corners everywhere - Add depth using shadows and blurred glow layers Page sections after hero: 1. Features section with 3 premium cards 2. AI capabilities / platform section 3. Product demo or interface preview section 4. Testimonials or trust section 5. Pricing section 6. Final CTA section 7. Premium footer Typography: - Very large hero text - Clean sans-serif for most text - Elegant contrasting accent style for one keyword in hero - Modern spacing and hierarchy Color palette: - Black / near-black base - Purple, violet, blue neon accents - White text - Soft gray secondary text Technical requirements: - Build this as a fully responsive modern website - Ensure excellent desktop and mobile layout - Use smooth animations on scroll - Keep everything polished and production-ready - Do not make it look generic or template-like - Focus on premium SaaS conversion-oriented design Product concept: The product is an advanced AI assistant platform that feels intelligent, luxurious, futuristic, and human-friendly. Give the brand a strong modern name and create all copy accordingly.
इसे GitHub पर सहेजें
अपना GitHub खाता कनेक्ट करें
प्रोजेक्ट के लिए एक रिपॉज़िटरी बनाएँ
प्रोजेक्ट को GitHub पर पुश करें
Hostinger के साथ डिप्लॉय करें
Hostinger पर डिप्लॉय करें
इस प्रोजेक्ट को वीडियो में दिखाए गए उसी सेटअप के साथ पब्लिश करें।
RECOMMENDED
https://www.hostg.xyz/SHJF8
Hostinger में एक Node.js web app बनाएँ
अपनी GitHub रिपॉज़िटरी कनेक्ट करें
आवश्यक एनवायरनमेंट वेरिएबल्स जोड़ें
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