"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import { MapPin, Clock, Car, Bus } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="large"
        background="noiseDiagonalGradient"
        cardStyle="outline"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "Menu",          id: "/menu"},
        {
          name: "Gallery",          id: "/gallery"},
        {
          name: "Location",          id: "/location"},
        {
          name: "Contact",          id: "/contact"},
      ]}
      brandName="Brew Haven"
    />
  </div>

  <div id="location-details" data-section="location-details">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Our Address",          description: "123 Coffee Lane, Brewville, CA 90210",          buttonIcon: MapPin,
          buttonHref: "https://maps.google.com/?q=123+Coffee+Lane+Brewville+CA",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-traveling-without-covid_23-2149077823.jpg",          imageAlt: "Location map"},
        {
          title: "Opening Hours",          description: "Mon-Fri: 7 AM - 6 PM\nSat-Sun: 8 AM - 5 PM",          buttonIcon: Clock,
          imageSrc: "http://img.b2bpic.net/free-photo/coffee-concept-with-slate-espresso-cloth_23-2147671432.jpg",          imageAlt: "Clock icon for opening hours"},
        {
          title: "Easy Parking",          description: "Ample street parking and a dedicated lot behind the building ensures a hassle-free visit.",          buttonIcon: Car,
          imageSrc: "http://img.b2bpic.net/free-vector/train-station-25-flat-color-icon-pack-including-station-train-train-park-fountain_1142-24721.jpg",          imageAlt: "Parking lot illustration"},
        {
          title: "Public Transport",          description: "Accessible via the local bus routes 14 & 22, with a stop just a block away. Plan your visit easily!",          buttonIcon: Bus,
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-casual-style-is-drinking-coffee-summer-terrace-waiting-someone_169016-12138.jpg",          imageAlt: "Bus icon for public transport"},
      ]}
      title="Visit Us Today"
      description="Find us at our convenient location and enjoy our extended hours for your daily coffee fix. We're always happy to welcome you!"
    />
  </div>

  <div id="contact-location-info" data-section="contact-location-info">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      text="We're here to serve you the best coffee experience. Reach out to us for any inquiries or simply drop by!"
      buttons={[
        {
          text: "Get Directions",          href: "https://maps.google.com/?q=123+Coffee+Lane+Brewville+CA"},
        {
          text: "Call Us",          href: "tel:+1234567890"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Quick Links",          items: [
            {
              label: "Home",              href: "/"},
            {
              label: "Menu",              href: "/menu"},
            {
              label: "Gallery",              href: "/gallery"},
            {
              label: "Location",              href: "/location"},
          ],
        },
        {
          title: "Our Story",          items: [
            {
              label: "About Us",              href: "/about"},
            {
              label: "Our Mission",              href: "/about#mission"},
            {
              label: "Testimonials",              href: "/#testimonials-section"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "Contact Us",              href: "/contact"},
            {
              label: "FAQ",              href: "/contact#faqs-section"},
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      bottomLeftText="© 2024 Brew Haven. All rights reserved."
      bottomRightText="Crafted with passion by Webuild."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
