ryan/chore
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects 5 Releases Wiki Activity

feat: add landing page components including hero, features, problem, and footer
All checks were successful
Chore App Build, Test, and Push Docker Images / build-and-push (push) Successful in 3m23s
Details

Browse Source 
- Introduced LandingHero component with logo, tagline, and action buttons.
- Created LandingFeatures component to showcase chore system benefits.
- Developed LandingProblem component explaining the importance of a structured chore system.
- Implemented LandingFooter for navigation and copyright information.
- Added LandingPage to assemble all components and manage navigation.
- Included unit tests for LandingHero component to ensure functionality.
This commit is contained in:
Ryan Kegel
2026-03-04 16:21:26 -05:00
parent 82ac820c67
commit c922e1180d
19 changed files with 965 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/vue-app/src/assets/colors.css
View File

@@ -183,4 +183,24 @@
--create-btn-border: #2563eb;
--create-btn-hover-bg: #2563eb;
--create-btn-hover-color: #fff;
/* Landing page styles */
--landing-overlay: rgba(0, 0, 0, 0.48);
--landing-glass-bg: rgba(255, 255, 255, 0.12);
--landing-glass-border: rgba(255, 255, 255, 0.25);
--landing-glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.28);
--landing-section-alt: #f4f6fb;
--landing-section-dark: #1a1830;
--landing-hero-text: #ffffff;
--landing-hero-subtext: rgba(255, 255, 255, 0.82);
--landing-problem-heading: #2d2a4a;
--landing-problem-body: #4a4870;
--landing-card-number: #667eea;
--landing-feature-heading: #ffffff;
--landing-feature-body: rgba(255, 255, 255, 0.88);
--landing-placeholder-bg: rgba(255, 255, 255, 0.08);
--landing-placeholder-border: rgba(255, 255, 255, 0.2);
--landing-footer-text: rgba(255, 255, 255, 0.7);
--landing-nav-bg: rgba(255, 255, 255, 0.06);
--landing-nav-border: rgba(255, 255, 255, 0.15);
}