"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SplitAbout from '@/components/sections/about/SplitAbout';
import { Edit, FileText, Link, Mic } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="largeSizeMediumTitles"
        background="none"
        cardStyle="subtle-shadow"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Plan",
          id: "/plan",
        },
        {
          name: "Settings",
          id: "/settings",
        },
        {
          name: "Account",
          id: "/account",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/education-business-logo-template-branding-design-vector-learning-institution-text_53876-151216.jpg"
      logoAlt="StudyBalance Logo"
      brandName="StudyBalance"
      bottomLeftText="💰 Streaks"
      bottomRightText="❓ Help"
      button={{
        text: "Log In",
        href: "/account",
      }}
    />
  </div>

  <div id="upload-options" data-section="upload-options">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Upload Files",
          description: "Easily upload documents, PDFs, images, and other study materials directly from your device.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-woman-with-laptop-reading-book_23-2147779314.jpg",
            imageAlt: "Upload Files",
          },
          items: [
            {
              icon: UploadCloud,
              text: "Drag & Drop support",
            },
            {
              icon: FileText,
              text: "Supports various formats",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-vector/education-business-logo-template-branding-design-vector-learning-institution-text_53876-151216.jpg?_wi=3",
          imageAlt: "add study materials interface pastel",
        },
        {
          title: "Paste Content",
          description: "Quickly paste text snippets, notes, or articles from any source into your StudyBalance workspace.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/young-woman-taking-notes-outdoors-while-using-laptop_23-2149342439.jpg",
            imageAlt: "Paste Content",
          },
          items: [
            {
              icon: ClipboardPaste,
              text: "Instant content import",
            },
            {
              icon: Edit,
              text: "Automatic formatting",
            },
          ],
          reverse: true,
          imageSrc: "http://img.b2bpic.net/free-photo/filing-taxes-smartphone_23-2151953952.jpg?_wi=4",
          imageAlt: "add study materials interface pastel",
        },
        {
          title: "Link External Resources",
          description: "Integrate web links, online articles, videos, and research papers seamlessly into your study plans.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/online-collage-application-document-form-concept_53876-127413.jpg",
            imageAlt: "Link External Resources",
          },
          items: [
            {
              icon: Link,
              text: "Bookmark web pages",
            },
            {
              icon: Youtube,
              text: "Embed videos",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/employee-putting-sticky-notes-laptop-screen-as-work-reminder-company-office-manager-using-adhesive-post-it-paper-display-remember-business-schedule-presentation-close-up_482257-33914.jpg?_wi=4",
          imageAlt: "add study materials interface pastel",
        },
        {
          title: "Voice Input",
          description: "Record audio notes or dictate text directly into your study materials for hands-free convenience.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/enjoyment-activities-festivities-movies-pastime_53876-21360.jpg",
            imageAlt: "Voice Input",
          },
          items: [
            {
              icon: Mic,
              text: "Speech-to-text",
            },
            {
              icon: Waveform,
              text: "Audio recording",
            },
          ],
          reverse: true,
          imageSrc: "http://img.b2bpic.net/free-photo/worker-examines-phone-with-greenscreen_482257-76605.jpg?_wi=3",
          imageAlt: "add study materials interface pastel",
        },
      ]}
      title="Add Study Materials Your Way"
      description="StudyBalance offers multiple convenient options to bring all your learning content into one organized place."
    />
  </div>

  <div id="upload-guide" data-section="upload-guide">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      title="A Simple Guide to Uploading & Organizing"
      description="Our intuitive interface makes it easy to integrate all your study materials, regardless of their format. Follow these simple steps to start building your personalized knowledge base with StudyBalance."
      bulletPoints={[
        {
          title: "Select Method",
          description: "Choose between uploading files, pasting text, linking external URLs, or using voice input.",
        },
        {
          title: "Add Content",
          description: "Follow the prompts for your chosen method to import your study material.",
        },
        {
          title: "Organize & Tag",
          description: "Categorize and tag your new materials for easy retrieval and integration into study plans.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/flowchart-information-methodology-operation-icon_53876-133778.jpg"
      imageAlt="Guide to uploading and organizing study materials"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="main-footer" data-section="main-footer">
      <FooterBaseReveal
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7zpdi0"
      logoAlt="StudyBalance Logo"
      logoText="StudyBalance"
      columns={[
        {
          title: "Platform",
          items: [
            {
              label: "Home",
              href: "/",
            },
            {
              label: "Plan",
              href: "/plan",
            },
            {
              label: "Settings",
              href: "/settings",
            },
            {
              label: "Account",
              href: "/account",
            },
          ],
        },
        {
          title: "Resources",
          items: [
            {
              label: "Upload Materials",
              href: "/upload",
            },
            {
              label: "Educational Games",
              href: "/#about-games",
            },
            {
              label: "Help & Support",
              href: "#",
            },
            {
              label: "FAQ",
              href: "/#faq-general",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#",
            },
            {
              label: "Careers",
              href: "#",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 StudyBalance. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
