"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 FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="medium"
        background="noise"
        cardStyle="inset"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Movies",
          id: "#movies",
        },
        {
          name: "Amenities",
          id: "#features",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-movie-theater-drawing-illustration_52683-152386.jpg"
      logoAlt="Silver Screen Cinemas Logo"
      brandName="Silver Screen Cinemas"
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlayTestimonial
      title="Experience Cinema Like Never Before"
      description="Immersive sound, luxurious seating, and the latest blockbusters await you at Silver Screen Cinemas."
      testimonials={[
        {
          name: "Sarah J.",
          handle: "@MovieLover",
          testimonial: "Absolutely stunning! The recliners are so comfortable, and the screen quality is incredible. Best movie experience I've had in years!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-girl-cinema_23-2148115360.jpg",
          imageAlt: "Sarah J.",
        },
        {
          name: "Mark T.",
          handle: "@FilmFanatic",
          testimonial: "Silver Screen Cinemas consistently delivers! Great selection of films and the concessions are top-notch. My go-to place for movies.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/concerned-young-blonde-girl-hugging-bucket-popcorn-isolated-olive-green-wall-with-copy-space_141793-112841.jpg",
          imageAlt: "Mark T.",
        },
        {
          name: "Emily R.",
          handle: "@CinemaQuest",
          testimonial: "The atmosphere is fantastic, truly making it an escape. The staff are always friendly and helpful. Highly recommend to everyone!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-watching-movie-cinema_23-2148202044.jpg",
          imageAlt: "Emily R.",
        },
        {
          name: "David K.",
          handle: "@BlockbusterBuddy",
          testimonial: "I love coming here with my family. The seats are perfect, and we always find something great to watch. A truly premium experience.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-watching-movie-cinema_23-2148202042.jpg",
          imageAlt: "David K.",
        },
        {
          name: "Linda P.",
          handle: "@EveningMovies",
          testimonial: "A wonderful place for an evening out. Clean, comfortable, and the movies look and sound amazing. A real gem in the city!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/client-dark-vip-cinema-studio_23-2149500648.jpg",
          imageAlt: "Linda P.",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiley-young-person-ready-give-hug_23-2148576171.jpg",
          alt: "Avatar 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg",
          alt: "Avatar 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-attractive-thoughtful-focused-intrigued-young-female-student-listening-interesting-lecture-open-mouth-interested-look-blue-eyes-camera-touch-lip-curious-standing-white-wall_176420-35477.jpg",
          alt: "Avatar 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg",
          alt: "Avatar 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-happy-man_23-2148542747.jpg",
          alt: "Portrait of a happy man",
        },
      ]}
      avatarText="Join our community of movie lovers!"
      imageSrc="http://img.b2bpic.net/free-photo/3d-cinema-seating_23-2151016110.jpg"
      imageAlt="Luxurious movie theater interior with red seats and a large screen"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Your Premier Destination for Entertainment"
      description={[
        "Silver Screen Cinemas offers a state-of-the-art movie-watching experience, combining comfort, technology, and exceptional service. Our commitment is to bring the magic of the big screen to our community.",
        "With plush recliner seating, advanced projection systems, and a diverse selection of films, we provide an unforgettable escape for every movie lover. Join us for an unparalleled cinematic journey.",
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Luxury Recliner Seating",
          description: "Sink into plush, spacious recliners designed for ultimate comfort. Every seat is the best seat in the house.",
          imageSrc: "http://img.b2bpic.net/free-photo/view-3d-cinema-seats_23-2150866037.jpg",
          imageAlt: "Luxury movie recliner seats",
        },
        {
          title: "IMAX & Dolby Atmos",
          description: "Experience breathtaking visuals on our giant IMAX screens and immersive audio with state-of-the-art Dolby Atmos sound.",
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cinema_23-2150985267.jpg",
          imageAlt: "IMAX screen and Dolby Atmos sound system",
        },
        {
          title: "Gourmet Concessions",
          description: "Elevate your movie snacks with our gourmet popcorn, craft beverages, and a full menu of delicious treats.",
          imageSrc: "http://img.b2bpic.net/free-photo/snacks-drinks-party_23-2149407009.jpg",
          imageAlt: "Gourmet popcorn and drinks",
        },
      ]}
      title="Unmatched Comfort & Technology"
      description="Discover the features that make Silver Screen Cinemas your ultimate movie destination."
    />
  </div>

  <div id="movies" data-section="movies">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      carouselMode="buttons"
      products={[
        {
          id: "movie-1",
          name: "Galactic Odyssey",
          price: "Tickets from $12",
          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-robot-shark_23-2151499577.jpg",
          imageAlt: "Movie poster for Galactic Odyssey",
        },
        {
          id: "movie-2",
          name: "Love in Bloom",
          price: "Tickets from $10",
          imageSrc: "http://img.b2bpic.net/free-photo/love-always-wins-quote-wall-hand-holding-flower_53876-94794.jpg",
          imageAlt: "Movie poster for Love in Bloom",
        },
        {
          id: "movie-3",
          name: "The Enchanted Forest",
          price: "Tickets from $9",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fake-news-message_23-2148876041.jpg",
          imageAlt: "Movie poster for The Enchanted Forest",
        },
        {
          id: "movie-4",
          name: "Shadow's Whisper",
          price: "Tickets from $11",
          imageSrc: "http://img.b2bpic.net/free-photo/halloween-banner-with-spooky-hand_23-2149559036.jpg",
          imageAlt: "Movie poster for Shadow's Whisper",
        },
        {
          id: "movie-5",
          name: "Cosmic Drift",
          price: "Tickets from $12",
          imageSrc: "http://img.b2bpic.net/free-photo/half-whale-half-robot-fantasy-style_23-2151603120.jpg",
          imageAlt: "Movie poster for Cosmic Drift",
        },
        {
          id: "movie-6",
          name: "Echoes of Yesterday",
          price: "Tickets from $10",
          imageSrc: "http://img.b2bpic.net/free-photo/mad-halloween-clown-woman-looking-herself_23-2148282187.jpg",
          imageAlt: "Movie poster for Echoes of Yesterday",
        },
      ]}
      title="Now Showing: Latest Blockbusters"
      description="Check out our current lineup of movies and plan your perfect cinema experience."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Jessica L.",
          handle: "@CinemaCritic",
          testimonial: "The best place to watch movies! The seats are incredibly comfortable and the sound system truly pulls you into the film. Five stars!",
          imageSrc: "http://img.b2bpic.net/free-photo/men-watching-movie-cinema_23-2148202024.jpg",
          imageAlt: "Happy person watching movie",
        },
        {
          id: "2",
          name: "Robert M.",
          handle: "@FilmBuff",
          testimonial: "I'm a regular here. The movie selection is always current, and the premium screens make every visit special. Highly recommended!",
          imageSrc: "http://img.b2bpic.net/free-photo/man-speaking-phone-cinema_23-2147803832.jpg",
          imageAlt: "Couple enjoying movie night",
        },
        {
          id: "3",
          name: "Samantha P.",
          handle: "@PopcornQueen",
          testimonial: "The gourmet popcorn is a game-changer! Combined with the comfy seating, it’s the perfect movie night out every time.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-woman-lying-carpet-using-digital-tablet_329181-804.jpg",
          imageAlt: "Young woman excited for movie",
        },
        {
          id: "4",
          name: "Michael D.",
          handle: "@FamilyFun",
          testimonial: "Our family loves coming here. It’s clean, safe, and the kids always have a great time. A fantastic family entertainment spot.",
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-boy-eyeglasses-preparing-watch-film_171337-7212.jpg",
          imageAlt: "Family enjoying film together",
        },
        {
          id: "5",
          name: "Eleanor V.",
          handle: "@EveningElegance",
          testimonial: "A truly elegant cinema experience. The ambiance is wonderful, and the quality of the projection and sound is superb. My new favorite place.",
          imageSrc: "http://img.b2bpic.net/free-photo/view-funny-senior-couple-amusement-park_23-2151181013.jpg",
          imageAlt: "Older couple on date night",
        },
      ]}
      title="Hear From Our Happy Guests"
      description="Our patrons love the Silver Screen Cinemas experience. See what they have to say!"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Universal Studios",
        "Paramount Pictures",
        "Warner Bros. Pictures",
        "20th Century Studios",
        "Sony Pictures",
        "Walt Disney Pictures",
        "Lionsgate Films",
      ]}
      title="Proudly Partnered With Industry Leaders"
      description="We collaborate with top studios and brands to bring you the best cinematic content and experiences."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "What are your operating hours?",
          content: "Our operating hours vary by day and movie schedule. Please check our 'Showtimes' section for the most up-to-date information.",
        },
        {
          id: "faq-2",
          title: "Can I purchase tickets online?",
          content: "Yes, tickets can be conveniently purchased online through our website or our mobile app. We recommend buying in advance, especially for popular showtimes.",
        },
        {
          id: "faq-3",
          title: "Do you offer any special discounts?",
          content: "We offer various discounts including student, senior, and military discounts. Please inquire at the box office or check our website for current promotions.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about your visit to Silver Screen Cinemas."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient",
      }}
      tag="Get in Touch"
      title="Visit Us or Get in Touch"
      description="Have questions or need assistance? Our team is here to help make your visit enjoyable. Find our location and contact details below."
      imageSrc="http://img.b2bpic.net/free-photo/aerial-shot-aria-hotel-las-vegas_181624-42881.jpg"
      imageAlt="Movie theater location on a city map"
      mediaAnimation="opacity"
      mediaPosition="left"
      inputPlaceholder="Enter your email"
      buttonText="Send Message"
      termsText="By sending a message, you agree to our Privacy Policy."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Your Message",
        rows: 4,
        required: true,
      }}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Careers",
              href: "#",
            },
            {
              label: "Partnerships",
              href: "#social-proof",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contact Us",
              href: "#contact",
            },
            {
              label: "Gift Cards",
              href: "#",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 Silver Screen Cinemas. All rights reserved."
      bottomRightText="Built with passion for movies."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
