'use client';

import { ReferralsPageContent } from '@/components/referrals/ReferralsPageContent';

export default function ReferralsPage() {
  return (
    <div
      className="page-referrals"
      data-tour="referrals-root"
      style={{
        padding: 24,
        background: 'linear-gradient(135deg, #F6F7FF 0%, #FAF8FF 50%, #FFF8F5 100%)',
      }}
    >
      <div
        className="page-referrals-card"
        style={{
          background: '#fff',
          borderRadius: 20,
          boxShadow: '0 4px 24px rgba(0,0,0,0.06)',
          padding: 24,
        }}
      >
        <ReferralsPageContent />
      </div>
    </div>
  );
}
