"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Coffee, Leaf, Mountain, Sun, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="mediumSizeLargeTitles"
        background="fluid"
        cardStyle="glass-elevated"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Features",
          id: "features",
        },
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "Testimonials",
          id: "testimonials",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="TL House Puncak"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "gradient-bars",
      }}
      title="Experience Dining Above the Clouds"
      description="Discover breathtaking 360-degree views of lush green paddy fields and witness golden sunsets at the finest hilltop destination in Sungai Petani escape."
      buttons={[
        {
          text: "Plan Your Visit",
          href: "#contact",
        },
        {
          text: "View Menu",
          href: "#menu",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-scenic-shot-sunrise-shrubland-covered-with-snow_181624-11309.jpg"
      mediaAnimation="blur-reveal"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/middle-age-friends-having-fun-food-festival_23-2149490776.jpg",
          alt: "Customer 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-young-couple-toasting-wine-glasses-with-apple-fruits-table_23-2147923012.jpg",
          alt: "Customer 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/christmas-dinner-video-call-new-normal_53876-132330.jpg",
          alt: "Customer 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/middle-age-friends-having-fun-food-festival_23-2149490803.jpg",
          alt: "Customer 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-happy-friends-with-delicious-food_23-2149073106.jpg",
          alt: "Customer 5",
        },
      ]}
      avatarText="Join 900+ happy visitors"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Hilltop View",
          icon: Mountain,
        },
        {
          type: "text-icon",
          text: "Sunset Dining",
          icon: Sun,
        },
        {
          type: "text-icon",
          text: "Fresh Cuisine",
          icon: Coffee,
        },
        {
          type: "text-icon",
          text: "Family Friendly",
          icon: Users,
        },
        {
          type: "text-icon",
          text: "Nature Escape",
          icon: Leaf,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",
          content: "A Serene Escape Above the City",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/dessert-tea-table_1304-4060.jpg",
          alt: "Serene hilltop atmosphere",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSixteen
      textboxLayout="default"
      useInvertedBackground={true}
      negativeCard={{
        items: [
          "Minimal parking space",
          "No waiting area",
          "Limited public amenities",
          "Peak hour traffic",
          "Steep access road",
        ],
      }}
      positiveCard={{
        items: [
          "Sunset viewing deck",
          "Spacious prayer room (surau)",
          "Ample secure parking",
          "Family-friendly environment",
          "Panoramic photo spots",
        ],
      }}
      title="Everything You Need for a Perfect Day"
      description="Relax in our peaceful environment designed for families and sunset lovers."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Authentic Tom Yum",
          price: "RM 18",
          imageSrc: "http://img.b2bpic.net/free-photo/crayfish-soup-with-toasts-corns-black-board-burlap-tablecloth_141793-2906.jpg",
        },
        {
          id: "2",
          name: "Premium Cappuccino",
          price: "RM 12",
          imageSrc: "http://img.b2bpic.net/free-photo/cup-cappuccino-with-chocolate-syrup-flower-latte-art_140725-6925.jpg",
        },
        {
          id: "3",
          name: "Local Breakfast Set",
          price: "RM 15",
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-breakfast-bowl-with-cereal-macarons_23-2148797071.jpg",
        },
        {
          id: "4",
          name: "Nasi Lemak Special",
          price: "RM 14",
          imageSrc: "http://img.b2bpic.net/free-photo/bread-with-honey-grapes_23-2147693760.jpg",
        },
        {
          id: "5",
          name: "Ice Mocha Breeze",
          price: "RM 13",
          imageSrc: "http://img.b2bpic.net/free-photo/coffee-concept-with-cloth-board_23-2147671382.jpg",
        },
        {
          id: "6",
          name: "Traditional Laksa",
          price: "RM 16",
          imageSrc: "http://img.b2bpic.net/free-photo/bowl-hot-soup-with-diced-green-onion-modern-bowl_140725-495.jpg",
        },
      ]}
      title="Exquisite Flavors, Stunning Views"
      description="From local breakfast sets to premium coffee, every meal is crafted for perfection."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={true}
      title="Our Impact & Reach"
      tag="Trusted by Thousands"
      metrics={[
        {
          id: "m1",
          value: "963+",
          description: "Happy Reviews",
        },
        {
          id: "m2",
          value: "4.1",
          description: "Google Rating",
        },
        {
          id: "m3",
          value: "100%",
          description: "Hilltop Serenity",
        },
      ]}
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="socialProof" data-section="socialProof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Traveler's Choice",
        "Local Gem",
        "Sunset Spot",
        "Family Favorites",
        "Culinary Excellence",
        "Cafe Culture",
        "Top Attractions",
      ]}
      title="Recognized Excellence"
      description="Widely recommended as the best place to witness the beauty of Sungai Petani."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="Breathtaking views and great food quality. The scenery alone is worth the visit for breakfast, honestly truly calming and beautiful."
      rating={5}
      author="Syarifah Syamimi"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/couple-enjoying-picnic-together-outdoors-summertime_23-2151426032.jpg",
          alt: "Visitor 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156149.jpg",
          alt: "Visitor 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/last-preparations_1098-13460.jpg",
          alt: "Visitor 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-friends-having-new-year-party-outdoors_23-2149144047.jpg",
          alt: "Visitor 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-hanging-out-jetty_23-2150558042.jpg",
          alt: "Visitor 5",
        },
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Plan Your Visit"
      title="Let's Get in Touch"
      description="Ready to visit the hilltop escape? Contact us today for bookings or inquiries."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "About",
          items: [
            {
              label: "Our Story",
              href: "#about",
            },
            {
              label: "Menu Highlights",
              href: "#menu",
            },
          ],
        },
        {
          title: "Visit",
          items: [
            {
              label: "Directions",
              href: "#contact",
            },
            {
              label: "Reviews",
              href: "#testimonials",
            },
          ],
        },
        {
          title: "Contact",
          items: [
            {
              label: "014-741 0755",
              href: "tel:0147410755",
            },
            {
              label: "Sungai Petani, Kedah",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 The TL House Puncak Bukit Birut"
      bottomRightText="All rights reserved"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
