"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "About", id: "/about" },
    { name: "Contact", id: "/contact" }
  ];

  return (
    <ThemeProvider 
      defaultButtonVariant="text-stagger" 
      defaultTextAnimation="entrance-slide" 
      borderRadius="rounded" 
      contentWidth="medium" 
      sizing="medium" 
      background="circleGradient" 
      cardStyle="glass-elevated" 
      primaryButtonStyle="gradient" 
      secondaryButtonStyle="glass" 
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple navItems={navItems} brandName="EverestOS" />
      </div>
      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial useInvertedBackground={false} background={{variant:"glowing-orb"}} title="EverestOS: Beyond Learning. Evolution." description="The AI-native workspace for the next generation of intelligence. Initializing System..." testimonials={[{"name":"Dr. Sarah Chen","handle":"@schen","testimonial":"The local-first AI processing is unparalleled.","rating":5,"imageSrc":"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},{"name":"Marcus Vane","handle":"@mvane","testimonial":"Gemma integration has changed my workflow.","rating":5,"imageSrc":"http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-tablet_23-2149442286.jpg"},{"name":"Aria Stark","handle":"@aria_ai","testimonial":"The interface is simply from the future.","rating":5,"imageSrc":"http://img.b2bpic.net/free-photo/woman-architect-using-touch-screen-building-model-maquette-layout-engineer-working-with-blueprint-plan-construction-development-graphic-design-architectural-office_482257-31903.jpg"},{"name":"Leo Thorne","handle":"@leot","testimonial":"MasterEngine.js performance is incredible.","rating":5,"imageSrc":"http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg"},{"name":"Kira Wei","handle":"@kira_w","testimonial":"Danilo is the most intuitive co-pilot I've used.","rating":5,"imageSrc":"http://img.b2bpic.net/free-photo/dentist-doctor-looking-camera-smiling-while-elderly-patient-waiting-him-background-dental-hygiene-stomatologist-with-protection-glasses-standing-front-webcam-stomatological-clinic_482257-3573.jpg"}]} buttons={[{text:"DEPLOY_INTERFACE",href:"#"}]} imageSrc="http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-9133.jpg" avatars={[{"src":"http://img.b2bpic.net/free-photo/futuristic-robot-listening-music-headphones_23-2151072983.jpg","alt":"Navigator Alpha"},{"src":"http://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648342.jpg","alt":"Navigator Beta"},{"src":"http://img.b2bpic.net/free-photo/portrait-futuristic-female-humanoid-with-advanced-technology_23-2151666230.jpg","alt":"Navigator Gamma"},{"src":"http://img.b2bpic.net/free-photo/portrait-technologically-advanced-female-humanoid_23-2151666352.jpg","alt":"Navigator Delta"},{"src":"http://img.b2bpic.net/free-photo/fantastic-aliens-with-glowing-neon-colours_23-2151648357.jpg","alt":"Navigator Epsilon"}]} marqueeItems={[{"type":"text","text":"NEURAL_SYNCHRONIZED"},{"type":"text","text":"OLLAMA_ACTIVE"},{"type":"text","text":"GEMMA_4_READY"},{"type":"text","text":"KAGGLE_INTEGRATED"},{"type":"text","text":"SYSTEM_STABLE"}]} />
      </div>
      <div id="about" data-section="about">
        <InlineImageSplitTextAbout useInvertedBackground={true} heading={[{type:"text",content:"Powered by Gemma 4 & Ollama"},{type:"image",src:"http://img.b2bpic.net/free-photo/global-communication-background-business-network-design_53876-160250.jpg",alt:"Tech Blueprint"}]} />
      </div>
      <div id="features" data-section="features">
        <FeatureCardTwentySeven animationType="slide-up" textboxLayout="split" useInvertedBackground={false} features={[{"id":"f1","title":"Animation Studio (.motion)","descriptions":["Transform static text into complex GSAP motions."],"imageSrc":"http://img.b2bpic.net/free-photo/cyber-monday-neon-glowing-text-dark-background_23-2152033017.jpg"},{"id":"f2","title":"Strategy Hub (.mindmap)","descriptions":["Visualizing complex node structures in real-time."],"imageSrc":"http://img.b2bpic.net/free-photo/high-view-coloured-pushpin-map_23-2148510458.jpg"},{"id":"f3","title":"Dev Forge (.code)","descriptions":["Building real-time logic with developer precision."],"imageSrc":"http://img.b2bpic.net/free-photo/solar-panels-male-worker-analyzing-performance-data-laptop-optimizing-efficiency_482257-135442.jpg"}]} title="Workspace Ecosystem" description="Designed for maximum fluidity and creative control." />
      </div>
      <div id="products" data-section="products">
        <ProductCardTwo animationType="scale-rotate" textboxLayout="default" gridVariant="three-columns-all-equal-width" useInvertedBackground={true} products={[{"id":"p1","brand":"Engine","name":"ECS Core","price":"High Perf","rating":5,"reviewCount":"100+","imageSrc":"http://img.b2bpic.net/free-photo/cyber-monday-neon-sale_23-2152027235.jpg"},{"id":"p2","brand":"Engine","name":"MeshRenderer","price":"Custom","rating":5,"reviewCount":"100+","imageSrc":"http://img.b2bpic.net/free-photo/glass-phone-16-pro-max_187299-46102.jpg"},{"id":"p3","brand":"Engine","name":"Rigidbody System","price":"Physics","rating":5,"reviewCount":"100+","imageSrc":"http://img.b2bpic.net/free-photo/network-graphic-overlay-banner-laptop_53876-120748.jpg"},{"id":"p4","brand":"Engine","name":"Particle API","price":"Visual","rating":5,"reviewCount":"100+","imageSrc":"http://img.b2bpic.net/free-photo/sales-assistant-planning-business-charts-digital-laptop-working-with-e-commerce-e-shopping-management-company-office-manager-using-statistics-develop-creative-project_482257-39076.jpg"},{"id":"p5","brand":"Engine","name":"Event Bus","price":"Logic","rating":5,"reviewCount":"100+","imageSrc":"http://img.b2bpic.net/free-vector/business-infographic-with-photo_23-2148339283.jpg"},{"id":"p6","brand":"Engine","name":"Asset Loader","price":"Stream","rating":5,"reviewCount":"100+","imageSrc":"http://img.b2bpic.net/free-vector/flat-design-coworking-app-template_23-2150249509.jpg"}]} title="MasterEngine.js Architecture" description="Custom ECS architecture with MeshRenderers and Rigidbodies built from scratch." />
      </div>
      <div id="team" data-section="team">
        <TeamCardFive animationType="slide-up" textboxLayout="inline-image" useInvertedBackground={false} team={[{"id":"d1","name":"Danilo","role":"AI Navigator","imageSrc":"http://img.b2bpic.net/free-photo/portrait-futuristic-female-humanoid-with-advanced-technology_23-2151666232.jpg"},{"id":"d2","name":"Danilo V2","role":"Evolved Core","imageSrc":"http://img.b2bpic.net/free-photo/ai-generated-concept-human_23-2150688367.jpg"},{"id":"d3","name":"Danilo Prime","role":"Strategic AI","imageSrc":"http://img.b2bpic.net/free-photo/portrait-futuristic-female-humanoid-with-advanced-technology_23-2151666403.jpg"}]} title="Danilo: Your Cognitive Co-pilot" description="Our AI Navigator character that evolves alongside your workflows." />
      </div>
      <div id="testimonial" data-section="testimonial">
        <TestimonialCardSixteen animationType="depth-3d" textboxLayout="default" useInvertedBackground={true} testimonials={[{"id":"1","name":"Sarah Johnson","role":"CEO","company":"TechCorp","rating":5,"imageSrc":"http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg"},{"id":"2","name":"Michael Chen","role":"CTO","company":"InnovateLab","rating":5,"imageSrc":"http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-glasses_23-2149434895.jpg"},{"id":"3","name":"Emily Rodriguez","role":"Marketing","company":"GrowthCo","rating":5,"imageSrc":"http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg"},{"id":"4","name":"David Kim","role":"PM","company":"StartupXYZ","rating":5,"imageSrc":"http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9483.jpg"},{"id":"5","name":"Jessica Lee","role":"Dev","company":"CodeFlow","rating":5,"imageSrc":"http://img.b2bpic.net/free-photo/software-developer-walking-data-center-using-tablet_482257-100281.jpg"}]} kpiItems={[{"value":"10ms","label":"Latency"},{"value":"99.9%","label":"Uptime"},{"value":"20x","label":"Throughput"}]} title="Community Voices" description="Join the revolution at Kaggle." />
      </div>
      <div id="contact" data-section="contact">
        <ContactCenter useInvertedBackground={false} background={{variant:"rotated-rays-animated"}} tag="READY" title="Join the Beta" description="Get early access to EverestOS and help us evolve the AI experience." />
      </div>
      <div id="footer" data-section="footer">
        <FooterLogoReveal logoText="EverestOS" leftLink={{text:"Privacy Policy",href:"#"}} rightLink={{text:"Documentation",href:"#"}} />
      </div>
    </ThemeProvider>
  );
}