ruby-start

As a developer, I want to create an API service for performing arithmetic operations to enable frontend interaction.

As a frontend developer, implement the FeaturesSection for the Landing page. This section displays a grid of feature cards, each with an icon, title, and description. The section uses motion animations for each card, with staggered delays to create a cascading effect as they come into view. Ensure responsiveness across devices and apply the provided CSS styles. Page access: shared by all personas (General User).

As a frontend developer, implement the Footer for the Landing page. This section includes the brand name, copyright notice, and navigation links to the Landing and Calculator pages. Ensure the footer is styled according to the provided CSS and is consistent with the overall theme of the site. Page access: shared by all personas (General User).

As a frontend developer, implement the HeroSection for the Landing page. This section features interactive animations using motion values and springs for mouse movement effects. It includes a sequence of text animations and floating elements that animate across the screen. Ensure the animations are smooth and responsive, and apply the provided CSS styles. Page access: shared by all personas (General User).

As a frontend developer, implement the HowItWorksSection for the Landing page. This section outlines the steps to use the calculator, with each step displayed in a motion-enhanced card. Ensure the animations are smooth and the section is styled according to the provided CSS. Page access: shared by all personas (General User).

As a frontend developer, implement the Navbar section for the Calculator page. This section includes a motion-enhanced navigation bar that changes style when scrolled. It features links to the Landing and Calculator pages, with the Calculator link conditionally active. Ensure the Navbar is consistent with the existing Navbar from the Landing page. This section is accessible to all personas. Page access: shared by all personas (General User).

As a developer, I want to develop an API client to interact with the calculator API from the frontend.

As a frontend developer, implement the CalculatorHero section for the Calculator page. This section includes animated elements such as a badge, title, description, and a call-to-action button. The animations use motion for smooth transitions. This section introduces the calculator's features and is accessible to all personas. Page access: shared by all personas (General User).

As a frontend developer, implement the CalculatorDisplay section for the Calculator page. This section displays the current input or result with a motion-enhanced text element that animates on change. The display adapts based on the calculation phase, showing a distinct style for results. This section is accessible to all personas. Page access: shared by all personas (General User).

As a frontend developer, implement the CalculatorKeypad section for the Calculator page. This section includes a grid of keys for arithmetic operations and numbers, with interactive animations on key press. The keypad supports operations like clear, sign change, and arithmetic functions. This section is accessible to all personas. Page access: shared by all personas (General User).

As a frontend developer, implement the CalculatorInfo section for the Calculator page. This section features a grid of informational cards with motion animations, highlighting the calculator's responsiveness, accessibility, and speed. Each card includes an icon, title, and description. This section is accessible to all personas. Page access: shared by all personas (General User).

As a frontend developer, implement the Footer section for the Calculator page. This section includes branding and navigation links to the Landing and Calculator pages. Ensure consistency with the existing Footer from the Landing page. This section is accessible to all personas. Page access: shared by all personas (General User).

As a QA engineer, I want to verify that the calculator performs arithmetic operations correctly and handles edge cases.