Feature #27
Updated by Srishti Ghosh about 1 month ago
**User Story:**
As a prospective customer, partner, or stakeholder, I want to access a modern, professional, and informative Canofy website so that I can understand the company's platform, solutions, expertise, and value proposition, and easily request a product demonstration or contact the team.
**Description**
Develop a fully responsive enterprise corporate website for Canofy Technologies using Next.js, Tailwind CSS, and Sanity CMS. The website will serve as the company's primary digital presence and showcase its customs compliance and supply chain platform, business solutions, customer success stories, educational resources, and company information.
The website should follow a modern enterprise SaaS design language with a clean, light interface centred around the Canofy brand colour palette. The homepage will act as a storytelling landing page where users can progressively explore the platform, solutions, customer stories, resources, and request a demo, while each major section will have its own dedicated page for detailed information.
The website should be fully responsive, optimized for SEO and accessibility, support future content management through Sanity CMS, and be deployed using AWS Amplify with GitHub OIDC integration.
**Configuration / Prerequisites**
**Development**
* Node.js (Latest LTS)
* npm
* Git
* GitHub Repository
* Visual Studio Code
**Frameworks**
* Next.js (App Router)
* React
* TypeScript
* Tailwind CSS
**UI & Libraries**
* Framer Motion
* Lucide React Icons
* React Hook Form
* Zod
* clsx / tailwind-merge
**CMS**
* Sanity Studio
* Sanity Content Lake
* GROQ
**Forms**
* Nodemailer / Brevo SMTP
* Google reCAPTCHA
**Deployment**
* AWS Amplify
* GitHub OIDC
* Route53
* Domain Configuration
* SSL Certificate
**Assets Required**
* Company Logo
* Brand Colours
* Website Content Document
* Future customer logos
* Product screenshots / illustrations
**Acceptance Criteria**
Corporate website follows the approved Canofy design system.
Website is fully responsive across desktop, tablet, and mobile devices.
Homepage contains all approved sections:
* Hero
* Business Challenges
* Platform Overview
* Interactive Platform Modules
* Solutions
* Business Outcomes
* Security
* Customer Stories
* Resources
* Request Demo
* Dedicated pages exist for Platform, Solutions, Customer Stories, Resources, About, and Contact.
* Navigation functions correctly across all pages.
* Contact/Demo form validates required fields and successfully submits enquiries.
* Website content is manageable through Sanity CMS where applicable.
* Animations are subtle and do not negatively impact performance.
* Website achieves acceptable Lighthouse scores for Performance, Accessibility, SEO, and Best Practices.
* Website is successfully deployed to AWS Amplify through GitHub OIDC.
* Production deployment is accessible using the configured company domain.
| Test ID | Test Case | Expected Result |
| ------- | ---------------------------------------- | ---------------------------------------------------------------- |
| TC-01 | Open website homepage | Homepage loads successfully |
| TC-02 | Verify responsive layout | Layout adapts correctly across desktop, tablet and mobile |
| TC-03 | Navigate using navbar | All navigation links open correct pages/sections |
| TC-04 | Click homepage CTAs | Correct pages or forms open |
| TC-05 | Verify scroll navigation | Homepage sections scroll smoothly |
| TC-06 | Submit demo request with valid data | Form submits successfully |
| TC-07 | Submit form with missing required fields | Validation messages displayed |
| TC-08 | Verify Sanity content updates | Updated content appears without code changes |
| TC-09 | Verify page animations | Animations render smoothly without layout issues |
| TC-10 | Verify deployment | Website accessible via production URL |
| TC-11 | Verify SEO metadata | Metadata displayed correctly |
| TC-12 | Verify accessibility | Keyboard navigation and screen reader support function correctly |