langgenius/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-07-21 20:15:31 -04:00
Code Issues 775 Packages Projects Releases 10 Wiki Activity

[PR #32028] Add photo book landing page with hero, products, and pricing sections #33513

New Issue
Closed
opened 2026-02-21 20:53:25 -05:00 by yindo · 0 comments
yindo commented 2026-02-21 20:53:25 -05:00
Owner
Copy Link
Copy Source

Original Pull Request: https://github.com/langgenius/dify/pull/32028

State: closed
Merged: No

Summary

This PR adds a new photo book landing page (/photo-book) featuring a complete marketing website for a premium photo book collection service. The page includes multiple sections showcasing products, features, customer testimonials, and pricing information with a modern, professional design.

Changes

  • New Page: web/app/photo-book/page.tsx - A comprehensive landing page with the following sections:
    • Hero Section: Eye-catching header with gradient background, call-to-action buttons, and scroll indicator
    • Products Section: Grid display of 3 photo book products with images, descriptions, prices, and detail buttons
    • Features Section: 4-column layout highlighting key selling points (print quality, binding, curation, packaging)
    • Testimonials Section: Customer reviews with avatars, names, roles, and 5-star ratings
    • Pricing Section: Special offer promotion with bundle pricing and single product options
    • Footer: Comprehensive footer with company info, links, social media, and contact details

Design Highlights

  • Modern gradient color scheme using slate, amber, and orange colors
  • Responsive design with mobile-first approach (mobile, tablet, desktop)
  • Smooth hover effects and transitions throughout
  • Professional typography and spacing
  • Accessibility-friendly SVG icons
  • High-quality placeholder images from Unsplash

Technical Details

  • Built with React and Tailwind CSS
  • Uses 'use client' directive for client-side rendering
  • Modular component structure for maintainability
  • Semantic HTML structure
  • No external dependencies beyond existing project setup

Screenshots

The landing page features:

  • Full-screen hero section with gradient background
  • Product cards with hover animations
  • Feature cards with icon highlights
  • Customer testimonial cards with ratings
  • Pricing comparison table with special offer
  • Comprehensive footer with contact information

https://claude.ai/code/session_01GSxrpdcAxBHw4uch9DYp2F

**Original Pull Request:** https://github.com/langgenius/dify/pull/32028 **State:** closed **Merged:** No --- ## Summary This PR adds a new photo book landing page (`/photo-book`) featuring a complete marketing website for a premium photo book collection service. The page includes multiple sections showcasing products, features, customer testimonials, and pricing information with a modern, professional design. ## Changes - **New Page**: `web/app/photo-book/page.tsx` - A comprehensive landing page with the following sections: - **Hero Section**: Eye-catching header with gradient background, call-to-action buttons, and scroll indicator - **Products Section**: Grid display of 3 photo book products with images, descriptions, prices, and detail buttons - **Features Section**: 4-column layout highlighting key selling points (print quality, binding, curation, packaging) - **Testimonials Section**: Customer reviews with avatars, names, roles, and 5-star ratings - **Pricing Section**: Special offer promotion with bundle pricing and single product options - **Footer**: Comprehensive footer with company info, links, social media, and contact details ## Design Highlights - Modern gradient color scheme using slate, amber, and orange colors - Responsive design with mobile-first approach (mobile, tablet, desktop) - Smooth hover effects and transitions throughout - Professional typography and spacing - Accessibility-friendly SVG icons - High-quality placeholder images from Unsplash ## Technical Details - Built with React and Tailwind CSS - Uses `'use client'` directive for client-side rendering - Modular component structure for maintainability - Semantic HTML structure - No external dependencies beyond existing project setup ## Screenshots The landing page features: - Full-screen hero section with gradient background - Product cards with hover animations - Feature cards with icon highlights - Customer testimonial cards with ratings - Pricing comparison table with special offer - Comprehensive footer with contact information https://claude.ai/code/session_01GSxrpdcAxBHw4uch9DYp2F
yindo added the pull-request label 2026-02-21 20:53:25 -05:00
yindo closed this issue 2026-02-21 20:53:25 -05:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
Knowledge Pipeline
Proposal
WIP
cloud
dependencies
feat:webapp
good first issue
outdated
performance
pull-request
Mirrored from GitHub Pull Request
 python:uv
refactor
size:L
stale
status: accepting prs
status: blocked
status: in discussion
stt & tts
vulnerablity
web
wont-fix
🌊 feat:workflow
🌚 invalid
🐞 bug
👻 feat:rag
💪 enhancement
📚 documentation
🔨 feat:tools
🙋‍♂️ question
🙏 help wanted
🤔 cant-reproduce
🤖 feat:agent
No Label pull-request
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
yindo
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: langgenius/dify#33513
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?