Kako pronaći klijente i napraviti premium web sajt uz AI za 20 minuta: Claude Opus 5.5, 3D animacije i gotovi promptovi

You are an elite multidisciplinary digital product team combining a creative director, senior frontend engineer, 3D artist, motion designer, UX researcher, conversion strategist, accessibility expert, and technical SEO specialist.

Build an exceptional, production-oriented website for:

BUSINESS: [BUSINESS NAME]
INDUSTRY: [INDUSTRY]
LOCATION: [CITY / COUNTRY]
LANGUAGE: [SERBIAN / ENGLISH / OTHER]
PRIMARY GOAL: [LEADS / BOOKINGS / SALES / INQUIRIES]
AUDIENCE: [TARGET AUDIENCE]

Creative direction:
Build a distinctive, award-caliber digital experience with premium art direction and a coherent visual identity.

Avoid generic AI-generated landing page patterns, excessive gradients, random glow effects, repetitive cards, and meaningless animations.

Establish:
- A carefully designed typography system.
- A refined color palette suited to the industry.
- Strong editorial layouts and hierarchy.
- High-quality image presentation.
- Purposeful whitespace.
- Elegant interactive elements.
- Consistent iconography and component styling.

Recommended architecture:
- Next.js with TypeScript.
- Tailwind CSS.
- Motion for React.
- Three.js and React Three Fiber where genuine 3D improves the experience.
- Semantic and accessible components.
- Modular, maintainable code.

Required experience:
1. Exceptional homepage with a strong value proposition.
2. About section.
3. Services or products section.
4. Relevant portfolio, gallery, or catalog.
5. Meaningful interactive feature.
6. Contact and inquiry experience.
7. Mobile-first responsive navigation.
8. SEO metadata and appropriate structured data.
9. Privacy and legal content placeholders where required.
10. Clear conversion-focused calls to action.

3D and motion requirements:
Create a visually sophisticated 3D hero or interactive scene only when it strengthens the business story.

Use physically plausible lighting, careful materials, subtle depth, smooth camera transitions, and intentional interaction.

Provide a lightweight static fallback if WebGL is unavailable.

Respect prefers-reduced-motion.

Do not sacrifice usability, accessibility, or loading performance for visual effects.

Content integrity:
Never invent real customers, employee credentials, medical claims, business awards, property availability, prices, or testimonials.

If data is missing, use realistic DEMO content that is clearly marked as fictional.

Forms must either connect to a real configured backend or clearly indicate that submission is in demo mode.

Development workflow:
Inspect the existing project before making changes.
Create a coherent implementation plan.
Implement the actual website.
Run available build and validation checks.
Fix discovered errors.
Review desktop and mobile layouts.
Document remaining limitations.

Do not stop at a concept, mockup, or design description.

Produce the working implementation in the repository.

Quality standard:
The site should feel like a bespoke digital experience designed for a premium commercial client, not a generic website template.

Using the universal premium website requirements, build a luxury real estate platform called [AGENCY NAME].

Target market: [CITY / COUNTRY].
Website language: [LANGUAGE].

Art direction:
Create a sophisticated luxury-property aesthetic inspired by premium architecture magazines.

Use warm ivory, charcoal, restrained champagne-gold accents, cinematic photography, generous whitespace, and elegant serif/sans-serif typography combinations.

Homepage:
- Full-width cinematic property hero.
- Premium animated typography.
- Refined property search interface.
- Featured listings.
- Neighborhood discovery.
- Agency expertise.
- Clear viewing-request CTA.

Functional features:
- Property catalog with demo listings.
- Search by location, type, size, and price.
- Detailed property pages.
- Image galleries.
- Saved favorites in local storage for demo purposes.
- Property comparison.
- Viewing inquiry forms.
- Responsive mobile filters.

3D signature feature:
Create a refined interactive 3D architectural presentation showing a stylized luxury residence.

Allow subtle camera rotation and smooth transitions between exterior viewpoints.

Use elegant materials, realistic lighting, soft shadows, and carefully controlled motion.

Do not pretend that a fictional 3D building represents an actual listed property.

If real architectural models are unavailable, clearly label the scene as a conceptual demonstration.

Create a static fallback for low-performance devices.

All property data must be explicitly labeled DEMO until real verified listings are provided.

Build and validate the working implementation.

Build a premium modern dental clinic website for [CLINIC NAME], located in [CITY].

Use the universal website engineering and quality requirements.

Art direction:
Create an atmosphere of trust, calmness, precision, and modern medical professionalism.

Visual palette:
Warm white, soft mineral blue, muted teal, and subtle natural tones.

Avoid exaggerated futuristic medical imagery and aggressive sales patterns.

Required pages and sections:
- Homepage.
- Dental services.
- About the clinic.
- Verified team information.
- Equipment and technology.
- Patient information.
- Frequently asked questions.
- Appointment requests.
- Contact and location.

Interactive features:
- Clear service navigation.
- Appointment request form.
- Opening hours.
- Mobile click-to-call actions.
- Map and directions.
- Accessible form validation.

3D signature experience:
Build a lightweight, stylized interactive tooth model that demonstrates the structure of a tooth.

Users may rotate the object and explore clearly labeled educational regions.

Use medically cautious descriptions and make clear that the model is illustrative, not diagnostic.

No fake doctors, reviews, clinical results, certifications, or before-and-after patient photos.

Do not collect medical history or other sensitive health information in the demo appointment form.

Real patient information must only be handled through an appropriately designed and secured system.

The primary goal is to make booking straightforward while maintaining an elegant, credible clinical presentation.

Build an exceptionally modern driving school website for [DRIVING SCHOOL NAME] in [CITY].

Use the universal website requirements.

Target audience:
First-time driving students, young adults, and people seeking additional driving instruction.

Visual direction:
Premium automotive design with graphite backgrounds, clean white typography, sharp accent colors, and cinematic automotive photography.

Required features:
- Course category overview.
- Enrollment form.
- Instructor introduction.
- Vehicle fleet.
- Theory lesson information.
- Pricing section with clearly labeled demo values.
- Frequently asked questions.
- Contact and location.
- Mobile-first conversion flow.

3D signature experience:
Develop an interactive 3D driving education scene.

Include a stylized road, vehicle, traffic signals, and educational interaction points.

Allow users to explore basic traffic scenarios.

Educational demonstrations must not be presented as official licensing exam questions.

Motion design:
Smooth vehicle movement, subtle camera tracking, animated road elements, refined menu transitions, and responsive micro-interactions.

Performance:
Keep 3D assets lightweight.
Allow users to pause the animation.
Provide a static fallback.

Prioritize clear information about enrollment requirements over purely decorative visuals.

Produce and test the working application.

Create an extraordinary restaurant website for [RESTAURANT NAME] in [CITY].

Follow the universal premium engineering brief.

Visual direction:
A luxury culinary editorial style with warm natural textures, elegant typography, carefully controlled lighting, and exceptional food imagery.

Required features:
- Cinematic homepage.
- Food and beverage menu.
- Menu categories and filters.
- Restaurant story.
- Gallery.
- Table reservation flow.
- Opening hours.
- Location and directions.
- Mobile-friendly contact actions.

3D signature feature:
Create an artistic 3D presentation of a signature dish or a stylized table setting.

Use subtle camera movement, tasteful depth of field, and refined material rendering.

The 3D presentation must be clearly conceptual unless it accurately represents an actual menu item.

Do not invent menu ingredients, allergen information, or prices as verified facts.

If reservations are not connected to a real service, label them as demo interactions.

The design should create appetite and establish a strong atmosphere without slowing down the website.

Build a premium boutique hotel and hospitality website for [HOTEL NAME] in [LOCATION].

Follow the universal website brief.

Creative direction:
Timeless hospitality luxury, cinematic destination imagery, refined typography, natural colors, and immersive storytelling.

Core features:
- Accommodation categories.
- Room galleries.
- Amenities.
- Location guide.
- Booking request flow.
- Contact and directions.
- Frequently asked questions.
- Multilingual architecture.

3D signature:
Create a conceptual interactive 3D hotel room or architectural walkthrough using optimized models.

Allow users to explore key areas with gentle camera motion.

Do not represent a fictional room as an actual bookable accommodation.

Use only approved real property photographs and verified descriptions for production listings.

Clearly identify demo availability, rates, and reservation states.

Provide graceful fallback behavior on mobile devices.

The website must convert interested visitors into genuine booking inquiries through a simple and trustworthy experience.

Create a premium automotive service website for [SERVICE NAME] in [CITY].

Follow the universal design and engineering requirements.

Use a refined automotive visual system with dark graphite, metallic silver, and one restrained accent color.

Required functionality:
- Service categories.
- Vehicle maintenance information.
- Booking request.
- Business hours.
- Verified qualifications and equipment.
- Service gallery.
- Location and contact.
- Mobile click-to-call.

3D signature feature:
Create an interactive stylized 3D vehicle with selectable areas.

Users should be able to explore general service categories such as brakes, tires, engine maintenance, and suspension.

The model is educational and must not imply automatic vehicle diagnosis.

Use tasteful mechanical animations, precise lighting, and optimized geometry.

Do not invent certifications, repair guarantees, service prices, or customer testimonials.

Deliver a complete responsive and maintainable website implementation.

Build a premium boutique fitness studio website for [STUDIO NAME].

Design a bold editorial experience with cinematic athletic photography, highly legible typography, restrained motion, and strong membership CTAs.

Include training programs, trainer profiles, schedules, membership options, a tour of the space, and inquiry forms.

Create an interactive stylized 3D fitness environment featuring gym equipment and subtle camera navigation.

Use verified trainer qualifications only.

Do not invent medical or body-transformation outcomes.

Prioritize fast mobile interactions and accessible booking.

Create an elegant beauty and wellness website for [SALON NAME].

Art direction:
Quiet luxury, warm neutral colors, soft natural photography, sophisticated serif typography, and refined motion.

Include services, verified price lists, galleries with approved images, team information, opening hours, and appointment requests.

Create a tasteful interactive 3D product or interior vignette with realistic materials and soft studio lighting.

Avoid visual clutter and excessive animation.

Never fabricate client transformations, testimonials, or professional certifications.

Optimize the website for mobile users and simple appointment booking.

Develop a visually exceptional portfolio website for [ARCHITECTURE STUDIO].

The visual language should be architectural, minimal, editorial, and highly sophisticated.

Include portfolio categories, detailed case studies, studio philosophy, team profiles, project inquiry forms, and contact information.

Create a procedural 3D architectural composition in the homepage hero with precise materials, soft shadows, and cinematic but restrained camera animation.

Provide optional orbit interaction and a reduced-motion fallback.

Use only approved project photography and clearly identify conceptual architecture.

Focus on typography, proportions, whitespace, and project storytelling rather than generic decorative UI.

Act as a world-class creative technologist and interactive 3D art director.

Audit the existing website and elevate its visual quality significantly.

Focus on:
- Purposeful 3D storytelling.
- Cohesive art direction.
- Cinematic but controlled lighting.
- High-quality physically based materials.
- Smooth camera choreography.
- Interactive object exploration.
- Scroll-triggered scene transitions.
- Elegant micro-interactions.
- Perfect visual hierarchy.

Use Three.js and React Three Fiber when appropriate.

Do not simulate genuine 3D functionality with flat decorative screenshots if the feature requires an interactive 3D object.

Optimize geometry, textures, shaders, device pixel ratio, memory use, and rendering frequency.

Lazy-load demanding experiences.

Support keyboard navigation where relevant.

Respect reduced-motion preferences.

Provide a meaningful non-WebGL fallback.

Do not introduce animations that obstruct reading, forms, or navigation.

Implement the improvements in code, then run a build and resolve errors.

Perform a comprehensive design quality pass on the entire application.

Identify and fix:
- Weak typography.
- Inconsistent spacing.
- Poor visual hierarchy.
- Generic components.
- Misaligned elements.
- Unbalanced layouts.
- Inconsistent border radii.
- Excessive shadows.
- Distracting animation.
- Unpolished buttons.
- Broken responsive layouts.
- Weak mobile navigation.
- Low-quality placeholder imagery.

Preserve the brand identity and all working functionality.

Refine the experience until it feels cohesive, intentional, premium, and commercially credible.

Do not merely describe recommended changes.

Apply them directly and verify the implementation.

Act as a senior software quality engineer, security reviewer, accessibility specialist, and performance engineer.

Inspect the entire project.

Run every available validation:
- Type checking.
- Linting.
- Production build.
- Automated tests where available.
- Route and navigation checks.
- Responsive layout checks.
- Accessibility checks.
- Forms and validation.
- Browser console errors.
- Broken assets and links.
- SEO metadata.
- Structured data validation.
- WebGL fallbacks.
- Reduced-motion behavior.

Check mobile viewport widths and keyboard navigation.

Inspect external integrations and confirm whether they are actually configured.

Do not report a form as functional if it only displays a success message without transmitting information to a real endpoint.

Do not claim tests have passed unless you executed them.

Fix discovered issues and rerun the relevant checks.

At the end, provide:
1. What was verified.
2. What was fixed.
3. What remains incomplete.
4. What requires client approval.
5. Whether the project is demo-ready or production-ready.

Act as a technical SEO specialist and conversion strategist.

Analyze the website for [BUSINESS TYPE] in [CITY].

Improve:
- Page titles and meta descriptions.
- Semantic heading structure.
- Internal linking.
- Local business information.
- Relevant JSON-LD structured data.
- Image alt text.
- Sitemap and robots configuration.
- Canonical URLs.
- Mobile usability.
- Content clarity.
- Calls to action.
- Contact and booking usability.

Use only verified business details.

Avoid keyword stuffing and fabricated local landing pages.

Do not promise specific Google rankings.

Measure relevant performance outcomes and distinguish recommendations from completed changes.

Implement improvements and document measurable results.

You are a senior web consultant specializing in local business digital transformation.

Analyze the supplied public business website and screenshots.

BUSINESS: [NAME]
WEBSITE: [URL]
INDUSTRY: [INDUSTRY]
CITY: [CITY]

Identify verified opportunities related to:
- Mobile usability.
- Loading performance.
- Navigation.
- Accessibility.
- Service presentation.
- Booking or inquiry flow.
- Local SEO.
- Trust and credibility.
- Business conversion.

Separate verified findings from assumptions.

Do not claim the company lacks a website without checking.

Do not fabricate traffic, revenue, conversion rates, technical problems, or competitor data.

Deliver:
1. A concise audit.
2. Three prioritized improvement opportunities.
3. A proposed website concept.
4. The most valuable functionality to demonstrate.
5. A short personalized outreach email.
6. An estimated project complexity level.

Use public business information responsibly.