Marketing

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.