Skip to content

Conversation

Copy link

Copilot AI commented Sep 12, 2025

This PR implements a new home page as the main landing page before users access the photo gallery, addressing the request for a better user flow and visual design.

Changes Made

🏠 New Home Page

  • Created a modern landing page at / with hero section, features showcase, and clear navigation
  • Implemented orange and white color scheme as requested (#f97316, #fed7aa, #ea580c)
  • Added call-to-action buttons linking to the gallery
  • Responsive design that works across all devices

🖼️ Gallery Page Restructure

  • Moved existing photo gallery functionality from Index to dedicated Gallery page (/Gallery)
  • Preserved all original upload and image display features
  • Added proper error handling for missing API configuration
  • Maintained consistent styling with the new theme

🎨 Design System

  • Created custom CSS inspired by TailwindCSS utilities instead of relying on external CDN
  • Replaced Bootstrap dark theme with clean orange and white design
  • Implemented responsive grid layouts and modern UI components
  • Added consistent navigation header across all pages

🔧 Technical Improvements

  • Updated routing: / now serves Home page, /Gallery serves gallery functionality
  • Added .gitignore to prevent build artifacts from being committed
  • Enhanced error handling for development scenarios
  • Maintained backward compatibility with existing API integration

Screenshots

Home Page

Home Page

Gallery Page

Gallery Page

The application now provides a proper welcome experience with clear branding and navigation before users access the gallery functionality, exactly as requested in the issue.

Fixes #10.


💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

Copy link
Author

Copilot AI commented Sep 12, 2025

@teerasej 👋 This repository doesn't have Copilot instructions. With Copilot instructions, I can understand the repository better, work faster and produce higher quality PRs.

I can generate a .github/copilot-instructions.md file for you automatically. Click here to open a pre-filled issue and assign it to me. I'll write the instructions, and then tag you for review.

Copilot AI changed the title [WIP] อยากให้สร้างหน้า home page ก่อนเข้าไปดู gallery Create home page with orange and white theme before gallery access Sep 12, 2025
Copilot AI requested a review from teerasej September 12, 2025 08:53
Copilot finished work on behalf of teerasej September 12, 2025 08:53
@teerasej teerasej marked this pull request as ready for review September 13, 2025 08:27
Copilot AI review requested due to automatic review settings September 13, 2025 08:27
Copy link

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR implements a new home page as the main landing page with an orange and white theme before users access the photo gallery, improving user flow and visual design.

  • Creates a modern home page at / with hero section, features showcase, and navigation
  • Moves existing gallery functionality to /Gallery while preserving all features
  • Introduces custom CSS with orange and white color scheme (#f97316, #fed7aa, #ea580c)

Reviewed Changes

Copilot reviewed 7 out of 8 changed files in this pull request and generated 2 comments.

Show a summary per file
File Description
wwwroot/css/site.css New comprehensive CSS file with orange/white theme and responsive utilities
Pages/Index.cshtml.cs Simplified to redirect to new home page
Pages/Index.cshtml Updated to redirect to home page at root
Pages/Home.cshtml.cs New page model for home page
Pages/Home.cshtml New home page with hero section and features
Pages/Gallery.cshtml.cs Moved gallery logic from Index with added error handling
Pages/Gallery.cshtml New gallery page with consistent orange/white theme

Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

อยากให้สร้างหน้า home page ก่อนเข้าไปดู gallery

2 participants