"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';

import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { CheckCircle, Clock, Smile } from "lucide-react";
export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeMediumTitles"
      background="noiseDiagonalGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingOverlay
            navItems={[
              { name: "Home", id: "/" },
              { name: "Features", id: "/#features" },
              { name: "Products", id: "/#products" },
              { name: "Testimonials", id: "/#testimonials" },
              { name: "Contact", id: "/#contact" }
            ]}
            brandName="NoteGenius AI"
            button={{ text: "Get Started", href: "/#contact" }}
          />
        </div>
        <div id="hero" data-section="hero">
          <HeroBillboardScroll
            title="Transform Your Meetings with AI-Powered Notes"
            description="Capture every insight, automate summaries, and streamline collaboration for your B2B team. Focus on strategy, not transcription."
            background={{ variant: 'downward-rays-animated-grid' }}
            tag="NoteGenius AI"
            buttons={[
              { text: "Start Free Trial", href: "/#contact" },
              { text: "Learn More", href: "/#features" }
            ]}
            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/uploaded-1771703462804-ycq5fdkz.avif"
            imageAlt="NoteGenius AI Dashboard Preview"
            tagAnimation="slide-up"
            buttonAnimation="slide-up"
          />
        </div>
        
        <div id="features" data-section="features">
          <FeatureCardTwentyThree
            title="Intelligent Features Designed for Business"
            description="Experience the next generation of notetaking with AI that works as hard as you do."
            features={[
              { id: '1', title: "Automated Summarization", tags: ['AI', 'Efficiency', 'Summaries'], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/uploaded-1771716326215-52a98235.avif" },
              { id: '2', title: "Real-time Collaboration", tags: ['Teamwork', 'Communication', 'Sync'], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/uploaded-1771716588795-sbmt1r2s.avif" },
              { id: '3', title: "Enterprise-Grade Security", tags: ['Data Protection', 'Compliance', 'Secure'], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/uploaded-1771716662148-3p6uev4p.png" }
            ]}
            textboxLayout="default"
            useInvertedBackground={false}
            tag="Core Capabilities"
            animationType="slide-up"
          />
        </div>
        <div id="metrics" data-section="metrics">
          <MetricCardThree
            title="Proven Impact & Performance"
            description="See how NoteGenius AI delivers measurable results for businesses like yours."
            metrics={[
              { id: "1", icon: Smile, title: "User Satisfaction", value: "98.5%" },
              { id: "2", icon: Clock, title: "Time Saved per Week", value: "5+ Hrs" },
              { id: "3", icon: CheckCircle, title: "Decision Accuracy", value: "99.9%" }
            ]}
            animationType="depth-3d"
            textboxLayout="default"
            useInvertedBackground={false}
            tag="Our Results"
          />
        </div>
        <div id="products" data-section="products">
          <ProductCardOne
            title="Our Bestselling AI Solutions"
            description="Explore our top-rated tools designed to elevate your business productivity."
            products={[
              { id: '1', name: 'NoteGenius Pro', price: '$299', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/product-card-1.webp', imageAlt: 'NoteGenius Pro Software' },
              { id: '2', name: 'Meeting Summarizer', price: '$149', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/product-card-2.webp', imageAlt: 'Meeting Summarizer Tool' },
              { id: '3', name: 'Collaboration Hub', price: '$199', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/product-card-3.webp', imageAlt: 'Collaboration Hub Interface' },
              { id: '4', name: 'AI Assistant Pack', price: '$349', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/product-card-4.webp', imageAlt: 'AI Assistant Bundle' }
            ]}
            gridVariant="four-items-2x2-equal-grid"
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            tag="Product Showcase"
          />
        </div>
        <div id="testimonials" data-section="testimonials">
          <TestimonialCardTen
            title="Trusted by Leading B2B Companies"
            description="Hear directly from the businesses transforming their workflows with NoteGenius AI."
            testimonials={[
              { id: "1", title: "\"A Game-Changer for Our Sales Team!\"", quote: "NoteGenius AI has revolutionized how our sales team prepares for calls and follows up. The automated summaries are incredibly accurate and save us hours every week. Highly recommended for any B2B organization.", name: "Sarah Johnson", role: "CEO, Innovate Solutions", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-headshot-of-sarah-johnson-1771701002847-37f53070.png", imageAlt: "Sarah Johnson, CEO Innovate Solutions" },
              { id: "2", title: "\"Enhanced Our Project Management Workflow\"", quote: "Integrating NoteGenius AI into our project meetings has drastically improved our action item tracking and overall team alignment. Decisions are clearer, and projects move faster than ever before.", name: "Michael Chen", role: "CTO, Global Tech Ventures", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-headshot-of-michael-chen--1771701003064-abe03de7.png", imageAlt: "Michael Chen, CTO Global Tech Ventures" },
              { id: "3", title: "\"The Best Investment for Team Productivity\"", quote: "We've seen a significant boost in our marketing team's productivity since adopting NoteGenius AI. The ability to quickly extract insights from brainstorming sessions is invaluable. It's a must-have tool.", name: "Emily Davis", role: "Marketing Director, Growth Strategies Inc.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-headshot-of-emily-davis-m-1771701002472-0dfdf5d1.png", imageAlt: "Emily Davis, Marketing Director Growth Strategies Inc." },
              { id: "4", title: "\"Seamless Integration and Unmatched Accuracy\"", quote: "NoteGenius AI's seamless integration with our existing tools and its exceptional accuracy in capturing complex discussions have made it an indispensable part of our daily operations. It truly understands our business context.", name: "David Lee", role: "Head of Product, Nexus Innovations", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-headshot-of-david-lee-hea-1771701002701-33cc7c47.png", imageAlt: "David Lee, Head of Product Nexus Innovations" }
            ]}
            textboxLayout="default"
            useInvertedBackground={false}
            tag="Customer Success Stories"
            tagAnimation="slide-up"
            buttonAnimation="slide-up"
          />
        </div>
        <div id="faq" data-section="faq">
          <FaqDouble
            title="Frequently Asked Questions"
            description="Find quick answers to common questions about NoteGenius AI."
            faqs={[
              { id: "1", title: "What kind of meetings can NoteGenius AI transcribe?", content: "NoteGenius AI is designed to transcribe a wide range of business meetings, including sales calls, internal team syncs, client presentations, and strategy sessions." },
              { id: "2", title: "How does NoteGenius AI ensure data security?", content: "We prioritize your data's security with end-to-end encryption, regular security audits, and compliance with global data protection regulations like GDPR and CCPA." },
              { id: "3", title: "Can I integrate NoteGenius AI with my existing tools?", content: "Yes, NoteGenius AI offers robust integration capabilities with popular CRM platforms, project management tools, and communication applications. We also provide an API for custom integrations." },
              { id: "4", title: "Is there a limit to how long a meeting can be?", content: "Our advanced infrastructure is built to handle meetings of varying lengths. Please refer to our pricing plans for specific details on recording duration limits per plan." },
              { id: "5", title: "How accurate are the AI summaries?", content: "NoteGenius AI leverages state-of-the-art natural language processing (NLP) to achieve highly accurate summaries, with ongoing improvements based on user feedback and advanced learning models." },
              { id: "6", title: "Do you offer custom enterprise solutions?", content: "Absolutely. For larger enterprises with unique requirements, we offer tailored solutions and dedicated support. Please contact our sales team to discuss your specific needs." }
            ]}
            faqsAnimation="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            tag="Need Help?"
          />
        </div>
        <div id="contact" data-section="contact">
          <ContactSplit
            tag="Contact Us"
            title="Ready to Revolutionize Your Notetaking?"
            description="Connect with our team to discover how NoteGenius AI can empower your business."
            background={{ variant: 'plain' }}
            useInvertedBackground={false}
            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-stylized-illustration-of-a-diverse-tea-1771701003795-99c299cf.png"
            imageAlt="Diverse team collaborating with AI notetaking tools"
            mediaAnimation="opacity"
            mediaPosition="left"
            inputPlaceholder="Your Business Email"
            buttonText="Send Message"
            termsText="By signing up, you agree to our Terms and Conditions."
            onSubmit={(email) => console.log("Email submitted:", email)}
          />
        </div>
        <div id="footer" data-section="footer">
          <FooterMedia
            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-clean-modern-ai-notetaking-dashboard-i-1771701006792-1be35ae6.png?_wi=3"
            imageAlt="NoteGenius AI Dashboard Footer"
            columns={[
              { title: "Product", items: [{ label: "Features", href: "/#features" }] },
              { title: "Company", items: [] },
              { title: "Resources", items: [{ label: "Blog", href: "/blog" }, { label: "Support", href: "/#faq" }] }
            ]}
            logoText="NoteGenius AI"
            copyrightText="© 2024 NoteGenius AI. All rights reserved."
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
