diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index 0a80dab..7c4582e 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -1,4 +1,5 @@ import { useEffect, useMemo, useState } from 'react'; +import flockPalLandingArt from './assets/flockpal-landing-art.png'; type BillingPlan = 'rescue_free' | 'household_basic' | 'household_plus'; type WorkspaceType = 'standard' | 'rescue'; @@ -1500,20 +1501,21 @@ function App() {
-

FlockPal

-

Bird care for households and rescues

+
+ FlockPal branding with a colorful trio of birds perched together. +
+

A calmer way to care for every bird in your flock

- Households can keep personal flocks in their own billed workspace, while rescue teams can share access to birds under a separate - rescue workspace at no charge. + Track weights, vet visits, hatchdays, gotcha days, and the little routines that help your birds thrive.

- Standard household - Personal birds, optional collaborators, and household billing by workspace. + Daily care, all together + Keep reminders, records, and notes in one cheerful home for your flock.
- Rescue workspace - Shared care for rescue birds with free access and team roles. + Made for real bird people + From one spoiled companion bird to a lively whole flock, FlockPal keeps the details easy to revisit.
diff --git a/frontend/src/assets/flockpal-landing-art.png b/frontend/src/assets/flockpal-landing-art.png new file mode 100644 index 0000000..d35989e Binary files /dev/null and b/frontend/src/assets/flockpal-landing-art.png differ diff --git a/frontend/src/assets/flockpal-landing-art.svg b/frontend/src/assets/flockpal-landing-art.svg new file mode 100644 index 0000000..6b27dd5 --- /dev/null +++ b/frontend/src/assets/flockpal-landing-art.svg @@ -0,0 +1,102 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + FlockPal + + + CARE FOR YOUR WHOLE FLOCK + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/src/index.css b/frontend/src/index.css index 55f95e3..b262063 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -138,6 +138,10 @@ textarea { gap: 1rem; } +.auth-copy { + align-content: start; +} + .auth-card { padding: 1.25rem; border-radius: 24px; @@ -145,6 +149,24 @@ textarea { border: 1px solid rgba(39, 105, 179, 0.12); } +.auth-illustration-card { + margin: 0; + padding: 1rem; + border-radius: 28px; + background: + linear-gradient(135deg, rgba(255, 255, 255, 0.6), transparent 44%), + linear-gradient(180deg, rgba(255, 249, 238, 0.92), rgba(234, 245, 238, 0.84)); + border: 1px solid rgba(39, 105, 179, 0.12); + box-shadow: 0 18px 34px rgba(89, 48, 42, 0.1); +} + +.auth-illustration-card img { + display: block; + width: 100%; + height: auto; + border-radius: 22px; +} + .auth-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }