"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { MapPin, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="large"
        background="blurBottom"
        cardStyle="gradient-radial"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "Reviews",
          id: "reviews",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Capitan River"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      background={{
        variant: "gradient-bars",
      }}
      title="Authentic Flavors at Capitan River"
      description="Experience our signature dishes in a welcoming environment. Open 24 hours to serve you delicious meals whenever you need them."
      testimonials={[
        {
          name: "Donna H.",
          handle: "Verified Diner",
          testimonial: "Food was amazing, clean place, inexpensive, and excellent service.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-short-hair_273609-15371.jpg?_wi=1",
        },
        {
          name: "Marcus R.",
          handle: "Regular Guest",
          testimonial: "The best Caribbean-style spot in Miami. Always consistent.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg",
        },
        {
          name: "Sarah L.",
          handle: "Food Blogger",
          testimonial: "Incredible value for the portion sizes. A real neighborhood gem.",
          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
        },
        {
          name: "David W.",
          handle: "Local Resident",
          testimonial: "Convenient, friendly staff, and the chicken is always perfect.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
        },
        {
          name: "Elena P.",
          handle: "Diner",
          testimonial: "Late night cravings are always satisfied here. Great service.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/side-view-tasty-rice-meal-with-green-tomato-chicken-red-stripped-towel-cutlery-set-blue-table_140725-130468.jpg?_wi=1"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/happy-young-beautiful-woman-hairdresser-apron-holding-clipboard-with-blank-pages-pointing-with-index-finger-it-smiling-cheerfully-standing-green-wall_141793-64602.jpg",
          alt: "Portrait of happy customer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/attractive-girl-offering-dessert_1187-5283.jpg",
          alt: "Portrait of smiling patron",
        },
        {
          src: "http://img.b2bpic.net/free-photo/laughing-woman-with-dish-menu_23-2147681115.jpg",
          alt: "Portrait of satisfied diner",
        },
        {
          src: "http://img.b2bpic.net/free-photo/blonde-artist-holds-palette-brushes-looks-positive-dedicated_114579-77096.jpg",
          alt: "Portrait of regular guest",
        },
        {
          src: "http://img.b2bpic.net/free-photo/handsome-tattooed-man-summer-terrace-city-cafe-is-drinking-wine-street-cafe_1321-20.jpg",
          alt: "Portrait of night owl diner",
        },
      ]}
      marqueeItems={[
        {
          type: "text",
          text: "Open 24/7",
        },
        {
          type: "text-icon",
          text: "Authentic Cuisine",
          icon: Utensils,
        },
        {
          type: "text",
          text: "Quality Ingredients",
        },
        {
          type: "text-icon",
          text: "Miami Local",
          icon: MapPin,
        },
        {
          type: "text",
          text: "Friendly Service",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="About Us"
      title="Your Neighborhood Spot"
      description="Conveniently located at 3066 NW S River Dr, Miami. We pride ourselves on offering quality dine-in and takeaway options."
      subdescription="Open 24 hours daily."
      icon={MapPin}
      imageSrc="http://img.b2bpic.net/free-photo/hammocks-tree_1203-690.jpg?_wi=1"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Chicken Breast",
          price: "$12.99",
          imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-breast-topped-with-pepper-ripe-purple-rice-berries_1150-19851.jpg?_wi=1",
        },
        {
          id: "p2",
          name: "Black Beans & Rice",
          price: "$5.99",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-esquites-with-spices_23-2149891095.jpg?_wi=1",
        },
        {
          id: "p3",
          name: "Fried Plantains",
          price: "$4.50",
          imageSrc: "http://img.b2bpic.net/free-photo/green-tomato-cucumber-pick-sliced-pickles-white-plate_114579-66336.jpg",
        },
      ]}
      title="Menu Highlights"
      description="Our most popular dishes prepared with fresh ingredients."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Donna H.",
          date: "6 years ago",
          title: "Great Experience",
          quote: "Food was amazing, clean place, inexpensive, and excellent service.",
          tag: "Foodie",
          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005414.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-tasty-rice-meal-with-green-tomato-chicken-red-stripped-towel-cutlery-set-blue-table_140725-130468.jpg?_wi=2",
          imageAlt: "smiling customer portrait",
        },
        {
          id: "2",
          name: "Evelyn Espinal",
          date: "1 year ago",
          title: "Serious Issue",
          quote: "Unauthorized credit card transactions reported.",
          tag: "Diner",
          avatarSrc: "http://img.b2bpic.net/free-photo/waitress-showing-notebook_23-2147985035.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/hammocks-tree_1203-690.jpg?_wi=2",
          imageAlt: "smiling customer portrait",
        },
        {
          id: "3",
          name: "Latia Jefferson-Yates",
          date: "2 years ago",
          title: "Closed",
          quote: "Restaurant marked open but was closed.",
          tag: "Local",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bartender-with-arms-crossed-leaning-bar-counter_107420-65491.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-breast-topped-with-pepper-ripe-purple-rice-berries_1150-19851.jpg?_wi=2",
          imageAlt: "smiling customer portrait",
        },
        {
          id: "4",
          name: "Anonymous Guest",
          date: "3 months ago",
          title: "Classic Dish",
          quote: "The plantains are always perfect here.",
          tag: "Regular",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-home-looking-with-interest-smartphone-screen-concept-online_1258-201191.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-short-hair_273609-15371.jpg?_wi=2",
          imageAlt: "smiling customer portrait",
        },
        {
          id: "5",
          name: "Miami Local",
          date: "2 weeks ago",
          title: "Always Open",
          quote: "It is convenient that they are open late night.",
          tag: "Night Owl",
          avatarSrc: "http://img.b2bpic.net/free-photo/positive-relaxed-woman-has-telephone-conversation_273609-28718.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-esquites-with-spices_23-2149891095.jpg?_wi=2",
          imageAlt: "smiling customer portrait",
        },
      ]}
      title="What Guests Say"
      description="We value every customer experience."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get in Touch"
      description="Visit us at 3066 NW S River Dr, Miami. Let us know how we can serve you better."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Feedback or inquiry",
        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/hammocks-tree_1203-690.jpg?_wi=3"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Capitan River Restaurant"
      copyrightText="© 2025 Capitan River Restaurant | Open 24 Hours"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
