Fidjoo Landing Page

Storytelling App for Kids | Create Animated Stories

---

About Fidjoo

Fidjoo is a creative app where children (ages 5-12) turn simple choices into their own animated storybooks. It transforms passive screen time into meaningful, imaginative play.

• Meaningful screen time — Children build stories through choices (hero, world, challenge, ending)
• Family co-creation — Designed for parents and kids to create together
• Safe & kid-friendly — No ads, no distractions, all content stays private and age-appropriate
• Offline support — Created stories can be enjoyed offline

Tech Stack

Technology	Purpose
	React framework with App Router
	Type safety
	Utility-first styling
	Animations
	Internationalization

Getting Started

Prerequisites

• Node.js 18+
• pnpm 10+

Installation

# Clone the repository
git clone https://github.com/FIDJOO/landing.git
cd landing

# Install dependencies
pnpm install

Development

# Start development server
pnpm dev

Open http://localhost:3000 in your browser.

Build

# Production build
pnpm build

# Start production server
pnpm start

Linting

pnpm lint

Project Structure

src/
├── app/           # Next.js pages and API routes
├── components/    # React components (Hero, Benefits, Pricing, FAQ, etc.)
├── data/          # Static content data files
└── types.ts       # TypeScript interfaces

public/
└── images/        # Brand assets (logo, mascot) in multiple color variants

Content Management

Landing page sections are data-driven. To modify content, edit the corresponding file in src/data/:

File	Content
siteDetails.ts	Site metadata, URLs, analytics
hero.ts	Hero section
benefits.tsx	Feature benefits
pricing.ts	Subscription plans
faq.ts	FAQ entries
menuItems.ts	Navigation
footer.ts	Footer content

Design System

Color Palette

Token	Value	Usage
--primary		Main brand blue
--secondary		Secondary blue
--tertiary		Yellow accent

Typography

Uses Baloo 2 font — a playful, kid-friendly typeface from Google Fonts.

---

Made with ❤️ for kids and families