"use client";

import { useEffect } from "react";
import { useSectionStore } from "@/stores/sectionStore";

export default function Page() {
  const { setSections } = useSectionStore();
  useEffect(() => {
    setSections([
      { id: "arch-vision", name: "友发愿景" },
      { id: "arch-products", name: "产品体系" },
      { id: "arch-application", name: "应用场景" },
      { id: "arch-contact", name: "联系方式" },
    ]);
  }, [setSections]);

  return (
    <div className="w-full">
      <section id="arch-vision" className="container mx-auto px-4 py-12">
        <h2 className="text-3xl font-bold mb-4">友发愿景</h2>
        <p className="text-gray-600">内容占位</p>
      </section>
      <section id="arch-products" className="container mx-auto px-4 py-12">
        <h2 className="text-3xl font-bold mb-4">产品体系</h2>
        <p className="text-gray-600">内容占位</p>
      </section>
      <section id="arch-application" className="container mx-auto px-4 py-12">
        <h2 className="text-3xl font-bold mb-4">应用场景</h2>
        <p className="text-gray-600">内容占位</p>
      </section>
      <section id="arch-contact" className="container mx-auto px-4 py-12">
        <h2 className="text-3xl font-bold mb-4">联系方式</h2>
        <p className="text-gray-600">内容占位</p>
      </section>
    </div>
  );
}