"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="medium"
        sizing="medium"
        background="fluid"
        cardStyle="layered-gradient"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About",          id: "about"},
        {
          name: "Features",          id: "features"},
        {
          name: "Pricing",          id: "pricing"},
        {
          name: "Reviews",          id: "testimonials"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Bapa Sitaram PG"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "plain"}}
      title="Affordable, Comfortable Student Living in Gandhinagar"
      description="Comfortable student accommodation in Gandhinagar with free WiFi, laundry, RO water, and home-cooked meals. Trusted by 34 residents with 4.5-star ratings. Contact us today at https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTXNbKPSBHgA8y7fW1o6DCthnK/uploaded-1778307486269-u7c6v7g7.jpg"
      buttons={[
        {
          text: "Check Availability & Inquire",          href: "#contact"},
      ]}
      carouselItems={[
        {
          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/furniture-background-clean-wall-wood_1253-666.jpg?_wi=1",          imageAlt: "Room interior"},
        {
          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_23-2150518235.jpg?_wi=1",          imageAlt: "Happy residents"},
        {
          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/young-students-standing-porch_23-2147666471.jpg",          imageAlt: "Hostel building"},
        {
          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/laughing-people-table_23-2147668935.jpg",          imageAlt: "Dining area"},
        {
          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/lovely-little-girl-using-her-laptop_23-2148001676.jpg",          imageAlt: "Amenities"},
        {
          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/father-son-happy-fathers-day_23-2148098333.jpg",          imageAlt: "Security view"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Your Home Away From Home"
      description="At Bapa Sitaram Boys PG, we prioritize safety, comfort, and community. Located conveniently near your university campus, we provide a stress-free environment for students to focus on their studies."
      imageSrc="http://img.b2bpic.net/free-photo/smiling-students-with-papers_23-2147657176.jpg"
      imageAlt="Hostel management team"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          id: "f1",          title: "High-Speed WiFi",          description: "Seamless internet connectivity for your academic projects and streaming needs.",          tag: "Essential",          imageSrc: "http://img.b2bpic.net/free-photo/soft-pastel-hues-room-kids_23-2151690344.jpg",          imageAlt: "Soft pastel hues room for kids"},
        {
          id: "f2",          title: "Home-Cooked Meals",          description: "Nutritious and delicious meals served daily to keep you fueled and healthy.",          tag: "Dining",          imageSrc: "http://img.b2bpic.net/free-photo/furniture-background-clean-wall-wood_1253-666.jpg?_wi=2",          imageAlt: "Soft pastel hues room for kids"},
        {
          id: "f3",          title: "Laundry Service",          description: "Weekly laundry services so you can focus entirely on your studies.",          tag: "Convenience",          imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_23-2150518235.jpg?_wi=2",          imageAlt: "Soft pastel hues room for kids"},
      ]}
      title="Everything You Need to Succeed"
      description="We've carefully designed our PG to meet the daily needs of busy students in Gandhinagar."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Single Suite",          price: "₹9,000 / mo",          variant: "Premium",          imageSrc: "http://img.b2bpic.net/free-photo/small-juvenile-bedroom-arrangement_23-2151113760.jpg"},
        {
          id: "p2",          name: "Double Occupancy",          price: "₹7,500 / mo",          variant: "Popular",          imageSrc: "http://img.b2bpic.net/free-photo/roommates-sharing-happy-moments-together_23-2149112085.jpg"},
        {
          id: "p3",          name: "Triple Room",          price: "₹6,000 / mo",          variant: "Standard",          imageSrc: "http://img.b2bpic.net/free-photo/roommates-sharing-happy-moments-together_23-2149112068.jpg"},
        {
          id: "p4",          name: "Four Sharing",          price: "₹5,000 / mo",          variant: "Budget",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-friends-hostel_23-2150598864.jpg"},
        {
          id: "p5",          name: "Premium Private",          price: "₹12,000 / mo",          variant: "Luxury",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-spa_23-2148000228.jpg"},
        {
          id: "p6",          name: "Shared Dorm",          price: "₹4,500 / mo",          variant: "Basic",          imageSrc: "http://img.b2bpic.net/free-photo/girl-checking-her-notes-before-school_23-2148969834.jpg"},
      ]}
      title="Room Options"
      description="Choose from a variety of room configurations to suit your budget and lifestyle preferences."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          value: "34+",          description: "Happy Residents"},
        {
          id: "m2",          value: "4.5",          description: "Average Rating"},
        {
          id: "m3",          value: "24/7",          description: "Support Team"},
      ]}
      title="Why Students Choose Us"
      description="Our numbers speak for the quality of care and consistency we provide to every resident."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Rahul Verma",          handle: "@rahulv",          testimonial: "Excellent food and a very supportive environment for students. Highly recommend!",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-library_23-2149204750.jpg"},
        {
          id: "t2",          name: "Amit Patel",          handle: "@amitp",          testimonial: "The location is perfect for university students. Everything is within walking distance.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-with-arm-raised-greeting-someone-while-walking-street_637285-5836.jpg"},
        {
          id: "t3",          name: "Vikram Singh",          handle: "@vikrams",          testimonial: "Very clean and managed properly. Best PG experience I've had in Gandhinagar.",          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-leisure-outdoor-activity-concept-portrait-happy-queer-girl-denim-jacket-glasses-having-walk-with-city-enjoying-spring-drinking-ice-latte-smiling-camera_197531-30588.jpg"},
        {
          id: "t4",          name: "Suresh Kumar",          handle: "@sureshk",          testimonial: "Reliable WiFi and hot water. Makes my daily student life so much easier.",          imageSrc: "http://img.b2bpic.net/free-photo/man-relaxing-taking-care-himself_23-2149288098.jpg"},
        {
          id: "t5",          name: "Pawan Gupta",          handle: "@pawang",          testimonial: "The home-cooked meals are a huge plus for those of us living away from home.",          imageSrc: "http://img.b2bpic.net/free-photo/female-dancing-sofa-stretching_1301-106.jpg"},
      ]}
      title="What Our Students Say"
      description="Hear from our current and past residents about their experience at Bapa Sitaram Boys PG."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="split"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",          title: "Is security provided?",          content: "Yes, we have 24/7 CCTV surveillance and secure entry systems."},
        {
          id: "q2",          title: "Are meals included?",          content: "Yes, we provide quality home-cooked breakfast, lunch, and dinner."},
        {
          id: "q3",          title: "What about connectivity?",          content: "High-speed unlimited WiFi is available throughout the building."},
      ]}
      title="Frequently Asked Questions"
      description="Everything you need to know about life at our PG."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Inquiry"
      title="Ready to move in?"
      description="Send us your details and we'll get back to you with availability and pricing options."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Bapa Sitaram Boys PG"
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Reviews",              href: "#testimonials"},
          ],
        },
        {
          title: "Help",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
      ]}
      copyrightText="© 2024 Bapa Sitaram Boys PG. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}