"use client";

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

export default function ToursPage() {
  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="tours" data-section="tours">
        <ProductCardThree
          products={[
            { id: "1", name: "Beginner Surf Lesson Package", price: "$50", imageSrc: "http://img.b2bpic.net/free-photo/hobby_273609-17711.jpg", imageAlt: "Group surf lesson on the beach" },
            { id: "2", name: "La Union Food Crawl Tour", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-fries_23-2149455106.jpg", imageAlt: "Variety of Filipino street food" },
            { id: "3", name: "Tangadan Falls Adventure Trek", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-holding-her-friend_23-2147617419.jpg", imageAlt: "People trekking to a waterfall" },
            { id: "4", name: "Grape Farm & Winery Visit", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/male-courier-carrying-backpack-waiting-produce-order_482257-77588.jpg", imageAlt: "Tourists at a grape farm" },
            { id: "5", name: "Local Pottery Workshop", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/talented-woman-doing-pottery_23-2151708999.jpg", imageAlt: "Hands molding clay in a pottery workshop" },
            { id: "6", name: "Sunset Coastal Cruise", price: "$80", imageSrc: "http://img.b2bpic.net/free-photo/boats-shipping-sea-sunset_1153-5038.jpg", imageAlt: "Boat cruising during sunset on the coast" }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="Curated La Union Adventures"
          description="Dive into unique experiences, from surfing lessons to cultural tours and culinary journeys, designed for every explorer."
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </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>
  );
}