hero-1

1"use client";
2 
3import React from "react";
4import { DemoLayout } from "@/components/demo-layout";
5import { AiWorkAnnouncement } from "./announcement";
6import { AiWorkHeader } from "./header";
7import { AiWorkHero } from "./hero";
8import { AiWorkWrapper } from "./wrapper";
9 
10/**
11 * AI-WORK BLOCK (Page Entry)
12 * Composed high-fidelity landing experience with cinematic scroll effects.
13 */
14export default function AiWorkPage() {
15  const [isAnnouncementVisible, setIsAnnouncementVisible] =
16    React.useState(true);
17 
18  return (
19    <div className="w-full bg-accent font-sans text-foreground selection:bg-background selection:text-background">
20      {/* 1. Announcement Bar */}
21      <AiWorkAnnouncement
22        isVisible={isAnnouncementVisible}
23        onClose={() => setIsAnnouncementVisible(false)}
24      />
25 
26      {/* 2. Master Content Wrapper (Handles Cinematic Layering) */}
27      <AiWorkWrapper isAnnouncementVisible={isAnnouncementVisible}>
28        {/* 3. Navigation Header */}
29        <AiWorkHeader isFullWidth={false} isScrolled={false} />
30 
31        {/* 4. Hero Landing Section */}
32        <AiWorkHero />
33 
34        {/* Additional sections can be modularly added here */}
35 
36        <DemoLayout />
37      </AiWorkWrapper>
38    </div>
39  );
40}