"use client"

import { BookOpen, Mail, Newspaper } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="mediumLargeSizeMediumTitles"
      background="circleGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="BlogHub"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Articles", id: "featured" },
            { name: "Subscribe", id: "newsletter" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Welcome to BlogHub"
          description="Discover insightful articles on technology, design, marketing, and digital innovation. Stay informed with our expertly curated content delivered fresh every week."
          tag="Featured Content"
          tagIcon={BookOpen}
          background={{ variant: "canvas-reveal" }}
          imageSrc="https://img.b2bpic.net/free-photo/young-woman-with-glasses-cafe_273609-3980.jpg"
          imageAlt="Blog workspace with writing and creative tools"
          buttons={[
            { text: "Browse Articles", href: "featured" },
            { text: "Subscribe Now", href: "newsletter" }
          ]}
        />
      </div>

      <div id="featured" data-section="featured">
        <BlogCardThree
          title="Featured Articles"
          description="Stay updated with our latest insights, industry trends, and expert perspectives on digital transformation and creative strategies."
          tag="Blog"
          tagIcon={Newspaper}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          blogs={[
            {
              id: "1",              category: "Technology",              title: "The Future of AI in Content Creation",              excerpt: "Explore how artificial intelligence is revolutionizing the way we create, distribute, and consume digital content in 2025.",              imageSrc: "https://img.b2bpic.net/free-photo/fingers-opening-future_1134-120.jpg",              imageAlt: "AI and technology innovation",              authorName: "Sarah Chen",              authorAvatar: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              date: "Jan 20, 2025"
            },
            {
              id: "2",              category: "Design",              title: "Minimalism in Web Design: Less is More",              excerpt: "Learn how to create stunning web experiences by embracing minimalist design principles and focusing on user-centric interfaces.",              imageSrc: "https://img.b2bpic.net/free-vector/high-tech-futuristic-lines-technology-banner_1017-23966.jpg",              imageAlt: "Minimalist web design interface",              authorName: "Marcus Rodriguez",              authorAvatar: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              date: "Jan 18, 2025"
            },
            {
              id: "3",              category: "Marketing",              title: "Content Strategy for Social Media Growth",              excerpt: "Discover proven tactics and frameworks for building an engaged community and scaling your social media presence organically.",              imageSrc: "https://img.b2bpic.net/free-photo/futuristic-presentation-by-businesswoman-white_53876-102330.jpg",              imageAlt: "Social media marketing strategy",              authorName: "Emma Thompson",              authorAvatar: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              date: "Jan 15, 2025"
            },
            {
              id: "4",              category: "Productivity",              title: "Tools & Techniques for Peak Productivity",              excerpt: "Master your workflow with curated tools, time management techniques, and habits that boost creativity and output.",              imageSrc: "https://img.b2bpic.net/free-photo/digital-blue-hud-interface-laptop-concept_53876-64973.jpg",              imageAlt: "Productivity tools and workflows",              authorName: "Sarah Chen",              authorAvatar: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              date: "Jan 12, 2025"
            },
            {
              id: "5",              category: "Development",              title: "Modern Web Development Best Practices",              excerpt: "Essential patterns, frameworks, and methodologies for building scalable, maintainable, and performant web applications.",              imageSrc: "https://img.b2bpic.net/free-photo/woman-touching-power-button-virtual-screen-smart-home-technology_53876-104196.jpg",              imageAlt: "Web development coding practices",              authorName: "Marcus Rodriguez",              authorAvatar: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              date: "Jan 10, 2025"
            },
            {
              id: "6",              category: "SEO",              title: "SEO in 2025: Ranking Beyond Keywords",              excerpt: "Unlock the secrets of modern search optimization with focus on user experience, topical authority, and E-E-A-T signals.",              imageSrc: "https://img.b2bpic.net/free-vector/abstract-technology-science-background-with-connecting-lines_1017-22915.jpg",              imageAlt: "SEO optimization and search ranking",              authorName: "Emma Thompson",              authorAvatar: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              date: "Jan 8, 2025"
            }
          ]}
        />
      </div>

      <div id="newsletter" data-section="newsletter">
        <ContactCenter
          tag="Newsletter"
          tagIcon={Mail}
          title="Never Miss an Article"
          description="Subscribe to our weekly newsletter and get the best articles delivered straight to your inbox. Plus, get exclusive insights from our team."
          background={{ variant: "rotated-rays-animated" }}
          useInvertedBackground="invertDefault"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time. We'll only send you valuable content and never spam."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="BlogHub"
          columns={[
            {
              items: [
                { label: "Home", href: "hero" },
                { label: "Articles", href: "featured" },
                { label: "Subscribe", href: "newsletter" }
              ]
            },
            {
              items: [
                { label: "About Us", href: "#" },
                { label: "Contact", href: "#" },
                { label: "Contribute", href: "#" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Sitemap", href: "#" }
              ]
            },
            {
              items: [
                { label: "Twitter", href: "https://twitter.com" },
                { label: "LinkedIn", href: "https://linkedin.com" },
                { label: "Instagram", href: "https://instagram.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}