আরে ভাই/আপু, কল্পনা করুন: আপনার হাতে একটা সুপার প্রফেশনাল পোর্টফোলিও ওয়েবসাইট যা দেখে লোকে বলবে, "ওয়াও! এটা তো হাজার হাজার টাকা খরচ করে বানানো!" অথচ আপনি খরচ করেছেন জিরো টাকা, সময় লেগেছে মাত্র ১০ মিনিট, আর কোড লিখেছেন একটা লাইনও না! 🔥
আগে AI দিয়ে ওয়েবসাইট বানানোর চেষ্টা করেছেন? ফলাফল – বোরিং গ্র্যাডিয়েন্ট, একই রকম লেআউট, আর স্পষ্ট যে "এটা AI-এর কাজ"। 😩 হয় ডিজাইনার হায়ার করতে হবে লাখ টাকা খরচ করে, নয়তো সবার মতো একই টেমপ্লেটে আটকে থাকতে হবে।
কিন্তু এখন আর না! গুগলের Gemini 3 এবং Nano Banana Pro (ইমেজ জেনারেশন টুল) এসে গেছে গেম চেঞ্জ করতে। এই দুটো মিলে আপনি বানাতে পারবেন অ্যাপল-স্টাইল মিনিমালিস্ট ওয়েবসাইট – স্মুথ অ্যানিমেশন, প্যারাল্যাক্স ইফেক্ট, প্রফেশনাল ইমেজ সবকিছু! 💥
আমি ধাপে ধাপে দেখাব কীভাবে করবেন। রেডি? চলুন ডাইভ করি! 🚀
🔥 ধাপ ১: Gemini 3-এ ফ্রি অ্যাক্সেস নিন (কোনো কার্ড লাগবে না!)
প্রথমে যান ai.google.dev/aistudio-তে। গুগল অ্যাকাউন্ট দিয়ে লগইন করুন – ব্যস! আপনার হাতে গুগলের সবচেয়ে পাওয়ারফুল AI। কোনো পেমেন্ট, কোনো ট্রায়াল – পিওর ফ্রি! 😍
"Create New" ক্লিক করে টেক্সট মোড সিলেক্ট করুন। এখান থেকেই ম্যাজিক শুরু।
প্রো টিপ: সিম্পল প্রম্পট দিলে সিম্পল রেজাল্ট পাবেন। কিন্তু ডিটেইলড প্রম্পট দিন – দেখবেন প্রফেশনাল কোড বেরিয়ে আসছে!
🚀 ধাপ ২: এই কিলার প্রম্পট দিয়ে সম্পূর্ণ ওয়েবসাইট কোড জেনারেট করুন
এই প্রম্পটটা কপি করে পেস্ট করুন Gemini-তে:
Create a complete HTML, CSS, and JavaScript code for a modern portfolio website. Structure: Hero section with heading, subheading, and CTA button; About section with two-column layout; Project gallery with 6 cards grid and hover effects; Skills section with progress bars; Contact form with name, email, message fields. Style: Clean Apple-inspired minimalist design. Color palette: Deep navy primary, white secondary, gold accent. Use system fonts with large bold headings, medium subheadings, regular body text. Add smooth transitions and subtle scroll animations. Functionality: Fully responsive; Smooth scrolling; Form validation; Hover effects; Proper spacing. Generate clean, well-commented, production-ready code.
টেম্পারেচার ১ রাখুন। Generate চাপুন – ৩০ সেকেন্ডে রেডি! এই কোড এত ক্লিন যে প্রফেশনাল ডেভেলপারও জেলাস হয়ে যাবে! 🤯
🖼️ ধাপ ৩: কোড সেভ করে ব্রাউজারে দেখুন – প্রথম ওয়াও মোমেন্ট!
TextEdit (বা Notepad) খুলুন → Plain Text মোড → কোড পেস্ট → "index.html" নামে সেভ করুন → ডাবল ক্লিক!
বেসিক স্ট্রাকচার রেডি – কিন্তু এখনো প্লেসহোল্ডার ইমেজ। চিন্তা নেই, পরের ধাপে এটাকে প্রফেশনাল স্টুডিও লেভেল করব!
🎨 ধাপ ৪: Nano Banana Pro দিয়ে মাইন্ড-ব্লোয়িং ইমেজ জেনারেট করুন
Gemini-এর ইমেজ টুলে যান। ডিটেইলড প্রম্পট দিন, যেমন: "A professional minimalist hero background with abstract tech elements, deep navy tones, gold accents, studio lighting."
জেনারেট → ডাউনলোড → কোডে অ্যাড → রিফ্রেশ! এখন ওয়েবসাইট দেখে মনে হবে প্রফেশনাল ফটোশুট করা হয়েছে! 📸
✨ ধাপ ৫: প্যারাল্যাক্স ইফেক্ট যোগ করে $১০,০০০ ওয়েবসাইট লেভেলে নিয়ে যান!
লেয়ার ইমেজ জেনারেট করুন → Gemini-কে বলুন "Add parallax effect to hero section" → কোড অ্যাড করুন → রিফ্রেশ!
স্ক্রল করলেই লেয়ারগুলো আলাদা স্পিডে মুভ করবে – লোকে ভাববে সপ্তাহ ধরে কাজ করেছেন! 😎
⚡ এক্সট্রা প্রো টিপস (যাতে কোনো সমস্যা না হয়)
- সব ইমেজ ও HTML একই ফোল্ডারে রাখুন।
- ইমেজ JPG/PNG-এ সেভ করুন।
- বাগ হলে Gemini-কে জিজ্ঞাসা করুন – সে ফিক্স করে দেবে!
ব্যস, এতেই আপনার ওয়েবসাইট রেডি যা ক্লায়েন্টদের মন জয় করবে! 🌟 এই ম্যাজিক আজই ট্রাই করুন আর কমেন্টে বলুন কেমন হলো আপনার সাইট।
যদি আরো অ্যাডভান্সড প্রম্পট বা টেমপ্লেট চান, কমেন্ট করুন! এই পোস্ট শেয়ার করুন বন্ধুদের সাথে – তারাও তো উপকৃত হোক! 👇
