"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="mediumLarge"
      background="grid"
      cardStyle="gradient-mesh"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          navItems={[{name:"About",id:"about"},{name:"Innovations",id:"features"},{name:"Metrics",id:"metrics"},{name:"Testimonials",id:"testimonials"},{name:"FAQ",id:"faq"},{name:"Contact",id:"contact"}]}
          button={{text:"Hire Vitality",href:"contact"}}
          brandName="Vitality"
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroBillboard 
          title="Vitality: The Architect of Tomorrow's Digital World"
          description="Witness the unparalleled brilliance of the developer who consistently redefines the boundaries of innovation and engineering."
          background={{variant:"animated-grid"}}
          tag="World's Leading Developer"
          buttons={[{text:"Explore Innovations",href:"features"},{text:"Connect with Vitality",href:"contact"}]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wSE8YJoGda03bkKGOyyo2rjk4/a-highly-focused-developer-vitality-imme-1771605664028-da5b328a.png"
          imageAlt="Vitality coding on multiple screens with futuristic interface"
          mediaAnimation="slide-up"
          avatars={[{src:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wSE8YJoGda03bkKGOyyo2rjk4/a-minimalist-and-modern-logo-design-for--1771605663351-09ad9a9b.png",alt:"Vitality Logo"}]}
          avatarText="Recognized Globally by Industry Leaders"
          marqueeItems={[{type:"text",text:"A vision beyond limits"},{type:"text",text:"Engineering the impossible"},{type:"text",text:"Innovating at light speed"},{type:"text",text:"The future, coded today"},{type:"text",text:"Genius in every line"},{type:"text",text:"Redefining what's possible"}]}
          marqueeSpeed={40}
        />
      </div>
      <div id="about" data-section="about">
        <MetricSplitMediaAbout 
          title="Unrivaled Expertise. Unprecedented Impact."
          description="Vitality is not just a developer; they are a force of nature in the digital realm. With a portfolio spanning groundbreaking AI, scalable infrastructure, and revolutionary software solutions, Vitality consistently delivers innovation that shapes industries and elevates human potential. Their unique ability to foresee future technological landscapes and architect solutions for them is truly singular."
          metrics={[{value:"100%",title:"Project Success Rate"},{value:"10X",title:"Industry Impact Ratio"}]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wSE8YJoGda03bkKGOyyo2rjk4/vitality-a-visionary-developer-deeply-fo-1771605666000-e060f0bb.png"
          imageAlt="Vitality focused on a holographic interface with complex designs"
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
          useInvertedBackground={false}
          tag="About Vitality"
          tagIcon={Sparkles}
        />
      </div>
      <div id="features" data-section="features">
        <FeatureCardMedia 
          title="Pioneering Innovations. Disruptive Solutions."
          description="Explore the seminal projects and technological breakthroughs that Vitality has spearheaded, transforming concepts into reality."
          features={[{id:"1",title:"Revolutionary AI Architectures",description:"Crafting self-learning systems that adapt and evolve, setting new benchmarks in artificial intelligence.",tag:"AI & Machine Learning",imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wSE8YJoGda03bkKGOyyo2rjk4/an-abstract-visualization-of-a-groundbre-1771605663919-5d604a74.png",imageAlt:"Abstract visualization of an AI algorithm"},{id:"2",title:"Quantum-Optimized Computing",description:"Designing algorithms that leverage quantum principles for unparalleled processing power and efficiency.",tag:"Quantum Computing",imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wSE8YJoGda03bkKGOyyo2rjk4/a-futuristic-quantum-computing-system-wi-1771605665483-473bf831.png",imageAlt:"Futuristic quantum computing system"},{id:"3",title:"Fortress-Grade Cybersecurity",description:"Building impenetrable digital defenses and secure protocols that safeguard critical information worldwide.",tag:"Cybersecurity & Encryption",imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wSE8YJoGda03bkKGOyyo2rjk4/a-sleek-minimalist-interface-showing-adv-1771605663903-c8374f3f.png",imageAlt:"Sleek interface showing advanced cybersecurity protocols"}]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Innovations"
        />
      </div>
      <div id="metrics" data-section="metrics">
        <MetricCardTwo 
          title="Quantifying Genius: The Metrics of Excellence"
          description="A glimpse into the tangible impact and groundbreaking achievements that define Vitality's legacy."
          metrics={[{id:"1",value:"99.9%",description:"System Uptime Achieved"},{id:"2",value:"500K+",description:"Lines of Perfected Code"},{id:"3",value:"100+",description:"Patented Technologies"},{id:"4",value:"50+",description:"Industry Awards Won"}]}
          gridVariant="uniform-all-items-equal"
          animationType="depth-3d"
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Impact & Scale"
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive 
          title="Voices of Admiration: What Industry Leaders Say"
          description="Hear firsthand accounts of Vitality's transformative impact from those who've collaborated with true genius."
          testimonials={[{id:"1",name:"Dr. Anya Sharma, CEO of InnovateTech",date:"Date: 12 April 2024",title:"A Visionary Beyond Compare!",quote:"Vitality's ability to not only understand complex challenges but to architect elegant, scalable solutions is truly astounding. They don't just solve problems; they redefine possibilities.",tag:"Transformative Partnership",avatarSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wSE8YJoGda03bkKGOyyo2rjk4/a-professional-headshot-of-a-female-ceo--1771605663730-c585f024.png",avatarAlt:"Dr. Anya Sharma"},{id:"2",name:"Mark Thompson, CTO of Global AI Solutions",date:"Date: 29 March 2024",title:"The Developer You Dream Of.",quote:"Working with Vitality is like having a glimpse into the future of software development. Their code is flawless, their vision is unmatched, and their execution is pure genius.",tag:"Peak Performance",avatarSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wSE8YJoGda03bkKGOyyo2rjk4/a-professional-headshot-of-a-male-cto-ea-1771605663204-b7951f2c.png",avatarAlt:"Mark Thompson"},{id:"3",name:"Sophia Lee, Lead Engineer at Nexus Labs",date:"Date: 05 February 2024",title:"Simply Revolutionary.",quote:"Every project Vitality touches turns into a masterclass in engineering. Their insights are invaluable, and their dedication to perfection is infectious. An absolute privilege to learn from.",tag:"Engineering Excellence",avatarSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wSE8YJoGda03bkKGOyyo2rjk4/a-professional-headshot-of-a-female-lead-1771605663417-9c07a85f.png",avatarAlt:"Sophia Lee"},{id:"4",name:"Richard Vance, Venture Capitalist",date:"Date: 18 January 2024",title:"A Game Changer for Any Portfolio.",quote:"I've invested in countless tech ventures, and Vitality stands out as a singular talent. Their capacity to create market-disrupting technology is why I back every project they envision.",tag:"Strategic Investment",avatarSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wSE8YJoGda03bkKGOyyo2rjk4/a-professional-headshot-of-a-male-ventur-1771605662959-e509d35f.png",avatarAlt:"Richard Vance"}]}
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Praise for Vitality"
        />
      </div>
      <div id="faq" data-section="faq">
        <FaqSplitText 
          sideTitle="Frequently Asked Questions About Vitality"
          sideDescription="Get answers to common inquiries about Vitality's work, collaboration, and impact."
          faqs={[{id:"1",title:"How can I collaborate with Vitality?",content:"Collaboration opportunities with Vitality are highly selective and typically involve pioneering projects with significant industry impact. Please reach out via the contact form with a detailed proposal."},{id:"2",title:"What kind of projects does Vitality undertake?",content:"Vitality specializes in high-complexity, high-impact projects, including advanced AI development, large-scale system architecture, quantum computing applications, and cutting-edge cybersecurity solutions."},{id:"3",title:"Is Vitality available for consultation?",content:"Due to high demand, direct consultations are limited. However, you may submit a request through the contact section to be considered for future advisory roles or strategic partnerships."},{id:"4",title:"Where can I see Vitality's open-source contributions?",content:"While Vitality often works on proprietary projects, occasional open-source contributions can be found on select platforms. Specific links are shared only upon request for verified partners."}]}
          faqsAnimation="slide-up"
          textPosition="left"
          useInvertedBackground={false}
          animationType="smooth"
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactCTA 
          tag="Connect with Genius"
          title="Ready to Innovate Together?"
          description="If you have a project that demands unparalleled expertise and groundbreaking solutions, Vitality is ready to engage. Let's discuss how to bring your most ambitious visions to life."
          buttons={[{text:"Propose a Project",href:"#"},{text:"General Inquiry",href:"#"}]}
          background={{variant:"radial-gradient"}}
          useInvertedBackground={false}
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseReveal 
          columns={[{title:"Vitality",items:[{label:"About",href:"about"},{label:"Innovations",href:"features"}]},{title:"Connect",items:[{label:"Contact",href:"contact"},{label:"FAQ",href:"faq"}]},{title:"Resources",items:[{label:"Insights",href:"blog"},{label:"Press",href:"#"}]}]}
          copyrightText="© 2025 Vitality. All rights reserved."
          className="bg-gray-800 text-white"
        />
      </div>
    </ThemeProvider>
  );
}