"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterCard from '@/components/sections/footer/FooterCard';
import { BookOpen, Mail, Newspaper, Twitter, Linkedin, Instagram } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSmallSizeMediumTitles"
      background="none"
      cardStyle="glass-depth"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Chronicles"
          navItems={[
            { name: "Home", id: "home" },
            { name: "Articles", id: "blog" },
            { name: "Categories", id: "categories" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Thoughtful Writing"
          bottomRightText="hello@chronicles.com"
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Welcome to Chronicles"
          description="Explore stories, insights, and perspectives from writers passionate about their craft. Discover articles across technology, design, lifestyle, and more."
          tag="Start Reading"
          tagIcon={BookOpen}
          imageSrc="https://img.b2bpic.net/free-photo/working-office_1150-120.jpg"
          imageAlt="Blog writing workspace"
          background={{ variant: "plain" }}
          buttons={[
            { text: "Explore Articles", href: "blog" },
            { text: "Subscribe", href: "contact" }
          ]}
        />
      </div>
      
      <div id="blog" data-section="blog">
        <BlogCardTwo
          title="Latest Articles"
          description="Curated stories and insights to inspire your next read"
          tag="Blog"
          tagIcon={Newspaper}
          blogs={[
            {
              id: "1",              category: ["Technology", "Innovation"],
              title: "The Future of Artificial Intelligence",              excerpt: "Exploring how AI is reshaping industries and what it means for the future of work.",              imageSrc: "https://img.b2bpic.net/free-photo/workspace-with-office-supplies_140725-23238.jpg",              imageAlt: "AI Technology",              authorName: "Sarah Mitchell",              authorAvatar: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              date: "15 Jan 2025"
            },
            {
              id: "2",              category: ["Design", "Creativity"],
              title: "Design Trends That Define 2025",              excerpt: "A comprehensive look at emerging design philosophies and visual trends shaping digital experiences.",              imageSrc: "https://img.b2bpic.net/free-photo/traveling-items-arrangement-top-view_23-2148909612.jpg",              imageAlt: "Design Inspiration",              authorName: "Marcus Chen",              authorAvatar: "https://img.b2bpic.net/free-photo/young-man-posing-with-black-jacket-white-t-shirt_343059-1283.jpg",              date: "12 Jan 2025"
            },
            {
              id: "3",              category: ["Lifestyle", "Wellness"],
              title: "Mindfulness in the Digital Age",              excerpt: "Finding peace and balance while navigating our hyper-connected world.",              imageSrc: "https://img.b2bpic.net/free-photo/keyboard-spiral-notepad-coffee-cup-eyeglasses-pen-wooden-desk_23-2148042064.jpg",              imageAlt: "Wellness and Balance",              authorName: "Elena Rodriguez",              authorAvatar: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              date: "10 Jan 2025"
            },
            {
              id: "4",              category: ["Business", "Growth"],
              title: "Building Sustainable Startups",              excerpt: "Strategies for creating profitable businesses while maintaining ethical practices and environmental responsibility.",              imageSrc: "https://img.b2bpic.net/free-photo/from-notebook-glasses-near-laptop_23-2147768820.jpg",              imageAlt: "Business Strategy",              authorName: "James Williams",              authorAvatar: "https://img.b2bpic.net/free-photo/beautiful-middle-aged-businesswoman-standing-looking-away_74855-8812.jpg",              date: "8 Jan 2025"
            },
            {
              id: "5",              category: ["Travel", "Adventure"],
              title: "Hidden Gems: Off-the-Beaten-Path Destinations",              excerpt: "Discover incredible places that tourists rarely visit and experience authentic local cultures.",              imageSrc: "https://img.b2bpic.net/free-photo/desk-with-work-elements_1150-117.jpg",              imageAlt: "Travel Adventure",              authorName: "Olivia Thompson",              authorAvatar: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",              date: "5 Jan 2025"
            },
            {
              id: "6",              category: ["Food", "Culture"],
              title: "The Art of Slow Cooking",              excerpt: "Mastering traditional cooking techniques and the importance of taking time to prepare meaningful meals.",              imageSrc: "https://img.b2bpic.net/free-photo/topview-workplace-with-laptop-coffee-wooden-background_23-2148205621.jpg",              imageAlt: "Culinary Art",              authorName: "David Park",              authorAvatar: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              date: "2 Jan 2025"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="newsletter" data-section="newsletter">
        <ContactCenter
          tag="Newsletter"
          tagIcon={Mail}
          title="Never Miss a Story"
          description="Subscribe to our newsletter and receive curated articles delivered directly to your inbox every week. Get exclusive insights and behind-the-scenes stories."
          background={{ variant: "plain" }}
          useInvertedBackground="noInvert"
          inputPlaceholder="Your email address"
          buttonText="Subscribe Now"
          termsText="We respect your privacy. Unsubscribe at any time. No spam, just great content."
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Chronicles"
          copyrightText="© 2025 Chronicles. All rights reserved."
          socialLinks={[
            { icon: Twitter, href: "https://twitter.com/chronicles", ariaLabel: "Twitter" },
            { icon: Linkedin, href: "https://linkedin.com/company/chronicles", ariaLabel: "LinkedIn" },
            { icon: Instagram, href: "https://instagram.com/chronicles", ariaLabel: "Instagram" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}