"use client";

import React from 'react';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Coffee, Leaf, Palette, Star, Wifi } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeLargeTitles"
      background="noiseDiagonalGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          navItems={[{name:"Hero",id:"hero-section"},{name:"About",id:"about-section"},{name:"Feature",id:"features-section"},{name:"Product",id:"products-section"},{name:"Testimonial",id:"testimonials-section"},{name:"Contact",id:"contact-section"}]}
          button={{text:"Visit Us",href:"#contact-section"}}
          brandName="Drink and Sleep"
        />
      </div>
      <div id="hero-section" data-section="hero-section">
        <HeroBillboard 
          title="Sip, Sit, and Soar"
          description="Where every cup tells a story and every corner invites you to pause. Discover your perfect brew in our cozy haven designed for comfort and connection."
          background={{ variant: "radial-gradient" }}
          tag="Cozy Coffee & Comfort"
          tagIcon={Coffee}
          tagAnimation="slide-up"
          buttons={[{text:"Explore Our Menu",href:"#products-section"},{text:"Book Your Space",href:"#contact-section"}]}
          buttonAnimation="slide-up"
          avatars={[{src:"http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg",alt:"Happy customer enjoying coffee"},{src:"http://img.b2bpic.net/free-photo/couple-smiling-pointing-coffee-filter_23-2148366667.jpg",alt:"Remote worker at a cozy desk"}]}
          avatarText="Join 500+ coffee lovers who call us home"
          imageSrc="http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg"
          imageAlt="Cozy interior of Drink and Sleep coffee shop with warm lighting and comfortable seating"
          mediaAnimation="slide-up"
          marqueeItems={[{type: "text-icon", text:"Artisan Roasted Beans",icon:Leaf},{type: "text-icon", text:"Free WiFi & Power Outlets",icon:Wifi},{type: "text-icon", text:"Local Art on Display",icon:Palette}]}
          marqueeSpeed={40}
          showMarqueeCard={true}
          ariaLabel="Hero section featuring cozy coffee shop atmosphere"
        />
      </div>
      <div id="about-section" data-section="about-section">
        <TextAbout 
          tag="Our Story"
          tagIcon={Coffee}
          tagAnimation="slide-up"
          title="Where Coffee Meets Comfort"
          buttons={[{text:"Explore Our Space",href:"#features-section"},{text:"View Menu",href:"#products-section"}]}
          buttonAnimation="blur-reveal"
          useInvertedBackground={true}
        />
      </div>
      <div id="features-section" data-section="features-section">
        <FeatureCardTwentyOne 
          title="Crafted for Comfort & Connection"
          description="Our space is designed to inspire productivity and relaxation. Whether you're working remotely or enjoying a quiet moment, our thoughtfully curated environment supports your well-being."
          tag="Cozy Atmosphere"
          tagIcon={Coffee}
          tagAnimation="slide-up"
          buttons={[{text:"Explore Our Space",href:"#about-section"}]}
          buttonAnimation="slide-up"
          accordionItems={[{id:"comfort",title:"Comfortable Seating",content:"Experience our premium seating options designed for long stays. Each chair offers ergonomic support and a welcoming embrace."},{id:"wifi",title:"High-Speed WiFi",content:"Stay connected with our reliable internet service, perfect for remote work or catching up on your favorite shows."},{id:"lighting",title:"Warm Lighting",content:"Our ambient lighting creates an inviting atmosphere that reduces eye strain and enhances focus during your visit."}]}
          imageSrc="http://img.b2bpic.net/free-photo/female-student-using-laptop-while-sitting-cafe-concentrated-young-woman-freelancer-work_146671-19749.jpg"
          imageAlt="Interior of Drink and Sleep coffee shop featuring comfortable seating and warm lighting"
          mediaAnimation="slide-up"
          useInvertedBackground={true}
          mediaPosition="right"
          ariaLabel="Features section highlighting the cozy and functional aspects of Drink and Sleep"
        />
      </div>
      <div id="products-section" data-section="products-section">
        <ProductCardOne 
          title="Our Signature Coffee Selection"
          description="Discover our carefully curated collection of premium beans, roasted to perfection for an unforgettable taste experience."
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          products={[{id:"coffee-1",name:"Ethiopian Yirgacheffe",price:"$14.99",imageSrc:"http://img.b2bpic.net/free-photo/top-view-brown-coffee-seeds-with-macarons_140725-27789.jpg",imageAlt:"Ethiopian Yirgacheffe coffee beans"},{id:"coffee-2",name:"Colombian Supremo",price:"$15.99",imageSrc:"http://img.b2bpic.net/free-photo/beautiful-cup-with-tea-coffee-wooden-stand-home-comfort-concept_169016-9906.jpg",imageAlt:"Colombian Supremo coffee beans"},{id:"coffee-3",name:"Guatemalan Antigua",price:"$16.99",imageSrc:"http://img.b2bpic.net/free-photo/crumbles-chocholate-tasty-dessert-with-biscuit-top-wooden-table-near-delicious-coffee-mini-cake-baked-after-traditional-recipe_482257-19880.jpg",imageAlt:"Guatemalan Antigua coffee beans"}]}
          buttons={[{text:"View Full Menu",href:"#products-section"}]}
        />
      </div>
      <div id="testimonials-section" data-section="testimonials-section">
        <TestimonialCardOne 
          testimonials={[{id:"testimonial-1",name:"Alex Morgan",role:"Freelance Designer",company:"Creative Minds",rating:5,imageSrc:"http://img.b2bpic.net/free-photo/woman-sitting-cafe-drinking-coffee-working-computer_1303-14720.jpg",imageAlt:"Alex Morgan, freelance designer enjoying coffee at Drink and Sleep"},{id:"testimonial-2",name:"Jamie Lee",role:"Remote Developer",company:"TechFlow Inc.",rating:5,imageSrc:"http://img.b2bpic.net/free-photo/image-young-digital-nomad-man-glasses-sits-cafe-works-from-coffee-shop-uses-laptop_1258-245402.jpg",imageAlt:"Jamie Lee, remote developer working comfortably at Drink and Sleep"},{id:"testimonial-3",name:"Taylor Kim",role:"Content Creator",company:"StoryCraft",rating:5,imageSrc:"http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16250.jpg",imageAlt:"Taylor Kim, content creator relaxing with a cup of coffee at Drink and Sleep"}]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          title="What Our Community Says"
          description="Join our growing community of coffee lovers and remote workers who find their perfect workspace at Drink and Sleep."
          tag="Customer Favorites"
          tagIcon={Star}
          tagAnimation="blur-reveal"
          buttons={[{text:"View All Reviews",href:"#"}]}
          buttonAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="contact-section" data-section="contact-section">
        <ContactSplitForm 
          title="Come Visit Us"
          description="We'd love to hear from you! Whether you have questions about our coffee, want to book a private event, or just need a cozy spot to work, reach out and we'll get back to you within 24 hours."
          inputs={[{name:"name",type:"text",placeholder:"Your Name",required:true},{name:"email",type:"email",placeholder:"Your Email",required:true},{name:"subject",type:"text",placeholder:"Subject",required:false}]}
          textarea={{name:"message",placeholder:"Your Message",rows:5,required:true}}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/love-sign-wall-wedding-reception_637285-5615.jpg"
          imageAlt="Cozy interior of Drink and Sleep coffee shop with warm lighting and comfortable seating"
          mediaAnimation="slide-up"
          mediaPosition="left"
          buttonText="Send Message"
          ariaLabel="Contact section"
          titleClassName="text-3xl font-bold text-gray-900"
          descriptionClassName="text-lg text-gray-600 mt-2"
          buttonClassName="bg-indigo-600 hover:bg-indigo-700 text-white font-medium py-3 px-6 rounded-lg transition duration-300 ease-in-out transform hover:scale-105"
          buttonTextClassName="font-semibold"
        />
      </div>
      <div id="footer-section" data-section="footer-section">
        <FooterBase 
          columns={[{title:"Explore",items:[{label:"Home",href:"#hero-section"},{label:"About Us",href:"#about-section"},{label:"Our Products",href:"#products-section"},{label:"Testimonials",href:"#testimonials-section"}]},{title:"Support",items:[{label:"Contact Us",href:"#contact-section"},{label:"FAQs",href:"#contact-section"},{label:"Location & Hours",href:"#contact-section"}]},{title:"Connect",items:[{label:"Instagram",href:"#"},{label:"Facebook",href:"#"},{label:"Newsletter",href:"#"}]}]}
          logoText="Drink and Sleep"
          copyrightText="© 2025 Drink and Sleep. All rights reserved."
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}