"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { LifeBuoy } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="large"
        background="circleGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Partners",
          id: "#partners",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Mae Plai Local Hub"
      button={{
        text: "Visit Us",
        href: "https://www.google.com/maps/search/?api=1&query=249+%E0%B8%AB%E0%B8%A1%E0%B8%B9%E0%B9%88%E0%B8%97%E0%B8%B5%E0%B9%88+12+%E0%B8%95%E0%B8%B3%E0%B8%9A%E0%B8%A5+%E0%B8%9B%E0%B9%88%E0%B8%B2%E0%B9%81%E0%B8%A1%E0%B8%95+%E0%B8%AD%E0%B8%B3%E0%B9%80%E0%B8%A0%E0%B8%AD%E0%B9%80%E0%B8%A1%E0%B8%B7%E0%B8%AD%E0%B8%87%E0%B9%81%E0%B8%9E%E0%B8%A3%E0%B9%88+%E0%B9%81%E0%B8%9E%E0%B8%A3%E0%B9%88+54000",
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroCentered
      background={{
        variant: "plain",
      }}
      title="Your Community Hub in Mae Plai"
      description="Serving 249 หมู่ที่ 12 ตำบล ป่าแมต อำเภอเมืองแพร่ แพร่ 54000 with essential local services and a warm, welcoming atmosphere for everyone."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/close-up-smiley-people-working-together_23-2149181995.jpg",
          alt: "Community member Sarah",
        },
        {
          src: "http://img.b2bpic.net/free-photo/ecofriendly-shopping-local-store_482257-96954.jpg",
          alt: "Community member John",
        },
        {
          src: "http://img.b2bpic.net/free-photo/black-white-portrait-woman-showing-vulnerability-self-acceptance_23-2151237519.jpg",
          alt: "Community member Anya",
        },
        {
          src: "http://img.b2bpic.net/free-photo/pretty-brunette-asian-woman-black-trench-smiles-sincerely_197531-24425.jpg",
          alt: "Community member David",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-walking_23-2149002407.jpg",
          alt: "Medium shot woman walking",
        },
      ]}
      avatarText="Join our growing community!"
      buttons={[
        {
          text: "Learn More",
          href: "#about",
        },
        {
          text: "Get Directions",
          href: "https://www.google.com/maps/search/?api=1&query=249+%E0%B8%AB%E0%B8%A1%E0%B8%B9%E0%B9%88%E0%B8%97%E0%B8%B5%E0%B9%88+12+%E0%B8%95%E0%B8%B3%E0%B8%9A%E0%B8%A5+%E0%B8%9B%E0%B9%88%E0%B8%B2%E0%B9%81%E0%B8%A1%E0%B8%95+%E0%B8%AD%E0%B8%B3%E0%B9%80%E0%B8%A0%E0%B8%AD%E0%B9%80%E0%B8%A1%E0%B8%B7%E0%B8%AD%E0%B8%87%E0%B9%81%E0%B8%9E%E0%B8%A3%E0%B9%88+%E0%B9%81%E0%B8%9E%E0%B8%A3%E0%B9%88+54000",
        },
      ]}
      buttonAnimation="slide-up"
      marqueeItems={[
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/rendering-anime-doctors-having-party_23-2151152116.jpg",
          alt: "local community gathering illustration",
        },
        {
          type: "text",
          text: "Connecting Neighbors",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/multiethnic-humanitarian-aid-team-provide-essential-support-needy-distribute-food-offer-assistance-through-local-non-profit-initiative-young-volunteers-share-warm-meals-homeless_482257-70282.jpg",
          alt: "Multiethnic humanitarian aid team provide essential support to the needy distribute food and offer assistance through local non-profit initiative. Young volunteers share warm meals to the homeless.",
        },
        {
          type: "text-icon",
          text: "Grow Together",
          icon: LifeBuoy,
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/diverse-teenagers-practicing-health-wellness-activities-themselves-their-community_23-2151416175.jpg",
          alt: "Diverse teenagers practicing health and wellness activities for themselves and their community",
        },
      ]}
      showMarqueeCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="About Our Local Hub"
      description="More than just a location, Mae Plai Local Hub is a cornerstone of the 249 หมู่ที่ 12 ตำบล ป่าแมต community. We are dedicated to providing essential services and fostering a sense of belonging for all residents."
      metrics={[
        {
          value: "24/7",
          title: "Open Hours",
        },
        {
          value: "300+",
          title: "Happy Families",
        },
        {
          value: "5+",
          title: "Years Serving",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-street-market-sunset_23-2151529995.jpg"
      imageAlt="Thai community center interior"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Local Convenience Store",
          description: "Stocked with daily essentials, fresh produce, and local specialties.",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-shot-autumn-veggies-arrangement_23-2148294633.jpg",
          imageAlt: "modern convenience store interior",
        },
        {
          title: "Parcel & Mail Services",
          description: "Send and receive packages with ease, right here in your neighborhood.",
          imageSrc: "http://img.b2bpic.net/free-photo/pensive-deliverywoman-red-uniform-checking-data-tablet-talking-cropped-middle-aged-man-receiving-order-holding-cardboard-boxes-standing-street-delivery-service-post-concept_74855-11884.jpg",
          imageAlt: "parcel delivery service counter",
        },
        {
          title: "Community Event Space",
          description: "A versatile venue for local gatherings, workshops, and celebrations.",
          imageSrc: "http://img.b2bpic.net/free-photo/table-setting-with-floral-centerpiece-wedding-reception-venue_637285-5627.jpg",
          imageAlt: "community event space gathering",
        },
        {
          title: "Fresh Local Produce",
          description: "Enjoy a selection of fresh, locally sourced fruits and vegetables available daily.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-vegetable-decoration-with-slate_23-2147681615.jpg",
          imageAlt: "Close up vegetable decoration with slate",
        },
        {
          title: "Community Workshops",
          description: "Participate in diverse workshops, from traditional crafts to modern skills.",
          imageSrc: "http://img.b2bpic.net/free-photo/variety-colorful-fruits-vegetables-grown-garden-display-outdoors-market-seasonal-harvest-various-veggies-raw-organic-products-sold-boxes-handheld-shot-close-up_482257-66558.jpg",
          imageAlt: "Variety of colorful fruits and vegetables grown in garden on display at outdoors market, seasonal harvest. Various veggies and raw organic products sold in boxes. Handheld shot. Close up.",
        },
      ]}
      title="Our Services"
      description="From essential amenities to vibrant community events, Mae Plai Local Hub offers a range of services designed for your convenience and enrichment."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Chaiyan P.",
          imageSrc: "http://img.b2bpic.net/free-photo/feeling-happy-surprised-proud-pointing-self-with-excited-amazed-look_1194-633474.jpg",
          imageAlt: "happy senior woman smiling",
        },
        {
          id: "2",
          name: "Nitaya S.",
          imageSrc: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg",
          imageAlt: "young couple smiling local shop",
        },
        {
          id: "3",
          name: "Somchai K.",
          imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-doing-ok-sign-showing-thumb-up-laptop-isolated-white_141793-84103.jpg",
          imageAlt: "local business owner portrait",
        },
        {
          id: "4",
          name: "Pimjai L.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-excited-friends-reunited_23-2149165130.jpg",
          imageAlt: "mother and child happy",
        },
        {
          id: "5",
          name: "Anuwat B.",
          imageSrc: "http://img.b2bpic.net/free-photo/asian-student-spies-her-brown-leather-bag-blue_1150-19192.jpg",
          imageAlt: "college student smiling books",
        },
      ]}
      cardTitle="What Our Community Says"
      cardTag="Trusted Locally"
      cardAnimation="slide-up"
    />
  </div>

  <div id="partners" data-section="partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Pakorn General Store",
        "Mae Plai Farms",
        "Phrae Crafts",
        "Local Artisan Network",
        "Community Youth Group",
        "Healthy Living Clinic",
        "Mae Plai School",
        "Regional Bank",
      ]}
      title="Our Valued Community Partners"
      description="We are proud to collaborate with local businesses and organizations to strengthen our community and offer more to our residents."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",
          title: "What are your operating hours?",
          content: "Our main hub is open from 8 AM to 8 PM daily, with select services available 24/7.",
        },
        {
          id: "2",
          title: "Do you offer delivery services?",
          content: "Yes, we partner with local providers for grocery and parcel deliveries within Mae Plai area.",
        },
        {
          id: "3",
          title: "Can I rent the event space?",
          content: "Absolutely! Our community event space is available for booking. Please contact us for details and availability.",
        },
        {
          id: "4",
          title: "How can I become a volunteer?",
          content: "We welcome volunteers! Please fill out our contact form or visit us to learn about current opportunities.",
        },
        {
          id: "5",
          title: "What payment methods are accepted?",
          content: "We accept cash, credit/debit cards, and mobile payments for all services at the hub.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/challenge-idea-game-wooden-one-corporate_1418-521.jpg"
      imageAlt="customer support people discussing"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Frequently Asked Questions"
      description="Find quick answers to the most common questions about our services, events, and community hub."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get In Touch"
      description="Visit us at our central location or send us a message. We're here to serve the community of 249 หมู่ที่ 12 ตำบล ป่าแมต อำเภอเมืองแพร่ แพร่ 54000."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Phone Number (Optional)",
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Your Message",
        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/about-us-support-help-ask-question-concept_53876-133733.jpg"
      imageAlt="local map illustration community"
      mediaAnimation="slide-up"
      mediaPosition="left"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Local Store",
              href: "#services",
            },
            {
              label: "Parcel Services",
              href: "#services",
            },
            {
              label: "Event Space",
              href: "#services",
            },
          ],
        },
        {
          title: "About Us",
          items: [
            {
              label: "Our Mission",
              href: "#about",
            },
            {
              label: "Community",
              href: "#about",
            },
            {
              label: "Partners",
              href: "#partners",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contact Us",
              href: "#contact",
            },
            {
              label: "Get Directions",
              href: "https://www.google.com/maps/search/?api=1&query=249+%E0%B8%AB%E0%B8%A1%E0%B8%B9%E0%B9%88%E0%B8%97%E0%B8%B5%E0%B9%88+12+%E0%B8%95%E0%B8%B3%E0%B8%9A%E0%B8%A5+%E0%B8%9B%E0%B9%88%E0%B8%B2%E0%B9%81%E0%B8%A1%E0%B8%95+%E0%B8%AD%E0%B8%B3%E0%B9%80%E0%B8%A0%E0%B8%AD%E0%B9%80%E0%B8%A1%E0%B8%B7%E0%B8%AD%E0%B8%87%E0%B9%81%E0%B8%9E%E0%B8%A3%E0%B9%88+%E0%B9%81%E0%B8%9E%E0%B8%A3%E0%B9%88+54000",
            },
          ],
        },
      ]}
      bottomLeftText="© 2023 Mae Plai Local Hub. All rights reserved."
      bottomRightText="Built with Webild."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
