Marketing

Tasks Completed:
1. Website Structure & Component Development

• Converted single-page design into reusable Next.js components.
• Created Navbar, About, Contact, and Footer components.
• Integrated components into the main application layout.
  2. Navigation & User Experience Improvements
• Implemented sticky navigation bar.
• Added smooth scrolling between About and Contact sections.
• Added active section highlighting for navigation links.
• Improved page flow and responsiveness.
  3. About Section Development
• Added Canofy company overview content based on provided brief.
• Integrated company illustration and branding.
• Added subtle animations using Framer Motion.
  4. Contact Section UI Development
• Created contact form interface with:
  Name
  Company Name
  Official Email
  Requirements/Description field
  reCAPTCHA placeholder
• Added professional styling and interaction states.
  5. Footer & Branding Updates
• Added Canofy logo and footer information.
• Added navigation links and website development placeholder note.
  6. Performance Optimization
• Optimized image loading behaviour.
• Reduced animation intensity and background blur effects.
• Reviewed AWS Amplify loading performance.
  Technologies Used:
  Next.js
  Tailwind CSS
  Framer Motion
  AWS Amplify
  VS Code