project-eb38c294

As a frontend developer, implement the CTASection on the Home page. This section uses the 'motion' library for animations, with a motion.div that animates its opacity and vertical position when in view. It includes a title, description, and a call-to-action button linking to '/SimpleTodoApp'. Ensure animations respect reduced motion preferences. Page access: shared by all personas (User).

As a frontend developer, implement the FeaturesSection on the Home page. This section displays a list of features using a grid layout. Each feature card is animated with motion.div, showing icons, titles, and descriptions. Animations should respect reduced motion settings. Page access: shared by all personas (User).

As a frontend developer, implement the Footer on the Home page. This section includes navigation links and a copyright notice. Ensure links to restricted pages are conditionally shown based on user persona access. Page access: shared by all personas (User).

As a frontend developer, implement the HeroSection on the Home page. This section features animated notes using motion.div, with complex animations for opacity, position, rotation, and scale. Ensure animations are smooth and respect reduced motion settings. Page access: shared by all personas (User).

As a frontend developer, implement the HowItWorksSection on the Home page. This section outlines steps with animations for each step using motion.div. Ensure animations respect reduced motion preferences and are visually consistent. Page access: shared by all personas (User).

As a frontend developer, implement the Navbar on the Home page. This section includes navigation links and a logo. Ensure links to restricted pages are conditionally shown based on user persona access. Note that this component may already exist from previous pages. Page access: shared by all personas (User).