"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import BlogCardTwo from "@/components/sections/blog/BlogCardTwo";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";

export default function StoriesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="mediumLargeSizeMediumTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="La Union Escapes"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "#about" },
            { name: "Experiences", id: "#experiences" },
            { name: "Tours", id: "/tours" },
            { name: "Stories", id: "/stories" },
            { name: "Contact", id: "#contact" }
          ]}
          logoSrc="http://img.b2bpic.net/free-photo/summer-smoothie-coconut_23-2147810601.jpg"
          logoAlt="la union philippines travel logo"
          bottomLeftText="Explore the Philippines"
          bottomRightText="experience@launion.ph"
          button={{
            text: "Book Now",            href: "#contact"
          }}
        />
      </div>

      <div id="stories" data-section="stories">
        <BlogCardTwo
          animationType="slide-up"
          title="Elyu Travel Guides & Stories"
          description="Stay updated with the latest travel tips, hidden gems, and local stories from La Union."
          textboxLayout="default"
          useInvertedBackground={true}
          blogs={[
            { id: "1", category: "Adventure", title: "Top 5 Surf Spots in San Juan", excerpt: "Discover the best waves and breaks for all skill levels in La Union's surfing capital.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-with-surfboard-ocean_1321-4188.jpg", imageAlt: "Surfer catching a wave in San Juan", authorName: "Ana Reyes", authorAvatar: "http://img.b2bpic.net/free-photo/kindergarten-teacher-explaining-earth-globe_23-2148633352.jpg", date: "July 15, 2024" },
            { id: "2", category: "Food", title: "A Guide to La Union's Must-Try Dishes", excerpt: "Embark on a culinary journey through La Union's vibrant food scene, from street food to fine dining.", imageSrc: "http://img.b2bpic.net/free-photo/shredded-chicken-french-fries-with-side-salad-toast_1150-23162.jpg", imageAlt: "Variety of Filipino street food dishes", authorName: "Carlo Mendoza", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg", date: "August 1, 2024" },
            { id: "3", category: "Travel Tips", title: "Beyond the Beach: Hidden Gems of La Union", excerpt: "Explore the lesser-known attractions and unique experiences that make La Union truly special.", imageSrc: "http://img.b2bpic.net/free-photo/red-haired-girl-smiles-because-sun-strokes-her-cheeks_8353-9131.jpg", imageAlt: "Cozy coffee shop interior in La Union", authorName: "Sofia Garcia", authorAvatar: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-looking-up-thinking-positive-smiling-broadly_141793-55034.jpg", date: "August 10, 2024" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          logoText="La Union Escapes"
          columns={[
            { title: "Explore", items: [{ label: "Destinations", href: "#experiences" }, { label: "Activities", href: "/tours" }, { label: "Blogs", href: "/stories" }] },
            { title: "About Us", items: [{ label: "Our Story", href: "#about" }, { label: "Contact", href: "#contact" }] },
            { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
          ]}
          copyrightText="© 2024 La Union Escapes. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
