"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="compact"
        sizing="largeSizeMediumTitles"
        background="circleGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About",          id: "about"},
        {
          name: "Amenities",          id: "amenities"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Gloriat"
      button={{
        text: "Book Now",        href: "https://marriott.com"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "plain"}}
      title="Houston Gloriat Sugar Land"
      description="Experience unparalleled luxury in the heart of Sugar Land. Your destination for business and relaxation."
      buttons={[
        {
          text: "Book a Room",          href: "https://marriott.com"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896890.jpg"
      imageAlt="luxury hotel exterior facade daylight"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/square-front-modern-office-buildings_1359-869.jpg",          alt: "square front of modern office buildings"},
        {
          src: "http://img.b2bpic.net/free-photo/bottom-view-modern-skyscraper_1127-346.jpg",          alt: "Bottom view of modern skyscraper"},
        {
          src: "http://img.b2bpic.net/free-photo/futuristic-landscape-dubai_23-2151339806.jpg",          alt: "Futuristic landscape of dubai"},
        {
          src: "http://img.b2bpic.net/free-photo/modern-architectural-marvel-futuristic-building_23-2152006114.jpg",          alt: "Modern architectural marvel: a futuristic building"},
        {
          src: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797675.jpg",          alt: "Modern office space with futuristic decor and furniture"},
      ]}
      avatarText="Join 15,000+ satisfied guests"
      marqueeItems={[
        {
          type: "text",          text: "5-Star Service"},
        {
          type: "text",          text: "Prime Location"},
        {
          type: "text",          text: "Modern Amenities"},
        {
          type: "text",          text: "Luxury Suites"},
        {
          type: "text",          text: "Gourmet Dining"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={true}
      title="Excellence in Hospitality"
      description="Located at 16090 City Walk, our hotel combines comfort with premier management facilities. We pride ourselves on providing a 5-star experience for every guest."
      bulletPoints={[
        {
          title: "Prime Location",          description: "Situated in the center of Sugar Land's vibrant commercial district."},
        {
          title: "5-Star Management",          description: "Expertly managed hospitality services ensuring your comfort."},
        {
          title: "Full Facilities",          description: "Access to comprehensive event and business amenities."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695775.jpg"
      imageAlt="modern luxury hotel lobby interior"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="amenities" data-section="amenities">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="split-actions"
      useInvertedBackground={false}
      features={[
        {
          title: "Luxury Suites",          description: "Spacious guest rooms with premium amenities.",          imageSrc: "http://img.b2bpic.net/free-photo/bedroom-with-bed-chair-front-sliding-glass-door_1340-25294.jpg",          imageAlt: "luxury hotel room interior suite"},
        {
          title: "Resort Pool",          description: "Rejuvenate in our expertly maintained swimming facilities.",          imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-pool_1203-7228.jpg",          imageAlt: "modern hotel swimming pool outdoors"},
        {
          title: "Gourmet Dining",          description: "Experience culinary excellence at our fine-dining restaurant.",          imageSrc: "http://img.b2bpic.net/free-photo/grilled-vegetables-served-with-lavash-species_114579-2007.jpg",          imageAlt: "gourmet hotel restaurant dining room"},
        {
          title: "Fitness Center",          description: "State-of-the-art gym with modern equipment.",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv_105762-2214.jpg",          imageAlt: "3d rendering beautiful luxury bedroom suite in hotel with tv"},
        {
          title: "Business Lounge",          description: "Quiet workspaces for the professional traveler.",          imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-style-bedroom-interior-hotel-bedroom-generative-ai-illustration_1258-151611.jpg",          imageAlt: "Luxury modern style bedroom Interior of a hotel bedroom Generative AI illustration"},
      ]}
      title="World-Class Amenities"
      description="Designed to provide comfort, convenience, and luxury during your stay."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Alice M.",          role: "Traveler",          company: "Sugar Land",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-drinking-coffee-with-laptop-desk_23-2147955289.jpg"},
        {
          id: "2",          name: "Bob D.",          role: "Business Guest",          company: "Global Corp",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-cute-couple-wearing-linen-clothing_23-2150695680.jpg"},
        {
          id: "3",          name: "Charlie R.",          role: "Vacationer",          company: "Nearby City",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-having-cup-coffee-while-reading-newspaper_1170-545.jpg"},
        {
          id: "4",          name: "Diana K.",          role: "Event Attendee",          company: "Local Org",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-ginger-girl-yellow-shirt-lying-stone-parapet-looking-down_197531-4548.jpg"},
        {
          id: "5",          name: "Ethan S.",          role: "Frequent Guest",          company: "Sugar Land",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-coffee-cafe_1303-25730.jpg"},
      ]}
      kpiItems={[
        {
          value: "5",          label: "Star Rating"},
        {
          value: "100%",          label: "Commitment"},
        {
          value: "16k+",          label: "Served"},
      ]}
      title="Guest Experiences"
      description="See why guests choose Houston Gloriat Sugar Land."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      text="Visit us at 16090 City Walk, Sugar Land, TX 77479, or call us directly at +1 (281) 275-8400."
      buttons={[
        {
          text: "Call Now",          href: "tel:+12812758400"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Location",          items: [
            {
              label: "16090 City Walk",              href: "#"},
            {
              label: "Sugar Land, TX 77479",              href: "#"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "+1 (281) 275-8400",              href: "tel:+12812758400"},
            {
              label: "gloriat.com",              href: "https://gloriat.com"},
          ],
        },
      ]}
      logoText="Gloriat Sugar Land"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}