"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TeamCardOne from '@/components/sections/team/TeamCardOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeMediumTitles"
        background="floatingGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "Menu",          id: "/menu"},
        {
          name: "About Us",          id: "/about"},
        {
          name: "Contact",          id: "/contact"},
      ]}
      brandName="Al-Amir Cuisine"
      button={{
        text: "Order Now",        href: "/menu"}}
      animateOnLoad={true}
    />
  </div>

  <div id="about-us" data-section="about-us">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",          content: "Our Story: The Heart of Iraqi Fast Food"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/medium-shot-people-cooking-together_23-2149631679.jpg",          alt: "Professional restaurant kitchen"
        }
      ]}
      buttons={[
        {
          text: "Meet Our Team",          href: "/about#team"},
      ]}
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      members={[
        {
          id: "chef",          name: "Chef Omar Al-Hussain",          role: "Head Chef",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-male-cook-chef-uniform-crossing-hands-yellow-background_141793-37779.jpg",          imageAlt: "Head Chef Omar Al-Hussain"},
        {
          id: "manager",          name: "Layla Abbas",          role: "Restaurant Manager",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-playing-poker-casino_23-2151831098.jpg",          imageAlt: "Restaurant Manager Layla Abbas"},
        {
          id: "founder",          name: "Dr. Karim Al-Dulaimi",          role: "Founder & Visionary",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-camera-with-crossed-arms-happy-confident-satisfied-expression-lateral-view_1194-633413.jpg",          imageAlt: "Founder Dr. Karim Al-Dulaimi"},
      ]}
      title="Meet Our Culinary Artisans"
      description="The passionate team behind every exquisite dish at Al-Amir Cuisine. Dedicated to bringing you the best Iraqi fast food experience."
      tag="The Team"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Al-Amir Cuisine"
      leftLink={{
        text: "Privacy Policy",        href: "#"}}
      rightLink={{
        text: "Terms of Service",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
