"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="small"
        sizing="mediumSizeLargeTitles"
        background="blurBottom"
        cardStyle="glass-depth"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Menu",
          id: "#features",
        },
        {
          name: "Dishes",
          id: "#products",
        },
        {
          name: "Team",
          id: "#team",
        },
        {
          name: "Reviews",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nofwbx"
      logoAlt="Boulder Creek Steakhouse Logo"
      brandName="Boulder Creek"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-static-grid",
      }}
      imagePosition="right"
      title="Experience Unforgettable Dining at Boulder Creek Steakhouse"
      description="Indulge in modern fare, exquisite cuts, and an exceptional wine selection. A striking ambiance awaits you."
      testimonials={[
        {
          name: "Angela O'Neal",
          handle: "@AngelaO.Reviews",
          testimonial: "Another fabulous meal at Boulder Creek! Our server Maria was outstanding and we can't wait to go back!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
          imageAlt: "Angela O'Neal",
        },
        {
          name: "Ashley H.",
          handle: "@AFaithH",
          testimonial: "Walleye was really good! Salmon was ok, get the salty sauce on the side. Bread with oil and herbs was very good 👍🏿",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/women-with-burgers-drinks-sitting-table_23-2148975051.jpg",
          imageAlt: "Ashley H.",
        },
        {
          name: "Rodney Yoswig",
          handle: "@RodneyYoswig",
          testimonial: "Boulder Creek, Brownsburg Indiana. Today's lunch is a breaded tenderloin served with fries. Sandwich is on the small side, however had a really nice flavored crispy coating.",
          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-fashionable-woman-stylish-clothes-glasses-standing-against-skyscraper_613910-20972.jpg",
          imageAlt: "Rodney Yoswig",
        },
        {
          name: "Chris T.",
          handle: "@ChrisT.Dines",
          testimonial: "The Filet Mignon was cooked to perfection and melted in my mouth. A truly premium steakhouse experience!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-chef-holding-carrot-green-broccoli-hands_23-2147863618.jpg",
          imageAlt: "Chris T.",
        },
        {
          name: "Sarah L.",
          handle: "@Sarah_Foodie",
          testimonial: "Excellent service and a wonderful ambiance. The wine list pairs beautifully with their menu. Highly recommend!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/stressed-young-barber-wearing-uniform-screaming-with-closed-eyes-isolated-olive-green-wall-with-copy-space_141793-110154.jpg",
          imageAlt: "Sarah L.",
        },
      ]}
      testimonialRotationInterval={5000}
      tag="Steakhouse & Fine Wine"
      buttons={[
        {
          text: "Reserve a Table",
          href: "#contact",
        },
        {
          text: "View Our Menu",
          href: "#features",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiling-male-chef-holding-carrot-green-broccoli-hands_23-2147863618.jpg",
          alt: "Executive Chef",
        },
        {
          src: "http://img.b2bpic.net/free-photo/stressed-young-barber-wearing-uniform-screaming-with-closed-eyes-isolated-olive-green-wall-with-copy-space_141793-110154.jpg",
          alt: "Restaurant Manager",
        },
        {
          src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
          alt: "Head Sommelier",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
          alt: "Hostess",
        },
        {
          src: "http://img.b2bpic.net/free-photo/pretty-business-woman-standing-with-coffee-cup_23-2148095743.jpg",
          alt: "Service Staff Lead",
        },
      ]}
      avatarText="Our team's commitment to excellence shines through every dish and service."
      imageSrc="http://img.b2bpic.net/free-photo/perfectly-grilled-steak-with-herbs-spices_84443-72270.jpg"
      imageAlt="Gourmet steak dish at Boulder Creek"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      marqueeItems={[
        {
          type: "text",
          text: "Prime Steaks",
        },
        {
          type: "text",
          text: "Fine Wines",
        },
        {
          type: "text",
          text: "Modern Fare",
        },
        {
          type: "text",
          text: "Exceptional Service",
        },
        {
          type: "text",
          text: "Unforgettable Ambiance",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      tag="Our Story"
      title="A Legacy of Culinary Excellence"
      buttons={[
        {
          text: "Learn More About Us",
          href: "#",
        },
      ]}
      description="Boulder Creek is more than just a steakhouse; it's a destination where culinary artistry meets a warm, inviting atmosphere. Since our inception, we've been dedicated to crafting unforgettable dining experiences, featuring premium cuts, innovative modern fare, and an extensive wine list curated to perfection. Discover our commitment to quality, passion for flavor, and the exceptional service that makes every visit special."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      negativeCard={{
        items: [
          "House Salad",
          "Onion Soup",
          "Tortilla Soup",
        ],
      }}
      positiveCard={{
        items: [
          "Parmesan Risotto (GF, VG)",
          "Scallops",
          "Spinach Artichoke Dip",
          "Sesame Ahi Tuna",
          "Italian Beef",
          "Bread Pudding (VG)",
        ],
      }}
      title="Our Signature Dishes & Must-Try Classics"
      description="Explore a selection of our most celebrated dishes, from hearty steakhouse staples to innovative culinary creations. Each item on our menu is crafted with the freshest ingredients and culinary expertise."
      tag="Menu Highlights"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      carouselMode="buttons"
      products={[
        {
          id: "product-1",
          name: "Aged Sirloin Steak",
          price: "$32.00",
          imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-steaks-with-spices-herbs-black-slate-black-background-ai-generative_123827-23820.jpg",
          imageAlt: "Aged Sirloin Steak",
          isFavorited: false,
          initialQuantity: 1,
        },
        {
          id: "product-2",
          name: "Filet Mignon",
          price: "$48.00",
          imageSrc: "http://img.b2bpic.net/free-photo/steak-with-cheese-vegetables-restaurant_501050-842.jpg",
          imageAlt: "Filet Mignon",
          isFavorited: false,
          initialQuantity: 1,
        },
        {
          id: "product-3",
          name: "Parmesan Risotto",
          price: "$22.00",
          imageSrc: "http://img.b2bpic.net/free-photo/tasty-breaded-fish-with-puree-grilled-vegetables_651396-1447.jpg",
          imageAlt: "Parmesan Risotto",
          isFavorited: false,
          initialQuantity: 1,
        },
        {
          id: "product-4",
          name: "Grilled Atlantic Salmon",
          price: "$29.00",
          imageSrc: "http://img.b2bpic.net/free-photo/grilled-sea-bass-fish-meat-steak-with-vegetable_74190-790.jpg",
          imageAlt: "Grilled Atlantic Salmon",
          isFavorited: false,
          initialQuantity: 1,
        },
        {
          id: "product-5",
          name: "Smoked BBQ Ribs",
          price: "$26.00",
          imageSrc: "http://img.b2bpic.net/free-photo/fried-sebet-wooden-board_140725-4714.jpg",
          imageAlt: "Smoked BBQ Ribs",
          isFavorited: false,
          initialQuantity: 1,
        },
        {
          id: "product-6",
          name: "Sommelier's Wine Pairing",
          price: "$15.00",
          imageSrc: "http://img.b2bpic.net/free-photo/dinner-with-wine_1182-787.jpg",
          imageAlt: "Glass of Red Wine",
          isFavorited: false,
          initialQuantity: 1,
        },
      ]}
      title="Savor Our Exquisite Offerings"
      description="From perfectly aged steaks to decadent desserts and fine wines, our menu is designed to delight every palate. Discover your next favorite."
      tag="Our Menu"
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      members={[
        {
          id: "member-1",
          name: "Chef Emily R.",
          role: "Head Chef",
          imageSrc: "http://img.b2bpic.net/free-photo/confident-young-handsome-cook-chef-uniform-isolated-pink-wall_141793-101113.jpg",
          imageAlt: "Head Chef Emily R.",
        },
        {
          id: "member-2",
          name: "David K.",
          role: "Sommelier",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-is-prepairing-wine-sommelier-expertise-it-wine-boutique_613910-3118.jpg",
          imageAlt: "Sommelier David K.",
        },
        {
          id: "member-3",
          name: "Maria J.",
          role: "General Manager",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-using-smartphone-cafe_1170-719.jpg",
          imageAlt: "General Manager Maria J.",
        },
      ]}
      title="Meet Our Dedicated Team"
      description="Our passionate culinary and hospitality professionals are committed to making your dining experience extraordinary. Crafted with care, served with a smile."
      tag="Our People"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="\"I enjoyed good service, some very nice Salmon and a rich tasty chocolate cake.\""
      rating={5}
      author="Google Reviewer"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/woman-eating-baked-quince-stuffed-with-raisins-carrot-meat_140725-5280.jpg",
          alt: "Diner 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/this-is-my-new-profile-social-network_329181-2899.jpg",
          alt: "Diner 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018831.jpg",
          alt: "Diner 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517418.jpg",
          alt: "Diner 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/modern-restaurant_1127-2154.jpg",
          alt: "Diner 5",
        },
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Local Food Critics",
        "Culinary Excellence Awards",
        "Dining Guides",
        "Hospitality Partners",
        "Community Favorites",
        "Restaurant Reviewers",
        "Wine Enthusiast Magazine",
      ]}
      title="Recognized for Excellence"
      description="Proudly acknowledged by our community and industry peers for outstanding dining and hospitality."
      tag="Our Accolades"
      speed={40}
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "glowing-orb",
      }}
      tag="Visit Us"
      title="Plan Your Visit to Boulder Creek"
      description="We are located at 1551 N Green St D, Brownsburg, IN 46112. Open Wednesday-Sunday. Call us at (317) 858-8100 to reserve your table or order online."
      buttons={[
        {
          text: "Reserve a Table",
          href: "https://www.google.com/maps/reserve/v/dine/api/User/Reserve",
        },
        {
          text: "Order Online",
          href: "https://bouldercreekdining.com/",
        },
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Navigation",
          items: [
            {
              label: "Home",
              href: "#hero",
            },
            {
              label: "Menu",
              href: "#features",
            },
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Reservations",
              href: "#contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
        {
          title: "Contact",
          items: [
            {
              label: "1551 N Green St D, Brownsburg, IN 46112",
              href: "https://maps.app.goo.gl/3JgY8YwLgK9Y2K7R6",
            },
            {
              label: "(317) 858-8100",
              href: "tel:+13178588100",
            },
            {
              label: "info@bouldercreekdining.com",
              href: "mailto:info@bouldercreekdining.com",
            },
          ],
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nofwbx"
      logoAlt="Boulder Creek Steakhouse Logo"
      logoText="Boulder Creek"
      copyrightText="© 2024 Boulder Creek. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
