fix(pages): revamp about page

[ICEPrey]

Changes done

• Component Structure:

  • Switched from a default export function to a named functional component with React.FC type
  • Moved from a single section to a two-column layout as provided in the issue (left for text, right for videos)

• Styling:

  • Implemented responsive design with flexbox for desktop layout
  • Introduced PearAI-specific branding elements and color scheme

• Content:

  • Replaced the abstract hero section with specific information about PearAI
  • Added a detailed description of PearAI's features and goals
  • Included information about the founders (Pan and Nang)

• Visual Elements:

  • Removed the large SVG illustration
  • Added embedded YouTube videos using a new VideoCard component

• Interactivity:

  • Replaced action buttons with embedded videos
  • Implemented AOS (Animate On Scroll) for fade-in effects

• Component Composition:

  • Created a new VideoCard subcomponent for displaying YouTube videos
  • Utilized/added shadcn/ui components (Card, CardContent, CardDescription)

• TypeScript:

  • Added TypeScript typing (React.FC, interface for VideoCard props)

• External Links:

  • Removed direct links to founders' YouTube channels
  • Embedded relevant videos instead

Screenshots

Before

After

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
pear-landing-page	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 22, 2024 5:12pm
pear-landing-page-uwmp	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 22, 2024 5:12pm

[ICEPrey]

issue #67

[ICEPrey]

After Suggestions