function MainComponent() { const [currentQuestion, setCurrentQuestion] = useState(0); const [answers, setAnswers] = useState({}); const [showResults, setShowResults] = useState(false); const questions = [ { id: 1, text: "What time of day do you prefer to shoot?", options: [ "Golden Hour", "Night", "Midday", "Blue Hour" ] }, { id: 2, text: "Which subjects interest you most?", options: [ "People", "Architecture", "Urban Life", "Abstract Scenes" ] }, { id: 3, text: "What's your preferred shooting distance?", options: [ "Up Close", "Medium Distance", "From Afar", "Mix of Distances" ] }, { id: 4, text: "How do you feel about manual settings?", options: [ "Love Them", "Prefer Auto", "Comfortable with Basics", "Want to Learn More" ] }, { id: 5, text: "What weather conditions inspire you?", options: [ "Rain", "Clear Skies", "Overcast", "Fog" ] }, { id: 6, text: "Which aesthetic appeals to you most?", options: [ "High Contrast B&W", "Color Documentary", "Minimalist", "Gritty Urban" ] }, { id: 7, text: "How do you approach strangers?", options: [ "Direct Interaction", "Candid Only", "Mix of Both", "Prefer No People" ] }, { id: 8, text: "What's your ideal shooting pace?", options: [ "Fast & Reactive", "Slow & Methodical", "Varies by Mood", "Observant Waiting" ] }, { id: 9, text: "Which lens focal length interests you?", options: [ "28mm", "35mm", "50mm", "Multiple Lenses" ] }, { id: 10, text: "What's your budget range?", options: [ "Entry Level", "Mid-Range", "High-End", "No Limit" ] }, { id: 11, text: "Which environment suits you?", options: [ "Busy Streets", "Quiet Neighborhoods", "Markets", "Industrial Areas" ] }, { id: 12, text: "What's your experience level?", options: [ "Beginner", "Intermediate", "Advanced", "Professional" ] }, { id: 13, text: "What's your preferred camera format?", options: [ "Digital Mirrorless", "Digital Range Finder", "Film Camera", "Smartphone" ] }, { id: 14, text: "How do you prefer to process your photos?", options: [ "Minimal Editing", "Heavy Post-Processing", "Film-Like Presets", "Classic B&W Conversion" ] }, { id: 15, text: "What's your preferred time commitment?", options: [ "Daily Practice", "Weekend Walks", "Photo Projects", "Travel Photography" ] } ]; const getRecommendations = ()=>{ const recommendations = { cameras: { "Entry Level": [ "Fujifilm X100V", "Ricoh GR III", "Sony RX100 VII" ], "Mid-Range": [ "Sony A7 III", "Fujifilm X-T4", "Nikon Z6" ], "High-End": [ "Leica Q2", "Sony A7R IV", "Leica M10" ], "No Limit": [ "Leica M11", "Sony A1", "Leica SL2" ] }, photographers: { "High Contrast B&W": [ "Daido Moriyama - Known for his gritty, high-contrast style capturing Tokyo's dark corners - Website", "Josef Koudelka - Master of dramatic black and white compositions - Magnum Profile", "Garry Winogrand - Pioneer of candid street photography - MoMA Archive", "Robert Frank - Revolutionary photographer who changed American photography - MoMA Archive", "Vivian Maier - Recently discovered master of urban observation - Official Website", "Bill Brandt - Master of atmospheric black and white - Archive", "Ralph Gibson - Known for his surreal high-contrast work - Website", "Sebastião Salgado - Documentary and artistic black and white - Website" ], "Color Documentary": [ "Alex Webb - Master of complex, layered color compositions - Magnum Profile", "Joel Meyerowitz - Pioneer of color street photography - Website", "Saul Leiter - Painter-turned-photographer known for abstract color work - Foundation", "Helen Levitt - Early pioneer of color street photography - ICP Archive", "Fred Herzog - Master of kodachrome color street scenes - Gallery", "William Eggleston - Pioneer of artistic color photography - Trust", "Martin Parr - Contemporary master of satirical color - Website", "Constantine Manos - Masterful color compositions - Magnum Profile" ], Minimalist: [ "Fan Ho - Legendary Hong Kong photographer known for geometric compositions - Website", "Michael Kenna - Master of minimalist urban landscapes - Website", "Harry Gruyaert - Known for color minimalism - Magnum Profile", "Ray K. Metzker - Pioneer of experimental urban photography - Gallery", "Hiroshi Sugimoto - Master of minimalist architectural photography - Website", "Jungjin Lee - Contemporary minimalist master - Website", "Masao Yamamoto - Poetic minimalist photography - Gallery", "Rinko Kawauchi - Delicate minimalist approach - Website" ], "Gritty Urban": [ "Bruce Gilden - In-your-face flash photography on streets - Magnum Profile", "William Klein - Revolutionary urban photographer - Gallery", "Bruce Davidson - Documentary approach to urban life - Magnum Profile", "Jacob Riis - Pioneer of social documentary photography - ICP Archive", "Mary Ellen Mark - Master of urban documentary - Website", "Trent Parke - Contemporary street master - Magnum Profile", "Matt Stuart - Modern street photographer - Website", "Boogie - Raw urban documentation - Gallery" ] }, cities: { "Busy Streets": [ "Tokyo", "New York", "Hong Kong", "Mumbai", "Seoul", "London", "Shanghai", "Bangkok", "Mexico City" ], "Quiet Neighborhoods": [ "Paris", "Amsterdam", "Copenhagen", "Kyoto", "Munich", "Vienna", "Stockholm", "Zurich", "Oslo" ], Markets: [ "Bangkok", "Istanbul", "Marrakech", "Mexico City", "Delhi", "Cairo", "Hanoi", "Barcelona", "Porto" ], "Industrial Areas": [ "Berlin", "Detroit", "Manchester", "Pittsburgh", "Hamburg", "Osaka", "Glasgow", "Rotterdam", "Bilbao" ] } }; const challenges = { "High Contrast B&W": [ "GRAB YOUR CAMERA AND HIT THE STREETS!\n\nToday's mission is to find a busy corner in your neighborhood and spend at least 15 minutes observing the flow of people. Look for moments where light and shadow create dramatic contrasts. Try to capture at least 10 different compositions of people walking through these light patterns. Focus on strong silhouettes and bold shadows that tell a story about urban life.", "RISE WITH THE SUN FOR DRAMATIC MORNING LIGHT!\n\nYour challenge is to find five distinct locations where early morning shadows create geometric patterns on the street. Wait patiently for people to walk through these light patches, and capture the moment their figures intersect with the shadows. Pay special attention to how their forms become part of the broader geometric composition.", "GET INTO POSITION AT A PUBLIC SQUARE OR PLAZA!\n\nYour goal is to master the art of anticipation. Find an elevated position if possible, and observe how people move through the space. Look for recurring patterns in how they walk, gather, and interact. Try to predict these movements and capture decisive moments where multiple elements align perfectly in your frame.", "CHANNEL YOUR INNER OBSERVER!\n\nYour mission is to find an interesting architectural element - maybe it's a weathered wall, a striking doorway, or an unusual window. Spend at least 30 minutes watching this spot, waiting for the perfect moment when someone interesting passes by. Consider how their presence adds scale and human interest to the scene.", "DIVE INTO THE RUSH HOUR ENERGY!\n\nToday's challenge is to capture the pulse of your city during its busiest time. Position yourself at a transit hub or busy intersection. Look for moments of chaos and calm - people rushing, waiting, or lost in thought. Focus on capturing genuine human expressions and gestures that reveal the emotional landscape of urban life.", "BREAK THE ICE WITH STREET VENDORS AND LOCAL CHARACTERS!\n\nYour task is to create environmental portraits that tell stories. Approach at least three different vendors or shop owners. Take time to chat, learn about their work, and capture them in their natural environment. Focus on hands, tools of their trade, and the interaction between them and their space.", "LOOK UP AND AROUND FOR ARCHITECTURAL DRAMA!\n\nToday you'll focus on how people interact with the built environment. Find interesting architectural features - arches, columns, modern glass facades - and wait for people to pass through or interact with these elements. Try to capture scale, perspective, and the relationship between human and architectural forms.", "OPEN YOUR HEART TO THE STREETS!\n\nYour challenge is to document genuine moments of interaction between people. Look for conversations, embraces, shared laughter, or silent understanding. Try to capture these moments without disturbing the natural flow of the scene. Pay attention to body language and facial expressions that tell deeper stories.", "BLEND THE ELEMENTS OF ARCHITECTURE AND HUMANITY!\n\nToday's goal is to create complex, layered compositions. Find spots where architectural lines, textures, and patterns create interesting frameworks, then wait for multiple human subjects to enter your frame. Look for moments where people are positioned at different depths and scales within your composition.", "BRING IT ALL TOGETHER IN A COHESIVE PHOTO STORY!\n\nYour final challenge is to create a visual narrative of your neighborhood. Spend at least 2 hours walking and photographing, focusing on how people and place interact. Try to capture the essence of the community through a series of 10-15 connected images that show different aspects of daily life, from quiet moments to bustling activity." ], "Color Documentary": [ "HUNT FOR COLOR IN THE URBAN LANDSCAPE!\n\nYour mission today is to find vibrant street art and murals that can serve as dramatic backdrops. Wait for people wearing complementary or contrasting colors to pass by. Spend at least 30 minutes at each location, looking for moments where the colors of clothing, architecture, and art create striking harmonies or intentional color clashes.", "WAKE UP WITH THE CITY!\n\nArrive before sunrise to capture vendors setting up their stalls. Document the progression of light and activity - from the first coffee stands opening to the full bustle of morning shoppers. Focus on the warm morning light hitting colorful produce, flowers, and the faces of early risers.", "PICK YOUR PALETTE AND BECOME A COLOR HUNTER!\n\nChoose one dominant color and spend the day documenting scenes where this hue plays a starring role. Look for this color in architecture, clothing, signage, and natural elements. Try to create a series of images that show how this single color appears in different contexts and lighting conditions throughout your urban environment.", "CHASE THE GOLDEN HOUR!\n\nPosition yourself in areas with interesting architecture and wait for the warm sunset light to transform ordinary scenes into magical moments. Focus on capturing people heading home from work, bathed in the warm glow. Look for long shadows, rim lighting, and how the golden light brings out rich colors in buildings and clothing.", "EMBRACE THE SPECTRUM OF URBAN COLOR!\n\nToday's challenge is to document how different colors influence the mood of various street scenes. Explore how red light districts differ from financial districts, how parks contrast with shopping areas. Pay attention to how color schemes affect human behavior and emotion in different urban spaces.", "FOLLOW THE AROMAS AND COLORS OF STREET FOOD!\n\nYour mission is to document the vibrant world of food vendors and their customers. Capture the steam rising from cooking stations, the colorful array of ingredients, and the interaction between vendors and customers. Focus on genuine moments of connection over food, and how different lighting conditions affect the appearance of dishes.", "SPOT THE SERENDIPITOUS COLOR MATCHES!\n\nLook for coincidental moments where people's clothing matches their surroundings. Spend time in areas with strong color themes - maybe a red brick district or a modern glass and steel area - and wait for people wearing complementary colors to pass through. Try to capture at least 10 different 'color harmony' moments.", "SEEK THE PERFORMERS AND THEIR AUDIENCES!\n\nDocument the colorful world of street entertainment. Capture not just the performances, but the gathering crowds, the anticipation, the moments of surprise and delight. Look for how stage costumes and props create splashes of color against urban backdrops, and how different times of day affect the scene's mood.", "WATCH TIME TRANSFORM THE URBAN COLOR PALETTE!\n\nPosition yourself at a busy transport hub and document how the changing light affects colors throughout the day. Start in the cool light of early morning, through the harsh contrasts of midday, to the warm tones of evening. Focus on how these light changes affect skin tones, clothing colors, and architectural materials.", "WEAVE YOUR COLOR STORY!\n\nYour final challenge is to create a color-focused photo essay of your city. Spend a full day shooting, looking for images that connect through color themes. Try to capture how your city's color palette changes from neighborhood to neighborhood, and how these colors influence the daily life of its inhabitants." ], Minimalist: [ "FIND THE VOID IN URBAN SPACES!\n\nYour challenge today is to seek out quiet, minimalist compositions in busy areas. Look for large, empty walls, open squares, or modern architecture with clean lines. Spend at least an hour waiting for lone figures to enter these spaces. Focus on how a single human presence can add scale and interest to an otherwise empty scene. Pay attention to the balance between negative space and your subject.", "SEE THE SHAPES THAT DEFINE YOUR CITY!\n\nToday you'll hunt for strong geometric patterns in architecture - perfect circles, clean lines, repeating squares. Your task is to wait patiently for the right moment when a person interacts with these shapes in an interesting way. Look for opportunities where human figures either complement or intentionally break these patterns. Try to create at least 15 different compositions using the same architectural element.", "CHASE THE LIGHT AND SHADOW PLAY!\n\nYour mission is to find locations where early morning or late afternoon light creates strong, clean shadows. Look for simple silhouettes against bright backgrounds, or long shadows that create geometric patterns. Wait for people to walk through these light patterns, capturing moments where their shadows become part of the architectural geometry. Focus on creating clean, uncluttered compositions with strong contrast.", "SIMPLIFY THE CHAOS OF URBAN LIFE!\n\nToday's challenge is to find order in busy scenes. Position yourself where you can observe crowd movements, but focus on isolating single moments or individuals. Look for clean backgrounds that allow you to separate subjects from their surroundings. Try to capture the essence of urban life with as few elements as possible - a single gesture, a lone figure, a moment of stillness.", "MASTER NEGATIVE SPACE AS YOUR MAIN SUBJECT!\n\nSeek out vast, empty areas in your city - blank walls, empty lots, modern plazas. Your goal is to use these spaces as your canvas, waiting for small human elements to add just the right amount of interest. Experiment with different scales, placing your subjects at various points within the frame to create tension and balance. Consider how the placement affects the overall composition.", "SPOT THE DISRUPTION IN PATTERNS!\n\nFind locations with repetitive elements - window grids, colonnade, street lights. Wait for someone to break these patterns in an interesting way. Look for moments where human presence either complements or contrasts with the existing rhythm. Try to capture at least 20 different variations of pattern disruption throughout the day.", "EMBRACE THE ELEMENTS THAT SIMPLIFY SCENES!\n\nIf it's foggy or rainy, use these conditions to create atmospheric minimalist images. Look for how weather conditions can isolate subjects from busy backgrounds. Focus on capturing solitary figures emerging from or disappearing into the elements. Pay attention to how weather affects the mood and simplicity of your compositions.", "ISOLATE THE ESSENTIAL COLOR!\n\nLook for scenes where a single bold color stands out against an otherwise neutral background. Wait for people wearing vibrant colors to pass through muted urban spaces. Try to create images where color becomes the minimal element that draws attention. Experiment with different color and background combinations throughout the day.", "PLAY WITH REFLECTIONS!\n\nExplore how windows, water puddles, and glass buildings can create simple yet intriguing compositions. Look for clean reflections that mirror urban geometry. Wait for people to interact with these reflective surfaces in interesting ways. Try to create images that use reflections to add depth while maintaining minimalist principles.", "COMPLETE YOUR MINIMALIST JOURNEY!\n\nYour final challenge is to create a photo essay that tells a story of urban solitude through minimal compositions. Spend several hours exploring your city, looking for quiet moments and clean compositions that connect thematically. Focus on creating a series where each image builds upon the last, using similar compositional elements but varying the subject matter." ], "Gritty Urban": [ "DIVE INTO THE CHAOS OF RUSH HOUR!\n\nPosition yourself at the busiest intersection you can find during peak morning traffic. Your mission is to capture the raw energy of urban life awakening. Look for the tension in people's faces, the hurried movements, the intersection of different social classes all sharing the same space. Focus on capturing at least 20 different moments that show the gritty reality of urban morning rush - from tired faces to determined strides.", "BECOME THE OBSERVER BEHIND THE GLASS!\n\nToday's challenge is to document life through cafe windows and shop fronts. Find a busy cafe or store with interesting reflections and spend at least 2 hours observing. Capture the layers of life - the people inside, their reflections, and the street life beyond. Look for moments where multiple stories intersect in a single frame. Pay attention to how the glass distorts and combines different elements of urban life.", "FOLLOW THE BUILDERS AND WORKERS!\n\nYour task is to document the often-overlooked people who keep the city running. Find construction sites, maintenance workers, street cleaners, and capture them in their element. Focus on their interactions with the urban environment - the contrast between their work and the passing crowd. Look for moments that show both the difficulty and dignity of urban labor.", "EXPLORE TRANSITIONS IN THE URBAN FABRIC!\n\nFocus on doorways, alleyways, and passages where different worlds meet. Document how people move between spaces - from light to shadow, public to private, old to new. Spend time at these transition points, capturing the flow of life through these urban portals. Look for moments where the character of the space affects how people move through it.", "DANCE IN THE RAIN!\n\nWhen the weather turns wet, capture how the city's character changes. Look for reflections in puddles, people huddled under awnings, the glisten of wet streets under neon lights. Focus on how rain transforms ordinary scenes into moody urban tableaux. Try to capture the resilience and adaptation of city life to adverse conditions.", "MEET THE MERCHANTS!\n\nYour challenge is to document the relationship between shop owners and their spaces. Focus on small businesses, street vendors, and local characters. Spend time getting to know them, capturing both candid moments and environmental portraits. Look for details that tell their stories - worn hands, well-used tools, personal touches in their workspaces.", "OWN THE NIGHT!\n\nAs darkness falls, document how the city transforms. Focus on areas where artificial light creates dramatic scenes - neon signs, lit windows, street lamps. Look for moments where the night reveals different aspects of urban life - late workers, evening entertainment, quiet moments in lit windows. Capture how the character of familiar places changes after dark.", "FIND BEAUTY IN THE CITY'S DECAY!\n\nExplore abandoned or deteriorating areas of your city. Document how people interact with these spaces - how life continues amidst decay. Look for contrast between the old and new, the maintained and forgotten. Focus on capturing moments where human presence adds poignancy to scenes of urban decline.", "FEEL THE PULSE OF TIGHT URBAN SPACES!\n\nExplore narrow alleys, crowded markets, packed subway stations. Document how people navigate these confined spaces - the proximity, the tension, the unspoken choreography of urban movement. Look for moments of intimacy and conflict in these shared spaces. Try to capture the energy and intensity of close-quarter urban life.", "CHRONICLE THE COMPLETE CYCLE OF A SINGLE STREET!\n\nYour final challenge is to document one street from dawn to dusk. Choose a location with variety and stay with it for a full day. Capture how the character changes with the light and different waves of activity - from early morning workers to late-night revelers. Create a comprehensive visual story that shows the multiple lives of a single urban space." ] }; const getChallenges = ()=>{ const challengeTitles = { "High Contrast B&W": "Urban Shadows: Your B&W Street Photography Journey", "Color Documentary": "Chromatic Streets: Your Color Documentary Adventure", Minimalist: "Less is More: Your Minimalist Street Photography Path", "Gritty Urban": "Raw Streets: Your Urban Documentary Challenge" }; const challenges = { "High Contrast B&W": [ "GRAB YOUR CAMERA AND HIT THE STREETS!\n\nToday's mission is to find a busy corner in your neighborhood and spend at least 15 minutes observing the flow of people. Look for moments where light and shadow create dramatic contrasts. Try to capture at least 10 different compositions of people walking through these light patterns. Focus on strong silhouettes and bold shadows that tell a story about urban life.", "RISE WITH THE SUN FOR DRAMATIC MORNING LIGHT!\n\nYour challenge is to find five distinct locations where early morning shadows create geometric patterns on the street. Wait patiently for people to walk through these light patches, and capture the moment their figures intersect with the shadows. Pay special attention to how their forms become part of the broader geometric composition.", "GET INTO POSITION AT A PUBLIC SQUARE OR PLAZA!\n\nYour goal is to master the art of anticipation. Find an elevated position if possible, and observe how people move through the space. Look for recurring patterns in how they walk, gather, and interact. Try to predict these movements and capture decisive moments where multiple elements align perfectly in your frame.", "CHANNEL YOUR INNER OBSERVER!\n\nYour mission is to find an interesting architectural element - maybe it's a weathered wall, a striking doorway, or an unusual window. Spend at least 30 minutes watching this spot, waiting for the perfect moment when someone interesting passes by. Consider how their presence adds scale and human interest to the scene.", "DIVE INTO THE RUSH HOUR ENERGY!\n\nToday's challenge is to capture the pulse of your city during its busiest time. Position yourself at a transit hub or busy intersection. Look for moments of chaos and calm - people rushing, waiting, or lost in thought. Focus on capturing genuine human expressions and gestures that reveal the emotional landscape of urban life.", "BREAK THE ICE WITH STREET VENDORS AND LOCAL CHARACTERS!\n\nYour task is to create environmental portraits that tell stories. Approach at least three different vendors or shop owners. Take time to chat, learn about their work, and capture them in their natural environment. Focus on hands, tools of their trade, and the interaction between them and their space.", "LOOK UP AND AROUND FOR ARCHITECTURAL DRAMA!\n\nToday you'll focus on how people interact with the built environment. Find interesting architectural features - arches, columns, modern glass facades - and wait for people to pass through or interact with these elements. Try to capture scale, perspective, and the relationship between human and architectural forms.", "OPEN YOUR HEART TO THE STREETS!\n\nYour challenge is to document genuine moments of interaction between people. Look for conversations, embraces, shared laughter, or silent understanding. Try to capture these moments without disturbing the natural flow of the scene. Pay attention to body language and facial expressions that tell deeper stories.", "BLEND THE ELEMENTS OF ARCHITECTURE AND HUMANITY!\n\nToday's goal is to create complex, layered compositions. Find spots where architectural lines, textures, and patterns create interesting frameworks, then wait for multiple human subjects to enter your frame. Look for moments where people are positioned at different depths and scales within your composition.", "BRING IT ALL TOGETHER IN A COHESIVE PHOTO STORY!\n\nYour final challenge is to create a visual narrative of your neighborhood. Spend at least 2 hours walking and photographing, focusing on how people and place interact. Try to capture the essence of the community through a series of 10-15 connected images that show different aspects of daily life, from quiet moments to bustling activity." ], "Color Documentary": [ "HUNT FOR COLOR IN THE URBAN LANDSCAPE!\n\nYour mission today is to find vibrant street art and murals that can serve as dramatic backdrops. Wait for people wearing complementary or contrasting colors to pass by. Spend at least 30 minutes at each location, looking for moments where the colors of clothing, architecture, and art create striking harmonies or intentional color clashes.", "WAKE UP WITH THE CITY!\n\nArrive before sunrise to capture vendors setting up their stalls. Document the progression of light and activity - from the first coffee stands opening to the full bustle of morning shoppers. Focus on the warm morning light hitting colorful produce, flowers, and the faces of early risers.", "PICK YOUR PALETTE AND BECOME A COLOR HUNTER!\n\nChoose one dominant color and spend the day documenting scenes where this hue plays a starring role. Look for this color in architecture, clothing, signage, and natural elements. Try to create a series of images that show how this single color appears in different contexts and lighting conditions throughout your urban environment.", "CHASE THE GOLDEN HOUR!\n\nPosition yourself in areas with interesting architecture and wait for the warm sunset light to transform ordinary scenes into magical moments. Focus on capturing people heading home from work, bathed in the warm glow. Look for long shadows, rim lighting, and how the golden light brings out rich colors in buildings and clothing.", "EMBRACE THE SPECTRUM OF URBAN COLOR!\n\nToday's challenge is to document how different colors influence the mood of various street scenes. Explore how red light districts differ from financial districts, how parks contrast with shopping areas. Pay attention to how color schemes affect human behavior and emotion in different urban spaces.", "FOLLOW THE AROMAS AND COLORS OF STREET FOOD!\n\nYour mission is to document the vibrant world of food vendors and their customers. Capture the steam rising from cooking stations, the colorful array of ingredients, and the interaction between vendors and customers. Focus on genuine moments of connection over food, and how different lighting conditions affect the appearance of dishes.", "SPOT THE SERENDIPITOUS COLOR MATCHES!\n\nLook for coincidental moments where people's clothing matches their surroundings. Spend time in areas with strong color themes - maybe a red brick district or a modern glass and steel area - and wait for people wearing complementary colors to pass through. Try to capture at least 10 different 'color harmony' moments.", "SEEK THE PERFORMERS AND THEIR AUDIENCES!\n\nDocument the colorful world of street entertainment. Capture not just the performances, but the gathering crowds, the anticipation, the moments of surprise and delight. Look for how stage costumes and props create splashes of color against urban backdrops, and how different times of day affect the scene's mood.", "WATCH TIME TRANSFORM THE URBAN COLOR PALETTE!\n\nPosition yourself at a busy transport hub and document how the changing light affects colors throughout the day. Start in the cool light of early morning, through the harsh contrasts of midday, to the warm tones of evening. Focus on how these light changes affect skin tones, clothing colors, and architectural materials.", "WEAVE YOUR COLOR STORY!\n\nYour final challenge is to create a color-focused photo essay of your city. Spend a full day shooting, looking for images that connect through color themes. Try to capture how your city's color palette changes from neighborhood to neighborhood, and how these colors influence the daily life of its inhabitants." ], Minimalist: [ "FIND THE VOID IN URBAN SPACES!\n\nYour challenge today is to seek out quiet, minimalist compositions in busy areas. Look for large, empty walls, open squares, or modern architecture with clean lines. Spend at least an hour waiting for lone figures to enter these spaces. Focus on how a single human presence can add scale and interest to an otherwise empty scene. Pay attention to the balance between negative space and your subject.", "SEE THE SHAPES THAT DEFINE YOUR CITY!\n\nToday you'll hunt for strong geometric patterns in architecture - perfect circles, clean lines, repeating squares. Your task is to wait patiently for the right moment when a person interacts with these shapes in an interesting way. Look for opportunities where human figures either complement or intentionally break these patterns. Try to create at least 15 different compositions using the same architectural element.", "CHASE THE LIGHT AND SHADOW PLAY!\n\nYour mission is to find locations where early morning or late afternoon light creates strong, clean shadows. Look for simple silhouettes against bright backgrounds, or long shadows that create geometric patterns. Wait for people to walk through these light patterns, capturing moments where their shadows become part of the architectural geometry. Focus on creating clean, uncluttered compositions with strong contrast.", "SIMPLIFY THE CHAOS OF URBAN LIFE!\n\nToday's challenge is to find order in busy scenes. Position yourself where you can observe crowd movements, but focus on isolating single moments or individuals. Look for clean backgrounds that allow you to separate subjects from their surroundings. Try to capture the essence of urban life with as few elements as possible - a single gesture, a lone figure, a moment of stillness.", "MASTER NEGATIVE SPACE AS YOUR MAIN SUBJECT!\n\nSeek out vast, empty areas in your city - blank walls, empty lots, modern plazas. Your goal is to use these spaces as your canvas, waiting for small human elements to add just the right amount of interest. Experiment with different scales, placing your subjects at various points within the frame to create tension and balance. Consider how the placement affects the overall composition.", "SPOT THE DISRUPTION IN PATTERNS!\n\nFind locations with repetitive elements - window grids, colonnade, street lights. Wait for someone to break these patterns in an interesting way. Look for moments where human presence either complements or contrasts with the existing rhythm. Try to capture at least 20 different variations of pattern disruption throughout the day.", "EMBRACE THE ELEMENTS THAT SIMPLIFY SCENES!\n\nIf it's foggy or rainy, use these conditions to create atmospheric minimalist images. Look for how weather conditions can isolate subjects from busy backgrounds. Focus on capturing solitary figures emerging from or disappearing into the elements. Pay attention to how weather affects the mood and simplicity of your compositions.", "ISOLATE THE ESSENTIAL COLOR!\n\nLook for scenes where a single bold color stands out against an otherwise neutral background. Wait for people wearing vibrant colors to pass through muted urban spaces. Try to create images where color becomes the minimal element that draws attention. Experiment with different color and background combinations throughout the day.", "PLAY WITH REFLECTIONS!\n\nExplore how windows, water puddles, and glass buildings can create simple yet intriguing compositions. Look for clean reflections that mirror urban geometry. Wait for people to interact with these reflective surfaces in interesting ways. Try to create images that use reflections to add depth while maintaining minimalist principles.", "COMPLETE YOUR MINIMALIST JOURNEY!\n\nYour final challenge is to create a photo essay that tells a story of urban solitude through minimal compositions. Spend several hours exploring your city, looking for quiet moments and clean compositions that connect thematically. Focus on creating a series where each image builds upon the last, using similar compositional elements but varying the subject matter." ], "Gritty Urban": [ "DIVE INTO THE CHAOS OF RUSH HOUR!\n\nPosition yourself at the busiest intersection you can find during peak morning traffic. Your mission is to capture the raw energy of urban life awakening. Look for the tension in people's faces, the hurried movements, the intersection of different social classes all sharing the same space. Focus on capturing at least 20 different moments that show the gritty reality of urban morning rush - from tired faces to determined strides.", "BECOME THE OBSERVER BEHIND THE GLASS!\n\nToday's challenge is to document life through cafe windows and shop fronts. Find a busy cafe or store with interesting reflections and spend at least 2 hours observing. Capture the layers of life - the people inside, their reflections, and the street life beyond. Look for moments where multiple stories intersect in a single frame. Pay attention to how the glass distorts and combines different elements of urban life.", "FOLLOW THE BUILDERS AND WORKERS!\n\nYour task is to document the often-overlooked people who keep the city running. Find construction sites, maintenance workers, street cleaners, and capture them in their element. Focus on their interactions with the urban environment - the contrast between their work and the passing crowd. Look for moments that show both the difficulty and dignity of urban labor.", "EXPLORE TRANSITIONS IN THE URBAN FABRIC!\n\nFocus on doorways, alleyways, and passages where different worlds meet. Document how people move between spaces - from light to shadow, public to private, old to new. Spend time at these transition points, capturing the flow of life through these urban portals. Look for moments where the character of the space affects how people move through it.", "DANCE IN THE RAIN!\n\nWhen the weather turns wet, capture how the city's character changes. Look for reflections in puddles, people huddled under awnings, the glisten of wet streets under neon lights. Focus on how rain transforms ordinary scenes into moody urban tableaux. Try to capture the resilience and adaptation of city life to adverse conditions.", "MEET THE MERCHANTS!\n\nYour challenge is to document the relationship between shop owners and their spaces. Focus on small businesses, street vendors, and local characters. Spend time getting to know them, capturing both candid moments and environmental portraits. Look for details that tell their stories - worn hands, well-used tools, personal touches in their workspaces.", "OWN THE NIGHT!\n\nAs darkness falls, document how the city transforms. Focus on areas where artificial light creates dramatic scenes - neon signs, lit windows, street lamps. Look for moments where the night reveals different aspects of urban life - late workers, evening entertainment, quiet moments in lit windows. Capture how the character of familiar places changes after dark.", "FIND BEAUTY IN THE CITY'S DECAY!\n\nExplore abandoned or deteriorating areas of your city. Document how people interact with these spaces - how life continues amidst decay. Look for contrast between the old and new, the maintained and forgotten. Focus on capturing moments where human presence adds poignancy to scenes of urban decline.", "FEEL THE PULSE OF TIGHT URBAN SPACES!\n\nExplore narrow alleys, crowded markets, packed subway stations. Document how people navigate these confined spaces - the proximity, the tension, the unspoken choreography of urban movement. Look for moments of intimacy and conflict in these shared spaces. Try to capture the energy and intensity of close-quarter urban life.", "CHRONICLE THE COMPLETE CYCLE OF A SINGLE STREET!\n\nYour final challenge is to document one street from dawn to dusk. Choose a location with variety and stay with it for a full day. Capture how the character changes with the light and different waves of activity - from early morning workers to late-night revelers. Create a comprehensive visual story that shows the multiple lives of a single urban space." ] }; const selectedStyle = answers[5]; const timePreference = answers[14]; const weatherPreference = answers[4]; return { title: challengeTitles[selectedStyle], challenges: challenges[selectedStyle].map((challenge, index)=>({ day: index + 1, challenge: challenge.toLowerCase() })) }; }; const getRandomRecommendation = (array)=>{ return array[Math.floor(Math.random() * array.length)]; }; return { camera: recommendations.cameras[answers[9]] ? recommendations.cameras[answers[9]][0] : "No recommendation", photographer: recommendations.photographers[answers[5]] ? getRandomRecommendation(recommendations.photographers[answers[5]]) : "No recommendation", city: recommendations.cities[answers[10]] ? getRandomRecommendation(recommendations.cities[answers[10]]) : "No recommendation", challenges: getChallenges() }; }; const handleAnswer = (answer)=>{ setAnswers({ ...answers, [currentQuestion]: answer }); if (currentQuestion < questions.length - 1) { setCurrentQuestion(currentQuestion + 1); } else { setShowResults(true); } }; const resetQuiz = ()=>{ setCurrentQuestion(0); setAnswers({}); setShowResults(false); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f5f5f5] py-8 px-4 flex flex-col", __source: { fileName: "", lineNumber: 381, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-grow", __source: { fileName: "", lineNumber: 382, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto bg-white rounded-lg border border-[#e0e0e0] p-8", __source: { fileName: "", lineNumber: 383, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative z-10", __source: { fileName: "", lineNumber: 384, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-center mb-2", __source: { fileName: "", lineNumber: 385, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#424242] block mb-2", __source: { fileName: "", lineNumber: 386, columnNumber: 15 }, __self: this }, "Street Photography"), /*#__PURE__*/ React.createElement("span", { className: "text-[#424242] block mb-2", __source: { fileName: "", lineNumber: 389, columnNumber: 15 }, __self: this }, "Guy's"), /*#__PURE__*/ React.createElement("span", { className: "text-[#2196f3]", __source: { fileName: "", lineNumber: 390, columnNumber: 15 }, __self: this }, "Quiz")), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-center mb-8 text-[#757575]", __source: { fileName: "", lineNumber: 392, columnNumber: 13 }, __self: this }, "Find your personal street photography camera, city and icon!"), !showResults ? /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 397, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 398, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-[#757575] mb-2 flex justify-between items-center", __source: { fileName: "", lineNumber: 399, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 400, columnNumber: 21 }, __self: this }, "Question ", currentQuestion + 1, " of ", questions.length), /*#__PURE__*/ React.createElement("span", { className: "text-[#2196f3]", __source: { fileName: "", lineNumber: 403, columnNumber: 21 }, __self: this }, Math.round((currentQuestion + 1) / questions.length * 100), "% Complete")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-[#e0e0e0] h-2 rounded-full overflow-hidden", __source: { fileName: "", lineNumber: 410, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2196f3] h-full rounded-full transition-all duration-500 ease-out", style: { width: `${(currentQuestion + 1) / questions.length * 100}%` }, __source: { fileName: "", lineNumber: 411, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg border border-[#e0e0e0] p-6 mb-6", __source: { fileName: "", lineNumber: 420, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-6 text-[#212121] font-medium", __source: { fileName: "", lineNumber: 421, columnNumber: 19 }, __self: this }, questions[currentQuestion].text), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 424, columnNumber: 19 }, __self: this }, questions[currentQuestion].options.map((option, index)=>/*#__PURE__*/ React.createElement("button", { key: index, onClick: ()=>handleAnswer(option), className: "w-full p-4 text-left rounded-lg border border-[#e0e0e0] hover:border-[#2196f3] hover:bg-[#f5f5f5] transition-colors duration-200 flex items-center space-x-3", __source: { fileName: "", lineNumber: 426, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-5 h-5 rounded-full border-2 border-[#2196f3] flex items-center justify-center", __source: { fileName: "", lineNumber: 431, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-2.5 h-2.5 rounded-full bg-[#2196f3] opacity-0 hover:opacity-50 transition-opacity", __source: { fileName: "", lineNumber: 432, columnNumber: 27 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-[#424242]", __source: { fileName: "", lineNumber: 434, columnNumber: 25 }, __self: this }, option)))))) : /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 441, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-medium mb-8 text-[#212121] font-medium", __source: { fileName: "", lineNumber: 442, columnNumber: 17 }, __self: this }, "Your Street Photography Profile"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 445, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-white rounded-lg border border-[#e0e0e0]", __source: { fileName: "", lineNumber: 446, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-4xl mb-4", __source: { fileName: "", lineNumber: 447, columnNumber: 21 }, __self: this }, "📸"), /*#__PURE__*/ React.createElement("h3", { className: "text-xl mb-2 text-[#2196f3] font-medium", __source: { fileName: "", lineNumber: 448, columnNumber: 21 }, __self: this }, "Recommended Camera"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#424242]", __source: { fileName: "", lineNumber: 451, columnNumber: 21 }, __self: this }, getRecommendations().camera)), /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-white rounded-lg border border-[#e0e0e0]", __source: { fileName: "", lineNumber: 455, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-4xl mb-4", __source: { fileName: "", lineNumber: 456, columnNumber: 21 }, __self: this }, "👤"), /*#__PURE__*/ React.createElement("h3", { className: "text-xl mb-2 text-[#2196f3] font-medium", __source: { fileName: "", lineNumber: 457, columnNumber: 21 }, __self: this }, "Master to Study"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#424242]", dangerouslySetInnerHTML: { __html: getRecommendations().photographer }, __source: { fileName: "", lineNumber: 460, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-white rounded-lg border border-[#e0e0e0]", __source: { fileName: "", lineNumber: 467, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-4xl mb-4", __source: { fileName: "", lineNumber: 468, columnNumber: 21 }, __self: this }, "🌆"), /*#__PURE__*/ React.createElement("h3", { className: "text-xl mb-2 text-[#2196f3] font-medium", __source: { fileName: "", lineNumber: 469, columnNumber: 21 }, __self: this }, "City to Explore"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#424242]", __source: { fileName: "", lineNumber: 472, columnNumber: 21 }, __self: this }, getRecommendations().city)), /*#__PURE__*/ React.createElement("div", { className: "mt-12", __source: { fileName: "", lineNumber: 477, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl mb-6 text-[#212121] font-medium", __source: { fileName: "", lineNumber: 478, columnNumber: 21 }, __self: this }, getRecommendations().challenges.title), /*#__PURE__*/ React.createElement("div", { className: "grid gap-4", __source: { fileName: "", lineNumber: 481, columnNumber: 21 }, __self: this }, getRecommendations().challenges.challenges.map((challenge)=>/*#__PURE__*/ React.createElement("div", { key: challenge.day, className: "p-6 bg-white rounded-lg border border-[#e0e0e0] text-left", __source: { fileName: "", lineNumber: 484, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-medium text-[#2196f3] mb-2", __source: { fileName: "", lineNumber: 488, columnNumber: 29 }, __self: this }, "Day ", challenge.day), /*#__PURE__*/ React.createElement("div", { className: "text-[#424242] leading-relaxed whitespace-pre-wrap", __source: { fileName: "", lineNumber: 491, columnNumber: 29 }, __self: this }, challenge.challenge.split("\n").map((paragraph, index)=>/*#__PURE__*/ React.createElement("p", { key: index, className: `${paragraph.match(/^[A-Z\s!]+$/) ? "text-lg font-bold text-[#2196f3] mb-4" : "mb-4 last:mb-0"}`, __source: { fileName: "", lineNumber: 495, columnNumber: 35 }, __self: this }, paragraph))))))), /*#__PURE__*/ React.createElement("button", { onClick: resetQuiz, className: "mt-8 px-8 py-3 bg-[#2196f3] text-white rounded-lg hover:bg-[#1976d2] transition-colors duration-200 text-lg", __source: { fileName: "", lineNumber: 513, columnNumber: 19 }, __self: this }, "Take Quiz Again"), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 520, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.youtube.com/@streetphotographyguy", target: "_blank", rel: "noopener noreferrer", className: "inline-block px-8 py-3 border-2 border-[#2196f3] text-[#2196f3] rounded-lg hover:bg-[#f5f5f5] transition-colors duration-200 text-lg", __source: { fileName: "", lineNumber: 521, columnNumber: 21 }, __self: this }, "Want to learn more about Street Photography? Check out my Youtube channel"))))))), /*#__PURE__*/ React.createElement("footer", { className: "mt-8 text-center text-[#757575] text-sm", __source: { fileName: "", lineNumber: 538, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto flex justify-center space-x-4", __source: { fileName: "", lineNumber: 539, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/impressum", className: "hover:text-[#2196f3] transition-colors", __source: { fileName: "", lineNumber: 540, columnNumber: 11 }, __self: this }, "Impressum"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 546, columnNumber: 11 }, __self: this }, "|"), /*#__PURE__*/ React.createElement("a", { href: "/datenschutz", className: "hover:text-[#2196f3] transition-colors", __source: { fileName: "", lineNumber: 547, columnNumber: 11 }, __self: this }, "Datenschutz")))); }

Street PhotographyGuy'sQuiz

What time of day do you prefer to shoot?