"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { BookOpen, FolderOpen, Heart, Megaphone, MessageSquare, Newspaper, Palette, TrendingUp, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="largeSmall"
      background="circleGradient"
      cardStyle="solid"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Articles", id: "blog" },
            { name: "Categories", id: "features" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Subscribe", href: "contact" }}
          brandName="BlogHub"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          title="Discover Inspiring Stories and Insights"
          description="Explore our curated collection of articles covering technology, design, business, and lifestyle. Stay informed with the latest trends and expert perspectives."
          tag="Welcome to BlogHub"
          tagIcon={BookOpen}
          background={{ variant: "plain" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/working-office_1150-120.jpg",              imageAlt: "Blog writing and content creation"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/topview-workplace-with-laptop-coffee-wooden-background_23-2148205621.jpg",              imageAlt: "Technology and innovation"
            }
          ]}
          rating={5}
          ratingText="Trusted by 50K+ readers monthly"
          buttons={[
            { text: "Read Latest", href: "blog" },
            { text: "Browse Categories", href: "features" }
          ]}
        />
      </div>

      <div id="blog" data-section="blog">
        <BlogCardTwo
          title="Latest Articles"
          description="Stay updated with our most recent content across all categories"
          tag="Articles"
          tagIcon={Newspaper}
          blogs={[
            {
              id: "1",              category: ["Technology", "Innovation"],
              title: "The Future of AI in Content Creation",              excerpt: "Exploring how artificial intelligence is revolutionizing the way we create, curate, and consume digital content in 2025.",              imageSrc: "https://img.b2bpic.net/free-photo/topview-workplace-with-laptop-coffee-wooden-background_23-2148205621.jpg",              imageAlt: "AI and technology innovation",              authorName: "Sarah Mitchell",              authorAvatar: "https://img.b2bpic.net/free-photo/blonde-businesswoman-portrait-with-copy-space_1194-633470.jpg",              date: "March 15, 2025"
            },
            {
              id: "2",              category: ["Design", "UX"],
              title: "Minimalist Design Principles That Work",              excerpt: "Learn how to apply minimalist design concepts to create cleaner, more focused user experiences that drive engagement.",              imageSrc: "https://img.b2bpic.net/free-photo/working-office_1150-112.jpg",              imageAlt: "Minimalist design workspace",              authorName: "James Chen",              authorAvatar: "https://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg",              date: "March 12, 2025"
            },
            {
              id: "3",              category: ["Business", "Strategy"],
              title: "Building a Sustainable Business Model",              excerpt: "Strategies for creating long-term business growth while maintaining ethical practices and environmental responsibility.",              imageSrc: "https://img.b2bpic.net/free-photo/keyboard-spiral-notepad-coffee-cup-eyeglasses-pen-wooden-desk_23-2148042064.jpg",              imageAlt: "Business growth and strategy",              authorName: "Emma Rodriguez",              authorAvatar: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              date: "March 10, 2025"
            },
            {
              id: "4",              category: ["Marketing", "Content"],
              title: "Content Marketing Strategies for 2025",              excerpt: "Discover the latest content marketing tactics that resonate with modern audiences and drive measurable business results.",              imageSrc: "https://img.b2bpic.net/free-photo/early-mornings-office_1122-2727.jpg",              imageAlt: "Digital marketing and content strategy",              authorName: "David Zhang",              authorAvatar: "https://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",              date: "March 8, 2025"
            },
            {
              id: "5",              category: ["Lifestyle", "Wellness"],
              title: "Remote Work: Tips for Work-Life Balance",              excerpt: "Practical strategies to maintain productivity and well-being while working from home in the modern remote-first era.",              imageSrc: "https://img.b2bpic.net/free-photo/person-writing-office_53876-94944.jpg",              imageAlt: "Remote work and wellness",              authorName: "Sarah Mitchell",              authorAvatar: "https://img.b2bpic.net/free-photo/blonde-businesswoman-portrait-with-copy-space_1194-633470.jpg",              date: "March 5, 2025"
            },
            {
              id: "6",              category: ["Productivity", "Tools"],
              title: "Essential Tools for Modern Professionals",              excerpt: "A comprehensive guide to the best productivity tools and software that can enhance your workflow and team collaboration.",              imageSrc: "https://img.b2bpic.net/free-photo/from-notebook-glasses-near-laptop_23-2147768820.jpg",              imageAlt: "Productivity tools and workspace",              authorName: "James Chen",              authorAvatar: "https://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg",              date: "March 1, 2025"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureBorderGlow
          title="Explore by Category"
          description="Find articles organized by topics that matter to you"
          tag="Categories"
          tagIcon={FolderOpen}
          features={[
            {
              icon: Zap,
              title: "Technology",              description: "Latest trends in software, AI, and digital innovation"
            },
            {
              icon: Palette,
              title: "Design",              description: "Creative inspiration and UX/UI best practices"
            },
            {
              icon: TrendingUp,
              title: "Business",              description: "Entrepreneurship, strategy, and growth insights"
            },
            {
              icon: Megaphone,
              title: "Marketing",              description: "Content strategies and digital marketing tactics"
            },
            {
              icon: Heart,
              title: "Lifestyle",              description: "Wellness, productivity, and personal development"
            },
            {
              icon: BookOpen,
              title: "Learning",              description: "Educational resources and skill development"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardOne
          title="What Our Readers Say"
          description="Real feedback from our engaged community of readers"
          tag="Testimonials"
          tagIcon={MessageSquare}
          testimonials={[
            {
              id: "1",              name: "Lisa Anderson",              role: "Marketing Director",              company: "Creative Agency",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-chair-with-book_23-2148294005.jpg",              imageAlt: "Lisa Anderson"
            },
            {
              id: "2",              name: "Michael Torres",              role: "Product Manager",              company: "Tech Startup",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-warm-white-hoodie-home-kitchen-reads-book-morning_343596-7234.jpg",              imageAlt: "Michael Torres"
            },
            {
              id: "3",              name: "Jessica Lee",              role: "Content Strategist",              company: "Digital Media",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-blonde-beautiful-woman-reading_23-2148396338.jpg",              imageAlt: "Jessica Lee"
            },
            {
              id: "4",              name: "Robert Martinez",              role: "CEO",              company: "Growth Company",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/woman-enjoying-her-free-time-with-book_1098-1677.jpg",              imageAlt: "Robert Martinez"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Subscribe to Our Newsletter"
          description="Get the latest articles, insights, and exclusive content delivered straight to your inbox. Join thousands of readers who stay informed."
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Your Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "your@email.com",              required: true
            }
          ]}
          textarea={{
            name: "interests",            placeholder: "Which topics interest you most? (Technology, Design, Business, Marketing, Lifestyle, Learning)",            rows: 3,
            required: false
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/working-office_1150-120.jpg"
          imageAlt="Newsletter subscription"
          mediaPosition="right"
          buttonText="Subscribe Now"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="BlogHub"
          columns={[
            {
              items: [
                { label: "Home", href: "hero" },
                { label: "All Articles", href: "blog" },
                { label: "Categories", href: "features" }
              ]
            },
            {
              items: [
                { label: "About Us", href: "about" },
                { label: "Contact", href: "contact" },
                { label: "Subscribe", href: "contact" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            },
            {
              items: [
                { label: "Twitter", href: "#" },
                { label: "LinkedIn", href: "#" },
                { label: "Facebook", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}