"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Newspaper } from "lucide-react";

export default function BlogPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="large"
      background="floatingGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Articles", id: "blog" },
            { name: "Categories", id: "categories" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Subscribe", href: "newsletter" }}
          brandName="BlogHub"
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroCentered
          title="Welcome to BlogHub"
          description="Discover insightful articles, expert perspectives, and inspiring stories across technology, design, business, lifestyle, travel, and culinary arts."
          background={{ variant: "gradient-bars" }}
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Author 1" },
            { src: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", alt: "Author 2" },
            { src: "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", alt: "Author 3" }
          ]}
          avatarText="Trusted by 10,000+ readers"
          buttons={[
            { text: "Start Reading", href: "blog" },
            { text: "Join Community", href: "newsletter" }
          ]}
        />
      </div>
      
      <div id="blog" data-section="blog">
        <BlogCardTwo
          blogs={[
            {
              id: "1",              category: ["Technology", "AI"],
              title: "The Future of Artificial Intelligence in 2025",              excerpt: "Explore how AI is transforming industries and what innovations to expect this year",              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: "AI and technology",              authorName: "Alex Chen",              authorAvatar: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              date: "15 Jan 2025"
            },
            {
              id: "2",              category: ["Design", "UX"],
              title: "Mastering User Experience Design Principles",              excerpt: "Learn the fundamental principles that create intuitive and beautiful digital products",              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: "Design and UX",              authorName: "Sarah Williams",              authorAvatar: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              date: "12 Jan 2025"
            },
            {
              id: "3",              category: ["Business", "Strategy"],
              title: "Building Sustainable Business Models",              excerpt: "Strategies for creating long-term value while maintaining environmental responsibility",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-with-glasses-cafe_273609-3980.jpg",              imageAlt: "Business strategy",              authorName: "Michael Rodriguez",              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: "10 Jan 2025"
            },
            {
              id: "4",              category: ["Lifestyle", "Wellness"],
              title: "Daily Habits for a Healthier Life",              excerpt: "Simple yet effective routines to boost your physical and mental well-being",              imageSrc: "https://img.b2bpic.net/free-photo/man-is-using-laptop-books-notebook-top-view_169016-49211.jpg",              imageAlt: "Wellness and health",              authorName: "Emma Thompson",              authorAvatar: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              date: "8 Jan 2025"
            },
            {
              id: "5",              category: ["Travel", "Adventure"],
              title: "Hidden Gems: Off-the-Beaten-Path Destinations",              excerpt: "Discover unique travel experiences beyond typical tourist attractions",              imageSrc: "https://img.b2bpic.net/free-photo/coworking-space-freelance-elearning-concept-top-view-male-hands-holding-cup-coffee-using_1258-245320.jpg",              imageAlt: "Travel and adventure",              authorName: "James Park",              authorAvatar: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              date: "5 Jan 2025"
            },
            {
              id: "6",              category: ["Food", "Recipes"],
              title: "Farm-to-Table Cooking: A Complete Guide",              excerpt: "Learn how to source ingredients locally and create delicious sustainable meals",              imageSrc: "https://img.b2bpic.net/free-photo/hands-writing-notebook_1150-162.jpg",              imageAlt: "Food and cooking",              authorName: "Olivia Grant",              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: "2 Jan 2025"
            }
          ]}
          title="Latest Articles"
          description="Explore our collection of thoughtfully curated articles covering diverse topics and industries"
          tag="Featured"
          tagIcon={Newspaper}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          carouselMode="buttons"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Stay Updated with Our Newsletter"
          description="Subscribe to receive the latest articles, exclusive insights, and community updates delivered straight to your inbox. Join thousands of readers who are already discovering great content."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email Address", required: true }
          ]}
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-vector/mailbox-social-influencer-background_23-2148013749.jpg"
          imageAlt="Newsletter subscription illustration"
          mediaPosition="right"
          buttonText="Subscribe Now"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="BlogHub"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Terms of Service", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}