Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page for the original story ** DANGANRONPA TIMELESS**, designed to create an immersive experience that reflects the dark, mysterious, and cinematic nature of the narrative. The website will serve as a marketing tool to engage visitors, generate curiosity, and invite them to explore the fictional world without revealing critical plot details.

## CORE FEATURES
1. **Cinematic Hero Section**: A full-screen hero featuring the main title "DANGANRONPA TIMELESS" with a captivating tagline and call-to-action buttons that invite users to enter the world or meet the cast.
2. **Scrolling Experience**: A single-page layout that allows users to scroll through distinct sections, creating a narrative flow and an engaging user experience.
3. **The Premise Section**: A concise introduction to the story premise, presented in large, impactful typography to draw attention and evoke curiosity.
4. **Character Gallery**: An interactive section showcasing the 16 historical characters with portraits, names, and brief descriptions, encouraging users to engage without revealing spoilers.
5. **The World Section**: A visually atmospheric introduction to the setting of the story, utilizing abstract imagery and minimal text to maintain intrigue.
6. **Media Section**: A designated area for cinematic media content, including trailers and teasers, designed with large video frames and engaging visuals.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of black space, color palette, and focus on typography
- **Color Mode**: Light theme with dark text on light backgrounds
color palette should include #01073, #0D1C42, #22396F-( **Primary Color**) and #F9B637 as accent color (accent for buttons, links, highlights)
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs
- **Layout**: The layout will feature a full-width hero section, followed by distinct narrative sections using large typography, imagery, and interactive elements to guide the user through the story.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for a static landing page

## IMPLEMENTATION STEPS
1. **Set Up React Project**: Use Create React App with TypeScript template to initialize the project.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout Components**: Develop the main layout including the Hero, Premise, Characters, World, and Media sections.
4. **Implement Hero Section**: Design the full-screen hero with the title, tagline, and call-to-action buttons using Tailwind CSS for styling.
5. **Build Scrolling Sections**: Create the scrolling experience by structuring the sections with appropriate spacing and transitions.
6. **Character Gallery**: Create interactive character cards that reveal additional information on hover and click.
7. **Media Section**: Add a media area for future content, ensuring it aligns with the overall design aesthetics.
8. **Optimize for Mobile**: Ensure the design is fully responsive, adapting the layout and interactions for smaller screens.

## USER EXPERIENCE
The landing page will provide a seamless scrolling experience, guiding users through the mystery of the story while encouraging interaction with character profiles and media content. Key interactions, such as hovering over characters to reveal details or clicking on call-to-action buttons, will enhance engagement and curiosity without divulging critical plot points. The minimalist design will ensure that all elements are focused on storytelling, creating an immersive environment that feels like an official franchise website.

Here is the story and characters:Timeless — Basic Concept
Timeless is a Danganronpa-inspired murder-mystery story featuring 16 historical figures who have already died.
Rather than being ordinary students, the participants come from completely different eras, cultures, professions, and walks of life. They are brought together in a strange world between life and death, where they are forced to live alongside people they could never have encountered during their original lifetimes.
The characters gradually form friendships, rivalries, alliances, and relationships while trying to understand why they were brought back and what their second chance at life actually means.
At its core, Timeless is about trauma, identity, human connection, and whether someone can move beyond the circumstances that defined their life and death.
It uses the basic structure and tension of a Danganronpa-style killing game—communal living, murder mysteries, investigation, and trials—but with its own characters, mythology, and themes. Danganronpa itself similarly combines a closed-group survival premise with murder investigations and courtroom-style debates.
The Cast
Maiko
A seemingly sweet and sociable young woman who is actually two-faced and considerably more complicated than she first appears. She's good at adapting to different people and situations, making it difficult to know exactly what she is thinking. Despite this, she develops an unexpectedly comfortable friendship with the Plague Doctor.
Explorer
Curious, adventurous, and naturally fascinated by the world around her. She is the type of person who wants to understand people and cultures rather than simply judge them. Her openness makes her one of the more socially connective members of the group.
Pharaoh
Proud, demanding, and accustomed to being treated with respect. Pharaoh initially comes across as bratty and difficult to approach, but beneath that exterior is someone considerably more vulnerable. One of the interesting aspects of the character is watching that harder exterior gradually come down around people they trust.
Gladiator
A physically imposing young man who is surprisingly gentle, patient, and kind. Despite his background as a warrior, he isn't naturally aggressive and has a strong dislike of unnecessary violence. He's intended to be a genuinely warm presence without simply becoming the group's stereotypical “big soft guy.”
Poet
Thoughtful, creative, and emotionally perceptive. Poet tends to view the world through an artistic and philosophical lens, often noticing emotional details that others overlook. He has a quieter personality and becomes particularly important to the emotional dynamics of the group.
Alchemist
Intelligent, introspective, and somewhat physically vulnerable, using a cane/crutch. Alchemist is deeply emotional beneath a more controlled exterior and can become very attached to the people he cares about. He tends to intellectualize his emotions rather than simply expressing them.
Plague Doctor
Reserved, unusual, and somewhat intimidating, but not necessarily cruel. He has a dry, strange personality and lives with chronic pain. His friendship with Maiko, including their tea parties, reveals a surprisingly domestic and personable side beneath his unsettling appearance.
Ballerina
Graceful, disciplined, and highly conscious of presentation. Ballerina has an elegant exterior but isn't simply fragile or delicate. She has a strong sense of self-control and personal standards, with a personality that can become more complicated as people get to know her.
Jester / Felix
A chaotic, playful character who uses humor and performance as part of his personality. Felix can make a room more entertaining while simultaneously being difficult to read. Beneath the humor is someone considerably more complicated, particularly in how he handles responsibility and relationships.
Pirate — Samara Kameka
A 17-year-old Caribbean pirate from the early 18th century. Samara is charismatic, energetic, socially confident, and naturally inclined to take charge. She's an ENFJ with a Chaotic Neutral streak, giving her a strong independent spirit while still caring deeply about people.
Cowboy
Independent, stubborn, and practical. Cowboy has a strong sense of personal identity and isn't particularly interested in conforming to other people's expectations. He can come across as abrasive, but there's more loyalty and vulnerability beneath the rough exterior.
Samurai
A ronin with a strong internal code. Samurai is disciplined, reserved, and considerably more serious than some of the cast. He values loyalty, honor, and personal responsibility, but his worldview isn't completely rigid and can be challenged by his relationships with others.
Knight
A young medieval Spanish Romani knight carrying significant psychological scars from his past. He is not intended to be the group's genius or master strategist. Instead, he's someone shaped heavily by trauma, with a complicated relationship with violence, loyalty, and the possibility of becoming something different from what his past made him.
Diva
Confident, expressive, and comfortable commanding attention. Diva has a strong personality and knows how to present herself, but she's more emotionally perceptive than her theatrical exterior might suggest. She can become a source of encouragement for people who are struggling.
Witch
Mysterious, unconventional, and difficult to immediately understand. Witch has an unusual worldview and doesn't necessarily approach problems in the same way as everyone else. She's intended to bring a little eccentricity and unpredictability to the group without simply being “the crazy one.”
Cowboy / remaining historical cast
The remaining characters are designed around the same basic principle: each represents a different historical background and personality archetype, but their identities are not meant to be their entire character. Their histories influence them, while the unusual situation forces them to develop beyond those historical identities.
The overall feel
The cast is deliberately a mixture of:
warriors + artists + rulers + criminals + performers + scholars + survivors + outsiders
The fun comes from putting people together who should never logically have met and seeing what happens when their completely different worldviews collide.
And importantly, the story isn't simply:
“Historical figures compete in a murder game.”
It's more:
“What happens when people who have already lived and died are suddenly given another chance to exist—and are forced to confront people, ideas, and relationships completely outside the world that originally defined them?”
That is the spoiler-free version of Timeless.