Prompt for Website Creator AI
Primary Goal:
Create a sophisticated and insightful web application named "MindFrame" that recommends movies by first having the user complete a short, engaging personality test. The recommendations should feel deeply personal, as if they are tailored to the user's core psychological traits and storytelling preferences.

Part 1: Core Concept & Audience
Website Name: MindFrame

Tagline: "Discover films that resonate with your spirit."

Purpose: To move beyond simple genre-based recommendations and offer movies that align with a user's personality, worldview, and emotional preferences. It answers the question: "What movie will I connect with on a deeper level?"

Target Audience: Film enthusiasts, individuals interested in psychology and self-discovery, and anyone looking for a more meaningful way to choose their next movie.

Tone: Introspective, intelligent, and a bit mysterious. It should feel like a premium, insightful experience.

Part 2: The User Journey & The Personality Quiz
The user experience should be a seamless and intriguing journey of self-discovery that culminates in a highly personalized movie list.

1. Homepage (/)
Visuals: A minimalist and elegant design. Use an abstract, artistic background—perhaps a slowly moving ink-blot effect or a subtle animation of interconnected lines.

Main Content:

The logo "MindFrame."

The tagline: "Discover films that resonate with your spirit."

A brief, intriguing sentence: "Your personality shapes the stories you love. Let's find yours."

A single, prominent call-to-action button: "Begin Your Analysis"

2. The Personality Quiz Page (/analysis)
When the user begins, they are guided through a series of thought-provoking questions, one at a time. The interface should be clean and focused to encourage genuine answers.

Progress Indicator: A subtle, non-numeric progress bar at the bottom, perhaps a line that fills as the user advances.

Question Style: The questions should be abstract and situational, avoiding direct references to movies.

Question Flow (Example Questions):

Question 1: The Worldview

Question: "You find a mysterious, locked door in an old library. What is your first instinct?"

Answers (Text-based options):

"Find the key at all costs. Every secret must be uncovered." (Archetype: The Explorer/Detective)

"Imagine the incredible worlds that could lie behind it." (Archetype: The Dreamer/Visionary)

"Consider the potential dangers and warn others to stay away." (Archetype: The Guardian/Protector)

"Assume it's just a forgotten closet and move on." (Archetype: The Realist/Pragmatist)

Question 2: The Driving Force

Question: "Which quote speaks to you the most?"

Answers:

"The only true wisdom is in knowing you know nothing." (Archetype: The Sage)

"Fortune favors the bold." (Archetype: The Hero/Warrior)

"The heart has its reasons, of which reason knows nothing." (Archetype: The Lover/Idealist)

"Chaos is a ladder." (Archetype: The Rebel/Trickster)

Question 3: The Emotional Core

Question: "A sudden storm washes away a bridge, leaving a village isolated. What do you focus on?"

Answers:

"The engineering challenge of rebuilding it stronger than before." (Logical, problem-solver)

"The stories of the villagers and how they are coping together." (Empathetic, community-focused)

"The raw, untamed power of nature itself." (Awe-inspired, philosophical)

"The opportunity this creates for someone to rise as a leader." (Strategic, ambitious)

Loading Screen: After the final question, a visually appealing animation with text like "Calibrating your profile...", "Mapping your cinematic DNA...", "Decoding your narrative preferences..."

3. The Results & Recommendations Page (/profile)
This is the payoff. The page reveals the user's "Movie Personality Archetype" and their tailored recommendations.

Your Archetype:

At the top, prominently display the user's archetype, e.g., "You are The Explorer."

Personality Snippet: Provide a short, insightful paragraph describing this archetype. Example: "As an Explorer, you are driven by curiosity and a desire for the unknown. You crave stories that challenge your intellect, uncover hidden truths, and journey to the very edge of the map."

Your Top Movie Match:

Showcase one perfect movie match in a large card.

Movie Poster & Title.

"Why It's Your Match": A dynamically generated explanation. Example: "Like you, Blade Runner 2049 is a meticulous and philosophical journey into a great mystery. It will satisfy your need to uncover secrets and question the nature of reality."

Details: Genre, Critic Score, and "Where to Watch" links.

"More For Your Archetype" Section:

A horizontally scrolling list of 4-5 other recommended films that fit the user's profile, each with a smaller card showing the poster and title.

"Retake the Analysis" Button: An option to start over.

Part 4: Backend Logic & Technology
Movie Database: Must connect to a rich movie API like TMDb to fetch movie data, posters, genres, keywords, and streaming information.

Personality Mapping Engine: This is the critical component.

The backend must contain a predefined set of "personality archetypes" (e.g., The Explorer, The Hero, The Sage, The Rebel, The Dreamer).

Each quiz answer is mapped to one or more of these archetypes.

The final archetype is determined by the most frequently chosen answers.

Crucially, each archetype is associated with a specific set of API query parameters:

The Explorer -> keywords=conspiracy,investigation,ancient-mystery & genres=Mystery,Sci-Fi.

The Hero -> keywords=redemption,underdog,last-stand & genres=Action,Adventure,War.

The Dreamer -> keywords=surrealism,alternate-reality,magic & genres=Fantasy,Drama.

The Lover -> keywords=soulmate,forbidden-love,sacrifice & genres=Romance,Drama.

The backend uses these mapped parameters to query the movie API and retrieve a highly relevant list of films, which it then sorts by popularity or critical rating. - Follow Up Deployment