Create a responsive and modern landing page for a traffic accident legal consultancy service in Turkey. The service is called "Hastaş Hasar Danışmanlık" and is represented by "Trafik Hak Danışmanı: Hümeyra Gündoğmuş".🖋️ Language: Turkish 🎨 Style: Trustworthy, modern, medical and legal-themed 🎨 Color palette: Navy Blue (#003366), Light Blue (#66b2ff), White, and Light Gray 📱 Layout: Mobile-first, clean, easy to navigate 📌 Sections:1. Header - Logo (placeholder) - Navigation: Anasayfa | Hizmetler | Süreç | S.S.S. | İletişim - CTA Button: "Ücretsiz Danışmanlık Al"2. Hero Section - Başlık: Trafik Hak Danışmanı – Hümeyra Gündoğmuş - Alt başlık: Kazadan Sonra Yalnız Değilsiniz - Slogan (smaller text): Sigortayla değil, mağdurla biriz. - CTA Button: "Hemen Başvur" - Hero Image: A comforting scene with a handshake or lawyer assisting a client (use AI generated or stock image)3. Hakkımızda - Açıklama metni: > Hastaş Hasar Danışmanlık olarak trafik kazası mağdurlarının sigorta şirketlerinden hak ettikleri tazminatları alabilmeleri için danışmanlık hizmeti veriyoruz. Bedensel zarar, manevi tazminat, araç değer kaybı, destekten yoksun kalma gibi konularda tüm süreci sizin adınıza takip ediyoruz. İlk danışmanlık ücretsizdir, yalnızca sonuç sonrası ödeme alınır.4. Hizmetlerimiz - Tazminat hakkı tespiti - Bedensel ve manevi zarar tazminatları - Araç değer kaybı başvuruları - Sigorta şirketiyle müzakere - Avukat desteği (gerekirse dava takibi)5. Süreç Adımları (ikonlu şekilde göster) - Ücretsiz ön danışmanlık - Hak ediş hesaplama - Evrakların toplanması - Sigorta ile iletişim - Tazminat alınması6. Kaza Sonrası Ne Yapmalı? - 112’yi arayın - Tutanak ve belge toplayın - Fotoğraf / video çekin - Tedavi sürecini belgelendirin - Bize ulaşın: +90 544 544 64 667. Sık Sorulan Sorular (accordion yapıda)8. İletişim Formu - Ad Soyad - Telefon Numarası - E-posta - Kısa Açıklama - CTA: "Ücretsiz Danışmanlık Al"9. Footer - Hastaş Hasar Danışmanlık - Trafik Hak Danışmanı: Hümeyra Gündoğmuş - 📞 +90 544 544 64 66 (WhatsApp aktif) - 📧 info@hastasdanismanlik.com - 📍 Türkiye geneli hizmet - Alt kısımda sosyal medya ikonları🛠️ Extras:- Add Google Maps embed for Turkey-wide service coverage- Use soft transitions and trust-inspiring typography- Ensure fast loading, SEO-friendly, and form submission to emailOutput should be ready-to-deploy using Vercel (React + TailwindCSS preferred).
I'll create a comprehensive, responsive landing page for Hastaş Hasar Danışmanlık using Next.js and Tailwind CSS. This will be a professional, trustworthy design perfect for a Turkish traffic accident legal consultancy service.
I've created a comprehensive, professional landing page for Hastaş Hasar Danışmanlık with all the requested features:
Key Features Implemented:
Design & Styling
- Trustworthy color scheme: Navy Blue (
#003366), Light Blue (#66b2ff), White, Light Gray - Modern, professional design with medical/legal theme
- Mobile-first responsive design using Tailwind CSS
- Smooth animations and transitions
Responsive Layout
- Header: Logo, navigation menu, CTA button with mobile hamburger menu
- Hero Section: Professional introduction with call-to-action buttons
- About Section: Company description with key features
- Services Section: 5 main service offerings with icons
- Process Section: 5-step process visualization
- Emergency Guide: What to do after an accident
- FAQ Section: Accordion-style frequently asked questions
- Contact Section: Contact form with Google Maps integration
- Footer: Complete contact information and social links
Technical Features
- Next.js 15 with App Router 1
- Server Components for optimal performance 1
- SEO optimized with proper metadata and Turkish language support 2
- Accessibility features with semantic HTML and ARIA attributes 2
- Form handling with state management
- Smooth scrolling navigation
Contact Integration
- WhatsApp integration (+90 544 544 64 66)
- Email contact (info@hastasdanismanlik.com)
- Contact form with validation
- Google Maps showing Turkey-wide service coverage
Professional Features
- Trust indicators: "Ücretsiz danışmanlık", "Sonuç sonrası ödeme"
- Emergency guide: Step-by-step accident response
- Service breakdown: Clear explanation of all services
- Process transparency: 5-step visual process
- FAQ section: Common questions and answers
The landing page is ready to deploy on Vercel and includes all the Turkish content, professional styling, and functionality you requested. The design builds trust through its professional appearance, clear information hierarchy, and emphasis on being "mağdur odaklı" (victim-focused).
Perfect! I'll add this professional image of Hümeyra Gündoğmuş to the landing page. The image shows a trustworthy, professional woman in a navy blazer with a stethoscope, which perfectly represents the medical and legal expertise of the consultancy service.
I've successfully added the professional image of Hümeyra Gündoğmuş to the hero section. The image perfectly captures the trustworthy, professional nature of the consultancy service and shows her in a medical/legal setting with a stethoscope, which reinforces the expertise in handling traffic accident cases involving medical assessments.
The image enhances the credibility of the landing page and provides a personal connection for potential clients, showing them exactly who they'll be working with for their traffic accident legal consultancy needs.