subnautica2maps

import Link from 'next/link';
import { PageShell, Disclaimer } from '@/components/Layout';
import { SearchConsole } from '@/components/SearchConsole';
import { SonarMap } from '@/components/MapPrototype';
import { blueprints, resources } from '@/lib/data';
import { JsonLd, breadcrumbSchema, faqSchema, primaryFaq, siteNavigationSchema, websiteSchema } from '@/lib/schema';

const faq: Array<[string, string]> = [
  ['Is Subnautica2Maps connected to the publisher?', 'No. It is a fan-made player resource and is not affiliated with Unknown Worlds Entertainment.'],
  ['Is the map data final?', 'No. Early Access data may change after patches. Check last verified date, confidence, and source notes.'],
  ['Where does the data come from?', 'Manual review, source notes, player verification, and developer or store update links where relevant. No competitor marker scraping.'],
  ['Can I report incorrect data?', 'Yes. Feedback should enter a review queue before production data changes.'],
  ['Does the site include every resource?', 'No. MVP detail pages are noindex until verified seed data arrives.'],
  ['Does it use publisher artwork?', 'No. The site uses original abstract map layers, original icons, and original UI only.'],
];

export default function HomePage() {
  return (
    <PageShell>
      <header className="hero">
        <div>
          <p className="eyebrow">fan-made exploration dashboard</p>
          <h1>Subnautica 2 Interactive Map and Resource Planner</h1>
          <p className="subhead">Find resources, check blueprint materials, and track Early Access updates with a fan-made map database built for players.</p>
          <div className="answer-card">
            <strong>Short answer:</strong> Subnautica2Maps is a fan-made planning hub for Subnautica 2 players who need a searchable map, resource finder, blueprint materials, and update-aware notes in one place. It shows confidence and freshness warnings, avoids publisher assets, and keeps uncertain detail pages noindex until verified seed data is available.
          </div>
          <div className="hero-actions">
            <Link className="btn primary" href="/map">Open Interactive Map</Link>
            <Link className="btn secondary" href="/resources">Find a Resource</Link>
            <Link className="btn secondary" href="/blueprints">Check Blueprint Materials</Link>
          </div>
          <p className="micro">No signup in MVP. Core map and resource pages stay free.</p>
          <Disclaimer />
        </div>
        <SonarMap />
      </header>

      <section className="section"><SearchConsole /></section>

      <section className="section">
        <h2>Search, verify, then dive.</h2>
        <div className="steps">
          <div className="card"><div className="num">STEP 01</div><h3>Search a target</h3><p className="muted">Enter a resource, blueprint, creature, biome, or roadmap item.</p></div>
          <div className="card"><div className="num">STEP 02</div><h3>Open verified data</h3><p className="muted">Check locations, materials, confidence, source notes, and last verified dates.</p></div>
          <div className="card"><div className="num">STEP 03</div><h3>Plan the next dive</h3><p className="muted">Jump to a filtered map, related blueprint, or local checklist.</p></div>
        </div>
      </section>

      <section className="section">
        <h2>Focused tools, not wiki clutter.</h2>
        <div className="bento">
          <Link href="/map" className="card wide"><h3>Interactive Map</h3><p className="muted">Filter markers by resource, blueprint, biome, depth, and confidence. Map views pair with crawlable fallback tables and detail URLs.</p></Link>
          <Link href="/resources" className="card"><h3>Resource Finder</h3><p className="muted">Resource pages answer where to look, what uses it, and when data was last verified.</p></Link>
          <Link href="/blueprints" className="card"><h3>Blueprint Database</h3><p className="muted">Material tables, unlock notes, confidence states, and future planner actions.</p></Link>
          <Link href="/roadmap" className="card"><h3>Roadmap Tracker</h3><p className="muted">Patch-sensitive notes with source links and “not confirmed” labels.</p></Link>
        </div>
      </section>

      <section className="section">
        <h2>Prototype seed coverage</h2>
        <div className="cards">
          {resources.slice(0, 3).map((r) => <Link className="card" key={r.slug} href={`/resources/${r.slug}`}><div className="num">{r.confidence}</div><h3>{r.name}</h3><p className="muted">{r.note}</p></Link>)}
          {blueprints.slice(0, 2).map((b) => <Link className="card" key={b.slug} href={`/blueprints/${b.slug}`}><div className="num">{b.confidence}</div><h3>{b.name}</h3><p className="muted">{b.note}</p></Link>)}
        </div>
      </section>

      <section className="section">
        <h2>FAQ</h2>
        <div className="faq">{faq.map(([q, a]) => <details className="card" key={q}><summary>{q}</summary><p className="muted">{a}</p></details>)}</div>
      </section>

      <JsonLd data={websiteSchema()} />
      <JsonLd data={breadcrumbSchema([{ name: 'Home', path: '/' }])} />
      <JsonLd data={faqSchema([...primaryFaq, ...faq])} />
      <JsonLd data={siteNavigationSchema()} />
    </PageShell>
  );
}