Chat GPT Harikalar Yaratıyor - Portfoilo Sitem

Ufak bir Portoilo sitesi yaptırdım, mükemmel oldu..
İsteğimi anlatana kadar canım çıktı ama olsun..

Acayip saldırı geldiği için linki sildim

Çok da harikalar yaratamamış gibi.

Yapay zeka düşmanı yazılımcı kompleksi

ahahahahahahahah

Hocam bir şey sanarak girdim sizi tatmin ettiyse ne mutlu fakat tek promt ile daha başka harikalar yaratabiliyor

İletir misin hocam birde onu deneyeyim, sizin kadar profesyonel değilim, havalı bir şeyler yap dedim bunu yaptı namussuz, adamına göre muamele herhalde

Herhangi bir IDE ile mi kullanıyorsunuz yoksa direkt sitesinden mi

Direkt sitesinden hocam fukara işi, free plan

Şöyle bir şey yaptı tek prompt : https://lutfullah.dev/regush/
Attığım promptta bu :
You are an award-winning front-end developer and UI/UX designer who designs like the top Awwwards & Dribbble creators.
Build a **visually stunning, futuristic, premium landing page** for a tech/developer product.

🎨 DESIGN STYLE
- Cutting-edge modern aesthetic: bold hero typography, glassmorphism panels, layered blurred gradient backgrounds, smooth parallax scroll, and tasteful micro-interactions.
- Premium color palette: dark background with neon gradient accents (purples, blues, pinks) OR ultra-clean light mode with warm gradients.
- Hero section: fullscreen viewport, gradient animated background, big product name, subheading, and two large glassmorphic buttons with hover glow.
- Use animated SVG shapes / particles subtly in background (performance-friendly).
- All hover states with subtle movement and soft shadows (neumorphism/glass hybrid feel).
- Scroll-based section reveal animations (fade-up, slide-in, scale).

📐 LAYOUT & CONTENT
- Sections in order:
1. Hero (logo, nav, big headline, subheadline, 2 CTAs)
2. Features grid (3-6 cards with icons and glassmorphism panels)
3. Live code/demo section (with syntax highlighting + copy button)
4. Pricing table (3 tiers, hover effect elevates card)
5. Testimonials carousel (smooth auto-slide, pause on hover)
6. FAQ accordion
7. Contact form (email + message, inline validation)
8. Footer with social icons (hover glow)

🖥 TECH REQUIREMENTS
- Single HTML file (or separate CSS/JS if needed) with production-ready, semantic markup.
- Use Tailwind CSS via CDN (for rapid styling) and GSAP or Framer Motion for animations (CDN).
- Mobile-first responsive design (320px to 4K).
- Dark & light mode toggle (save preference in localStorage).
- Accessible (ARIA, proper labels, focus styles).
- Include meta tags, Open Graph, and JSON-LD schema for SEO.

⚡ PERFORMANCE
- Optimize animations for 60fps.
- Defer non-critical JS.
- Use SVG over heavy images where possible.
- Include a lightweight particle animation in hero background.

📑 DELIVERY
- Provide **complete code** inside Markdown code blocks with comments.
- At top of the file, include a short guide on how to customize colors, text, and animations.
- No explanation outside code — just the code.

Make it **look like a $10,000 designer-made landing page** ready to impress investors and users.

Bu promptu ise modern tasarım standartları ile 10.000 dolarlık profesyonel web sitesi için gerekli prompt ver diye gene gptye hazırlattım