Content sections follow a logical narrative order

Visitors follow a predictable mental sequence when evaluating a new product: first they need to understand what it is and whether it is relevant, then they decide whether it is credible, then they consider the price. When a page violates this sequence — opening with logo bars before explaining what the product does, or showing pricing before features — social proof becomes meaningless (proof of what?) and pricing feels premature (price for something I don't yet understand). The most common structural failure in AI-built sites is leading with trust signals (logos, testimonials) that have no referent yet, because the AI generates them early as credibility markers before the value proposition is established.

Map out your current page section sequence, then compare it to the persuasion arc:

1. Hero — what it is, for whom, what outcome
2. Problem or context — why this matters now
3. How it works / key features — what you get
4. Social proof — testimonials, logos, case studies
5. Pricing or CTA — what to do next

If your page leads with a logo bar or testimonials before the value proposition section, move those elements below the features section. In Next.js App Router, page sections are usually stacked components in app/page.tsx:

export default function Home() {
  return (
    <main>
      <HeroSection />        {/* 1 — always first */}
      <ProblemSection />     {/* 2 — why this matters */}
      <FeaturesSection />    {/* 3 — what you get */}
      <TestimonialsSection />{/* 4 — now proof has a referent */}
      <PricingSection />     {/* 5 — convert */}
    </main>
  )
}

Reorder the component stack to match this sequence.

• ID: marketing-content-quality.content-structure.content-sections-logical-order

• Severity: high

• What to look for: Count all relevant instances and enumerate each. Read the home page from top to bottom. Identify the sequence of major content sections (e.g., hero → problem statement → features → social proof → pricing → CTA). Evaluate whether the sequence follows a logical persuasion arc: problem/hook → solution → evidence → conversion. Check whether the most important information (what the product does) appears before less important information (company history, press mentions, secondary features).

• Pass criteria: Content sections are ordered logically — the page establishes what the product is and why it matters before moving to secondary or supporting content. At least 1 implementation must be verified. Social proof (testimonials, logos) appears after the value proposition, not before it.

• Fail criteria: The page leads with social proof (logos, testimonials) before explaining what the product does, or company background appears before the value proposition, or the pricing or conversion section appears before any explanation of what is being sold.

• Skip (N/A) when: No multi-section marketing page detected. Signal: single-page app with no marketing structure, or API-only project.

• Detail on fail: Describe the ordering problem. Example: "Page opens with a 'Trusted by 500 companies' logo bar before any explanation of what the product does" or "Pricing section is the second section on the page, appearing before features or value proposition"

• Remediation: Visitors follow a mental sequence: first they need to understand what you do, then decide if it's relevant, then see proof it works, then consider the price. If you show proof before explaining what you do, the proof is meaningless.

  A reliable section order for marketing pages:

  1. Hero — what it is, for whom, what outcome
  2. Problem or context — why this matters
  3. How it works or key features — what you get
  4. Social proof — testimonials, case studies, logos
  5. Pricing or CTA — what to do next

  Move trust signals (logos, testimonials) to the second half of the page, after your explanation is established.

  Review the configuration in src/ or app/ directory for implementation patterns.