"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { ArrowRight } from "lucide-react";

export default function LandingPage() {
  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: "#home" },
            { 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="home" data-section="home">
        <HeroBillboardGallery
          title="Discover the Charms of La Union, Philippines"
          description="Surf, Savor, and Explore in the Philippines' Favorite Coastal Province. Your unforgettable adventure begins here."
          background={{
            variant: "radial-gradient"
          }}
          buttons={[
            { text: "Plan Your Trip", href: "#contact" },
            { text: "Explore Destinations", href: "#experiences" }
          ]}
          mediaItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/silhouette-surfer-walking-towards-sea_23-2147642596.jpg", imageAlt: "Surfers on San Juan Beach at sunset" },
            { imageSrc: "http://img.b2bpic.net/free-photo/stunning-view-from-vineyard-with-grapevines-nature_23-2151514871.jpg", imageAlt: "Grape farm in La Union" },
            { imageSrc: "http://img.b2bpic.net/free-photo/male-female-tourists-are-enjoying-forest_1150-5692.jpg", imageAlt: "Tangadan Falls in La Union" },
            { imageSrc: "http://img.b2bpic.net/free-photo/people-enjoying-mexican-barbecue_23-2151000268.jpg", imageAlt: "Local food market with various Filipino dishes" },
            { imageSrc: "http://img.b2bpic.net/free-photo/food-drinks-guitar-beach_23-2147642619.jpg", imageAlt: "Flotsam and Jetsam Hostel vibrant ambiance" },
            { imageSrc: "http://img.b2bpic.net/free-photo/montreal-dusk-with-urban-skyscrapers-viewed-from-mont-royal_649448-2486.jpg", imageAlt: "San Fernando City view, La Union" }
          ]}
          mediaAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="Welcome to the Surfing Capital of the North"
          useInvertedBackground={true}
          text="La Union, fondly known as 'Elyu', is a vibrant coastal province in the Philippines, celebrated for its consistent waves, bustling food scene, and warm community. From the sandy beaches of San Juan to the scenic grape farms and ancient churches, La Union offers a diverse range of experiences for every traveler. We invite you to immerse yourself in its unique blend of adventure and relaxation."
          buttons={[
            { text: "Our Story", href: "#" }
          ]}
        />
      </div>

      <div id="experiences" data-section="experiences">
        <FeatureCardTwentySix
          title="Experience the Best of Elyu"
          description="La Union is a treasure trove of activities, from thrilling surf breaks to serene natural wonders and rich cultural sites."
          features={[
            { title: "Surfing Adventures", description: "Catch the perfect wave in San Juan, suitable for beginners and seasoned surfers alike.", imageSrc: "http://img.b2bpic.net/free-photo/surfer-ocean-cropped-image-active-girl-dressed-bathingsuit-sits-warm-sand_273609-17651.jpg", imageAlt: "Surfing lesson in San Juan, La Union", buttonIcon: ArrowRight },
            { title: "Culinary Journeys", description: "Savor local delicacies, fresh seafood, and vibrant street food from diverse gastronomic spots.", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-garlic-powder-wooden-board_140725-2405.jpg", imageAlt: "Table of Filipino cuisine", buttonIcon: ArrowRight },
            { title: "Nature Escapes", description: "Explore lush waterfalls, serene grape farms, and scenic trails for a refreshing outdoor adventure.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-backpack-admiring-exploring-nature_23-2148647992.jpg", imageAlt: "Hiking trail through a lush forest", buttonIcon: ArrowRight },
            { title: "Cultural Immersion", description: "Discover local arts, crafts, and historical sites that tell the rich story of La Union.", imageSrc: "http://img.b2bpic.net/free-photo/blurry-woman-painting-clay-pot_23-2148944926.jpg", imageAlt: "Pottery workshop with local artisan", buttonIcon: ArrowRight }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </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="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            { id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-carrying-woman_23-2149002994.jpg", imageAlt: "Sarah Johnson, a happy tourist", quote: "An absolutely incredible experience! La Union truly captured my heart." },
            { id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/hobby-leisure-adventure-young-surfer-with-cute-smile-carrying-his-surf-board-his-arm-looking-ocean-having-happy-expression_273609-1738.jpg", imageAlt: "Michael Chen, a satisfied traveler", quote: "The waves were fantastic, and the local food was a delightful surprise." },
            { id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/teenager-girls-having-fun-summer_23-2149031451.jpg", imageAlt: "Emily Rodriguez, enjoying her trip", quote: "Every moment was filled with joy and adventure. Can't wait to return!" },
            { id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-friends-walking-outdoors-beach_171337-15634.jpg", imageAlt: "David Kim, family vacationer", quote: "Perfect family getaway. The kids loved the beach, and we enjoyed the culture." },
            { id: "5", name: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-sunset-mountain_23-2148579607.jpg", imageAlt: "Jessica Lee, solo adventurer", quote: "As a solo traveler, I felt safe and welcomed. La Union is a gem!" },
            { id: "6", name: "Marko Santos", imageSrc: "http://img.b2bpic.net/free-photo/guest-checkin-reception-service_482257-80034.jpg", imageAlt: "Marko Santos, local guide", quote: "The tours were well-organized, and the guides were so knowledgeable." }
          ]}
          cardTitle="What Our Visitors Say"
          cardTag="Memorable Journeys"
          cardAnimation="slide-up"
          useInvertedBackground={false}
        />
      </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="contact" data-section="contact">
        <ContactText
          text="Ready for Your La Union Escape? Get in touch with us to start planning your perfect itinerary or for any inquiries. We're here to help!"
          animationType="entrance-slide"
          buttons={[
            { text: "Contact Us Now", href: "mailto:experience@launion.ph" }
          ]}
          background={{
            variant: "plain"
          }}
          useInvertedBackground={false}
        />
      </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>
  );
}
