सीधे कंटेंट पर जाएँ

वेटलिस्ट पेज बनाएं

शुरुआती~12 मिनट0/4 चरण

वेटलिस्ट के साथ अपना प्रोडक्ट लॉन्च करें

पूरा प्रोडक्ट बनाने से पहले, आपको अपने आइडिया को वैलिडेट करना होगा और उत्सुकता जगानी होगी। वेटलिस्ट पेज सबसे तेज़ तरीका है जिससे आप रुचि रखने वाले शुरुआती यूज़र्स को इकट्ठा कर सकते हैं और मार्केट डिमांड साबित कर सकते हैं।

इस लेसन में, आप एक पूरा वेटलिस्ट लैंडिंग पेज बनाएंगे — एक आकर्षक हेडलाइन, वैल्यू प्रपोज़िशन, ईमेल कैप्चर फॉर्म, और सोशल प्रूफ के साथ। यह एक पेज आपके पूरे प्रोडक्ट का लॉन्चपैड बन सकता है — और यह सिर्फ HTML और Tailwind CSS से बना है।

निर्देश

1

एक h1 प्रोडक्ट हेडलाइन और एक p वैल्यू प्रपोज़िशन जोड़ें जो प्रोडक्ट का फायदा बताए

संकेत: बनाएं: `<h1 class="text-5xl md:text-6xl font-bold mb-4">प्रोडक्ट का नाम</h1>` और `<p class="text-xl text-blue-300 mb-8">यूज़र्स के लिए यह क्या करता है?</p>`

इसे कहाँ लिखें?

<!-- Build your waitlist page here -->

इसे लाइन 12 पर लिखें — उस टिप्पणी के नीचे, पहले जोड़े गए कोड के बाद।

2

एक form एलिमेंट के अंदर placeholder टेक्स्ट के साथ ईमेल इनपुट फील्ड बनाएं

3

फॉर्म के अंदर एक सबमिट बटन जोड़ें जिसमें 'Join {Number}+ Founders' या 'Join Waitlist' जैसा टेक्स्ट हो

4

फॉर्म के नीचे सोशल प्रूफ टेक्स्ट जोड़ें जो दिखाए कि कितने लोग पहले से वेट कर रहे हैं (जैसे '500+ founders')

आपका कोड

html
14 लाइनें
1
2
3
4
5
6
7
8
9
10
11
12
13
14

Live Preview

Live Preview