"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSignup from '@/components/sections/hero/HeroSignup';
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { BookOpen, PenTool } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeLargeTitles"
      background="floatingGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Articles", id: "articles" },
            { name: "Categories", id: "categories" },
            { name: "Newsletter", id: "newsletter" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Stories"
          bottomLeftText="Content Hub"
          bottomRightText="hello@stories.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSignup
          title="Discover Stories That Matter"
          description="Explore insightful articles on design, technology, and creative strategy. Subscribe to get the latest updates delivered straight to your inbox."
          tag="Welcome to Our Blog"
          tagIcon={BookOpen}
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          background={{ variant: "sparkles-gradient" }}
        />
      </div>

      <div id="articles" data-section="articles">
        <BlogCardOne
          title="Latest Articles"
          description="Stay updated with our curated collection of thought-provoking content"
          tag="Blog"
          tagIcon={PenTool}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          carouselMode="buttons"
          blogs={[
            {
              id: "1",              category: "Design",              title: "The Evolution of Modern Web Design",              excerpt: "Discover the key principles that shape contemporary web design and how to apply them to your projects.",              imageSrc: "https://img.b2bpic.net/free-photo/overhead-view-businesswoman-working-computer-office-place-your-text-ideal-blog-flat-lay-white-background_639032-1378.jpg",              imageAlt: "Modern web design showcase",              authorName: "Sarah Mitchell",              authorAvatar: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              date: "March 15, 2025"
            },
            {
              id: "2",              category: "Technology",              title: "Getting Started with Next.js and React",              excerpt: "A comprehensive guide to building fast, scalable web applications with Next.js and modern React patterns.",              imageSrc: "https://img.b2bpic.net/free-photo/cropped-top-view-male-hands-man-typing-laptop-keyboard-working-cafe-sitting-round-table_1258-245340.jpg",              imageAlt: "React development",              authorName: "James Chen",              authorAvatar: "https://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",              date: "March 12, 2025"
            },
            {
              id: "3",              category: "Marketing",              title: "Content Strategy That Converts",              excerpt: "Learn how to craft compelling content that resonates with your audience and drives meaningful engagement.",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-with-glasses-cafe_273609-3980.jpg",              imageAlt: "Content marketing strategy",              authorName: "Emma Rodriguez",              authorAvatar: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              date: "March 10, 2025"
            },
            {
              id: "4",              category: "Writing",              title: "The Art of Storytelling in Digital Media",              excerpt: "Explore techniques for creating narratives that captivate readers and leave lasting impressions.",              imageSrc: "https://img.b2bpic.net/free-photo/man-is-using-laptop-books-notebook-top-view_169016-49211.jpg",              imageAlt: "Digital storytelling",              authorName: "Michael Davis",              authorAvatar: "https://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",              date: "March 8, 2025"
            },
            {
              id: "5",              category: "Social Media",              title: "Mastering Social Media Analytics",              excerpt: "Deep dive into metrics that matter and how to measure the true impact of your social media efforts.",              imageSrc: "https://img.b2bpic.net/free-photo/coworking-space-freelance-elearning-concept-top-view-male-hands-holding-cup-coffee-using_1258-245320.jpg",              imageAlt: "Analytics dashboard",              authorName: "Lisa Wang",              authorAvatar: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",              date: "March 5, 2025"
            },
            {
              id: "6",              category: "SEO",              title: "SEO Best Practices for 2025",              excerpt: "Stay ahead of the curve with the latest search engine optimization strategies and ranking factors.",              imageSrc: "https://img.b2bpic.net/free-photo/hands-writing-notebook_1150-162.jpg",              imageAlt: "SEO optimization",              authorName: "David Thompson",              authorAvatar: "https://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",              date: "March 1, 2025"
            }
          ]}
        />
      </div>

      <div id="newsletter" data-section="newsletter">
        <ContactText
          text="Join our community of 10,000+ readers who get weekly insights delivered straight to their inbox. Subscribe now and never miss an update."
          animationType="entrance-slide"
          buttons={[
            {
              text: "Subscribe to Newsletter",              href: "#newsletter"
            }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Content",              items: [
                { label: "All Articles", href: "#articles" },
                { label: "Categories", href: "#categories" },
                { label: "Archives", href: "#archives" },
                { label: "Trending", href: "#trending" }
              ]
            },
            {
              title: "Community",              items: [
                { label: "Newsletter", href: "#newsletter" },
                { label: "Submit Article", href: "#submit" },
                { label: "Guest Writers", href: "#writers" },
                { label: "Feedback", href: "#feedback" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "About Us", href: "#about" },
                { label: "Contact", href: "#contact" },
                { label: "Privacy Policy", href: "#privacy" },
                { label: "Terms of Service", href: "#terms" }
              ]
            }
          ]}
          copyrightText="© 2025 Stories. All rights reserved. Crafted with passion for storytellers."
        />
      </div>
    </ThemeProvider>
  );
}