// Legacy Server Side Page Fetch
import React from 'react';
import axios from 'axios';

export default class WebPage extends React.Component {
  state = { info: null };
  async componentDidMount() {
    // Blocking request causing layout shifts
    const res = await axios.get('/api/info');
    this.setState({ info: res.data });
  }
}

// UNICX Server Components
import { getCompanyDetails } from '@/lib/db';

export default async function ModernPage() {
  // Pre-rendered at build time with 0kb Client JS
  const info = await getCompanyDetails(); // [!code highlight]

  return <InfoView data={info} />;
}