import { describe, it, expect } from 'vitest'
import { render, screen } from '@/lib/test-utils'
import Home from './page'

describe('Home Page', () => {
  it('should render the main heading', () => {
    render(<Home />)
    expect(screen.getByRole('heading', { level: 1, name: /phoenix.*sankofa.*cloud/i })).toBeInTheDocument()
  })

  it('should render the tagline', () => {
    render(<Home />)
    expect(screen.getByText(/the sovereign cloud born of fire and ancestral wisdom/i)).toBeInTheDocument()
  })

  it('should render the Remember → Retrieve → Restore → Rise text', () => {
    render(<Home />)
    expect(screen.getByText(/remember.*retrieve.*restore.*rise/i)).toBeInTheDocument()
  })

  it('should render navigation links', () => {
    render(<Home />)
    expect(screen.getByRole('link', { name: /learn more/i })).toBeInTheDocument()
    expect(screen.getByRole('link', { name: /products/i })).toBeInTheDocument()
  })

  it('should render feature cards', () => {
    render(<Home />)
    expect(screen.getByText(/phoenix fire/i)).toBeInTheDocument()
    expect(screen.getByText(/sankofa memory/i)).toBeInTheDocument()
    expect(screen.getByText(/sovereign power/i)).toBeInTheDocument()
  })
})

