"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="compact"
        sizing="largeSmallSizeMediumTitles"
        background="fluid"
        cardStyle="solid"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          id: "#about"},
        {
          name: "Benefits",          id: "#benefits"},
        {
          name: "Products",          id: "#products"},
        {
          name: "Membership",          id: "#membership"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="BJ's Wholesale Club"
      bottomLeftText="Columbia, MD"
      bottomRightText="(410) 312-2700"
    />
  </div>

  <div id="home" data-section="home">
      <HeroLogoBillboard
      background={{
        variant: "plain"}}
      logoText="BJ's Wholesale Club"
      description="Your one-stop destination for bulk savings on everyday essentials. Shop in-club or online for groceries, electronics, home goods, and more."
      buttons={[
        {
          text: "Shop Now",          href: "#products"},
        {
          text: "Become a Member",          href: "#membership"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-smiling-pop-star-singer-with-microphone-sitting-scene-club_158538-7879.jpg"
      imageAlt="Busy aisle inside a BJ's Wholesale Club"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="About BJ's Wholesale Club"
      description="BJ's Wholesale Club is a membership-based warehouse retailer offering a wide range of products at discounted bulk prices. Members can shop both online and in-store for groceries, household essentials, electronics, furniture, tires, personal care items, and more, all designed to help families and businesses save money."
      imageSrc="http://img.b2bpic.net/free-photo/distribution-warehouse-building-interior-large-storage-area-with-goods-shelf_342744-1452.jpg"
      imageAlt="Interior view of BJ's Wholesale Club aisles"
    />
  </div>

  <div id="benefits" data-section="benefits">
      <FeatureCardTwelve
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "f1",          label: "Save Big",          title: "Bulk Savings & Exclusive Deals",          items: [
            "Significant savings on everyday essentials",            "Member-only pricing and exclusive discounts",            "Access to special promotions and coupons"],
        },
        {
          id: "f2",          label: "Shop Your Way",          title: "Flexible Shopping Options",          items: [
            "Convenient online shopping from anywhere",            "Traditional in-club purchasing experience",            "Same-day delivery options available"],
        },
        {
          id: "f3",          label: "Hassle-Free",          title: "Convenience & Accessibility",          items: [
            "Contactless pickup services for quick orders",            "Discount programs for eligible groups, including teachers",            "One-stop shopping for all your needs"],
        },
        {
          id: "f4",          label: "Wide Selection",          title: "Everything You Need Under One Roof",          items: [
            "Groceries, household, and cleaning supplies",            "Electronics, computers, and furniture",            "Tires, personal care, and office supplies"],
        },
      ]}
      title="Key Benefits of BJ's Membership"
      description="Unlock significant savings and convenient shopping experiences with your BJ's membership. We offer a variety of perks designed to make your life easier and more affordable."
      animationType="blur-reveal"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Groceries & Pantry Items",          price: "Bulk Pricing",          imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309698.jpg",          imageAlt: "Aisle of fresh groceries"},
        {
          id: "p2",          name: "Household & Cleaning Supplies",          price: "Bulk Pricing",          imageSrc: "http://img.b2bpic.net/free-photo/tray-with-toilet-paper-rolls_23-2148508101.jpg",          imageAlt: "Selection of household cleaning supplies"},
        {
          id: "p3",          name: "TVs & Electronics",          price: "Member Price",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-kind-cheese-wooden-cutting-board-cottage-cheese-wooden-bowl-with-pickled-olives-rustic-table_141793-8833.jpg",          imageAlt: "Modern TVs on display"},
        {
          id: "p4",          name: "Personal Care & Health Products",          price: "Member Price",          imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_74190-3597.jpg",          imageAlt: "Variety of personal care products"},
        {
          id: "p5",          name: "Furniture",          price: "Bulk Pricing",          imageSrc: "http://img.b2bpic.net/free-photo/mid-century-modern-dining-room-with-wooden-furniture_23-2152001396.jpg",          imageAlt: "Stylish living room furniture"},
        {
          id: "p6",          name: "Tires & Automotive Products",          price: "Member Price",          imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934327.jpg",          imageAlt: "Assortment of car tires"},
        {
          id: "p7",          name: "Toys & Games",          price: "Member Price",          imageSrc: "http://img.b2bpic.net/free-photo/retro-tin-robot-toy-standing-ground-with-pattern_53876-23370.jpg",          imageAlt: "Colorful children's toys"},
        {
          id: "p8",          name: "Office Supplies",          price: "Bulk Pricing",          imageSrc: "http://img.b2bpic.net/free-photo/books-vase-vintage-camera-eyeglasses-pencil-holders-white-blank-paper-wooden-backdrop_23-2147979111.jpg",          imageAlt: "Organized office supplies"},
        {
          id: "p9",          name: "Paper Products",          price: "Bulk Pricing",          imageSrc: "http://img.b2bpic.net/free-photo/assortment-beauty-products-displayed-shelf_23-2150718017.jpg",          imageAlt: "Stack of paper towels"},
        {
          id: "p10",          name: "Computers & Tablets",          price: "Member Price",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-with-dairy-products_23-2148601707.jpg",          imageAlt: "Laptops and tablets"},
      ]}
      title="Explore Our Product Categories"
      description="From fresh groceries to the latest electronics, find everything your home and business needs at unbeatable bulk prices."
      animationType="blur-reveal"
    />
  </div>

  <div id="membership" data-section="membership">
      <PricingCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "basic",          tag: "Entry Level",          tagIcon: Sparkles,
          price: "$55",          period: "per year",          description: "Access to member-only savings and discounts both online and in-club. Perfect for everyday value.",          button: {
            text: "Join Club Membership",            href: "#"},
          featuresTitle: "Includes:",          features: [
            "Member-only pricing",            "Online and in-store access",            "Digital coupons",            "Contactless pickup"],
        },
        {
          id: "premium",          tag: "Most Popular",          tagIcon: Star,
          price: "$110",          period: "per year",          description: "Enjoy all Club benefits plus additional rewards and greater savings. Ideal for frequent shoppers.",          button: {
            text: "Join Club+ Membership",            href: "#"},
          featuresTitle: "All Club benefits, plus:",          features: [
            "Earn 2% cash back on most purchases",            "Free second membership card",            "Exclusive savings events",            "Enhanced customer service"],
        },
      ]}
      title="Choose Your BJ's Membership"
      description="Select the perfect plan to maximize your savings and benefits at BJ's Wholesale Club. Enjoy exclusive access and rewards tailored to your needs."
      animationType="blur-reveal"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="Customers consistently praise our Columbia location for its excellent organization, friendly and efficient staff, and exceptional value on cleaning supplies, packaged foods, and personal care items. It's a truly comparable experience with unique product variety."
      rating={5}
      author="Happy BJ's Members"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-hair-bun-having-joyful-look-smiling-cheerfully-happy-with-some-positive-news_273609-9042.jpg",          alt: "Sarah Johnson"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",          alt: "Michael Chen"},
        {
          src: "http://img.b2bpic.net/free-photo/positive-female-smiling-funny-model-posing-near-pink-wall-studio-shocked-surprised_158538-3432.jpg",          alt: "Emily Rodriguez"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-hipster-smiles-pleasantly-shows-white-teeth-wears-striped-sweater-yellow-raincoat-glad-have-day-off-has-walk-autumn-day-isolated-blue-wall_273609-33591.jpg",          alt: "David Kim"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man-sitting-sofa-looking-camera-home_23-2148098178.jpg",          alt: "Jessica Lee"},
      ]}
      ratingAnimation="elastic-effect"
      avatarsAnimation="elastic-effect"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",          title: "How do I become a BJ's member?",          content: "You can become a BJ's member by signing up online at our website or visiting any BJ's Wholesale Club location and speaking with a membership representative. We offer various membership tiers to suit your needs."},
        {
          id: "faq2",          title: "What products can I find at BJ's?",          content: "BJ's offers a vast selection including groceries, household essentials, electronics, furniture, tires, personal care items, and more. Our inventory is constantly updated to bring you the best value and variety."},
        {
          id: "faq3",          title: "Do you offer online shopping and delivery?",          content: "Yes, members can shop online through our website or app and choose from convenient options like in-club pickup or same-day delivery to their doorstep in eligible areas."},
        {
          id: "faq4",          title: "What are your club hours?",          content: "Our Columbia, MD location is open daily until 10:00 PM. Please check our website or contact the club directly for the most current operating hours, especially during holidays."},
        {
          id: "faq5",          title: "Are there special discounts for specific groups?",          content: "Yes, BJ's offers discount programs for eligible groups, including teachers. Please inquire at our membership desk or check our website for more details on current offers and eligibility requirements."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/front-view-sick-young-female-feeling-ill-holding-huge-white-sign-light-white-surface_140725-31576.jpg"
      imageAlt="Someone asking a question with a thought bubble icon"
      mediaAnimation="blur-reveal"
      mediaPosition="right"
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about BJ's Wholesale Club, from membership details to shopping policies and in-club services."
      faqsAnimation="elastic-effect"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get in Touch with BJ's Wholesale Club"
      description="Have questions, feedback, or need assistance? Our friendly team is here to help. Fill out the form below or find our contact information and hours of operation."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Your Phone Number (Optional)"},
      ]}
      textarea={{
        name: "message",        placeholder: "Your Message",        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/engineers-overseeing-server-room-with-mockup-device-reading-documentation_482257-121020.jpg"
      imageAlt="Exterior of BJ's Wholesale Club entrance"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="BJ's Wholesale Club"
      columns={[
        {
          title: "Quick Links",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Benefits",              href: "#benefits"},
            {
              label: "Product Categories",              href: "#products"},
          ],
        },
        {
          title: "Membership",          items: [
            {
              label: "Club Membership",              href: "#membership"},
            {
              label: "Club+ Membership",              href: "#membership"},
            {
              label: "Join Today",              href: "#membership"},
          ],
        },
        {
          title: "Contact & Info",          items: [
            {
              label: "Phone: (410) 312-2700",              href: "tel:+14103122700"},
            {
              label: "Address: 9011 Snowden River Parkway, Columbia, MD 21046",              href: "https://maps.app.goo.gl/address"},
            {
              label: "Hours: Open daily until 10:00 PM",              href: "#"},
            {
              label: "FAQs",              href: "#faq"},
          ],
        },
      ]}
      copyrightText="© 2024 BJ's Wholesale Club. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
