"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Award, Coffee, Fish, Leaf, Sparkles, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="mediumSizeLargeTitles"
        background="fluid"
        cardStyle="outline"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Menu",
          id: "products",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Dragon Sushi"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCentered
      background={{
        variant: "plain",
      }}
      title="Authentic Flavors, Modern Artistry"
      description="Experience the tradition and precision of authentic Japanese sushi in the heart of Plasencia. Dragon Sushi combines fresh, local ingredients with master craftsmanship."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-sunny-smiling-blonde-woman-white-sweater-eating-sushi-lunch-small-caffe_231208-5226.jpg",
          alt: "Diner",
        },
        {
          src: "http://img.b2bpic.net/free-photo/adult-enjoying-cocktail_52683-107593.jpg",
          alt: "Diner",
        },
        {
          src: "http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-smoke-cigar-with-glass-whiskey-balcony-pub_627829-5920.jpg",
          alt: "Diner",
        },
        {
          src: "http://img.b2bpic.net/free-photo/blonde-woman-eating-sushi-using-chopsticks_496169-314.jpg",
          alt: "Sushi lover",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-sunny-smiling-blonde-woman-white-sweater-eating-sushi-lunch-small-caffe_231208-5225.jpg",
          alt: "Sushi lover",
        },
      ]}
      avatarText="Join our growing sushi community"
      buttons={[
        {
          text: "Explore Our Menu",
          href: "#products",
        },
      ]}
      marqueeItems={[
        {
          type: "text-icon",
          text: "Daily Fresh Catch",
          icon: Fish,
        },
        {
          type: "text-icon",
          text: "Kyoto-Inspired Ambiance",
          icon: Coffee,
        },
        {
          type: "text-icon",
          text: "Culinary Innovation",
          icon: Sparkles,
        },
        {
          type: "text-icon",
          text: "Master Chef Crafted",
          icon: Utensils,
        },
        {
          type: "text-icon",
          text: "Sustainable Sourcing",
          icon: Leaf,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",
          content: "Mastering the Art of ",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/sushi-set-with-gold-color-table_140725-5505.jpg",
          alt: "Sushi Art",
        },
        {
          type: "text",
          content: " Perfection",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Freshness First",
          description: "We source the finest local catch daily to ensure the highest quality sushi.",
          icon: Fish,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-sliced-fish-with-seasonings-onion-rings-fresh-tomatoes-dark-background_140725-133001.jpg",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-fish-slices-with-red-tomatoes-dark-table-seafood-ocean-meat-sea-meal-dish-food-salad-water-pepper-wine_179666-17784.jpg",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/set-delicious-sushi-wooden-plate_114579-31714.jpg",
          imageAlt: "fresh fish ingredients raw quality",
        },
        {
          title: "Authentic Ambiance",
          description: "Our space is designed to transport you straight to the streets of Kyoto.",
          icon: Coffee,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-assortment-sushi-goodies_23-2148930386.jpg",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/realistic-interior-design-with-furniture_23-2151439748.jpg",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/sushi-set-with-gold-color-table_140725-5505.jpg",
          imageAlt: "fresh fish ingredients raw quality",
        },
        {
          title: "Culinary Innovation",
          description: "Traditional techniques meeting modern flavor profiles for a unique dining adventure.",
          icon: Sparkles,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/minimalist-plate-with-sushi-rolls-close-up_23-2148440455.jpg",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/side-view-set-baked-sushi-rolls-with-wasabi-ginger-plate_141793-11544.jpg",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-tempura-sushi-maki-with-shrimp-avocado-plate_141793-11187.jpg",
          imageAlt: "fresh fish ingredients raw quality",
        },
      ]}
      title="Why Dragon Sushi?"
      description="We don't just serve food; we serve experiences rooted in tradition, quality, and passion."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Dragon Classic",
          price: "€14.00",
          variant: "House Special",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-tempura-sushi-maki-with-shrimp-avocado-plate_141793-11187.jpg",
        },
        {
          id: "2",
          name: "Spicy Tuna Crunch",
          price: "€12.50",
          variant: "Spicy",
          imageSrc: "http://img.b2bpic.net/free-photo/sushi-rolls-with-soy-sauce-wooden-board_114579-3159.jpg",
        },
        {
          id: "3",
          name: "Salmon Avocado",
          price: "€11.00",
          variant: "Classic",
          imageSrc: "http://img.b2bpic.net/free-photo/nigiri-sushi_74190-94.jpg",
        },
        {
          id: "4",
          name: "Tempura Bliss",
          price: "€15.00",
          variant: "Warm",
          imageSrc: "http://img.b2bpic.net/free-photo/japanese-rice-with-salmon-sashimi-top-black-bowl_74190-1834.jpg",
        },
        {
          id: "5",
          name: "Veggie Zen",
          price: "€9.50",
          variant: "Vegan",
          imageSrc: "http://img.b2bpic.net/free-photo/raw-fish-with-rice-plate-high-angle_23-2148862944.jpg",
        },
        {
          id: "6",
          name: "Rainbow Roll",
          price: "€16.00",
          variant: "Chef Selection",
          imageSrc: "http://img.b2bpic.net/free-photo/california-sushi-roll-white-background-with-green-plastic-ring_114579-14831.jpg",
        },
      ]}
      title="Our Signature Rolls"
      description="Crafted with passion, served with elegance. Discover your new favorite dish."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Maria L.",
          handle: "@maria_plasencia",
          testimonial: "The best sushi in Plasencia! Everything is incredibly fresh.",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg",
        },
        {
          id: "2",
          name: "Javier R.",
          handle: "@javier_foodie",
          testimonial: "A true culinary gem. The atmosphere and the food are top-notch.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-luxurious-restaurant_23-2150517450.jpg",
        },
        {
          id: "3",
          name: "Elena M.",
          handle: "@elena_eats",
          testimonial: "Amazing flavor profiles. I keep coming back for the Dragon Classic.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-eating-sushi_23-2151345003.jpg",
        },
        {
          id: "4",
          name: "Carlos G.",
          handle: "@carlos_g",
          testimonial: "Exceptional service and quality. Simply the best.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-having-good-day_1098-1130.jpg",
        },
        {
          id: "5",
          name: "Lucia S.",
          handle: "@lucia_s",
          testimonial: "Beautiful presentation, delicious rolls. Love it here!",
          imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg",
        },
      ]}
      title="Words from Our Guests"
      description="What our community says about their Dragon Sushi experience."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",
          value: "12",
          title: "Years Experience",
          description: "Mastering the craft",
          icon: Award,
        },
        {
          id: "2",
          value: "50+",
          title: "Roll Varieties",
          description: "Diverse menu options",
          icon: Utensils,
        },
        {
          id: "3",
          value: "100%",
          title: "Freshness",
          description: "Daily quality control",
          icon: Fish,
        },
      ]}
      title="A Tradition of Quality"
      description="Numbers that define our passion for sushi."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "Do you offer vegan options?",
          content: "Yes, we have a selection of fresh, plant-based rolls and dishes.",
        },
        {
          id: "2",
          title: "Do you accept reservations?",
          content: "Reservations are recommended, especially on weekends, via our contact form.",
        },
        {
          id: "3",
          title: "Is takeaway available?",
          content: "Yes, you can order for pickup and enjoy Dragon Sushi at home.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Have questions about our sushi or reservations?"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Visit Us"
      title="Join the Dragon Sushi Family"
      description="Sign up for our newsletter to stay updated on special menu items, exclusive events, and seasonal offerings."
      imageSrc="http://img.b2bpic.net/free-photo/city-night-with-vibrant-lights_23-2149836913.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Explore",
          items: [
            {
              label: "Our Menu",
              href: "#products",
            },
            {
              label: "About Us",
              href: "#about",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms & Conditions",
              href: "#",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Instagram",
              href: "#",
            },
            {
              label: "Facebook",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Dragon Sushi"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
