"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeLargeTitles"
      background="floatingGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="LayerPractice"
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Features", id: "features" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Global Community"
          bottomRightText="hello@layerpractice.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="LAYER PRACTICE"
          description="Master the art of precise layering technique through structured practice and expert guidance"
          buttons={[
            { text: "Start Learning", href: "#features" },
            { text: "Join Community", href: "#contact" }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hands-preparing-cake_23-2149144133.jpg",              imageAlt: "Layer practice technique demonstration"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hands-preparing-cake_23-2149144136.jpg",              imageAlt: "Professional layer practice hands-on"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/mold-with-mix_23-2147958950.jpg",              imageAlt: "Layer practice training session"
            }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
          logoLineHeight={1.1}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          tag="About Us"
          title="Transform Your Layer Practice"
          description="Learn the fundamental principles of layer practice through our comprehensive curriculum. Whether you're beginning your journey or refining your technique, our expert-led program guides you through every step with precision and care."
          imageSrc="https://img.b2bpic.net/free-photo/beautifully-decorted-bakery-sweets_23-2149367798.jpg"
          imageAlt="Professional layer practice workshop"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn More", href: "#features" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          title="Essential Techniques"
          description="Master the core components of layer practice with our structured curriculum"
          tag="Features"
          textboxLayout="default"
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          features={[
            {
              title: "Hand Positioning",              description: "Learn precise hand placement and movement control for consistent, repeatable results",              imageSrc: "https://img.b2bpic.net/free-photo/sided-view-cook-preparing-tiramisu_23-2149549732.jpg",              imageAlt: "Proper hand positioning technique"
            },
            {
              title: "Timing & Rhythm",              description: "Develop muscle memory through structured timing exercises and rhythmic practice patterns",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hands-making-cake_23-2149144128.jpg",              imageAlt: "Timing and rhythm training"
            },
            {
              title: "Speed Control",              description: "Progress from slow, controlled movements to fluid, dynamic execution at any tempo",              imageSrc: "https://img.b2bpic.net/free-photo/hands-decorating-cake-with-copy-space_23-2148395184.jpg",              imageAlt: "Speed and control mastery"
            },
            {
              title: "Breathing & Focus",              description: "Integrate mindful breathing patterns to enhance concentration and reduce tension during practice",              imageSrc: "https://img.b2bpic.net/free-photo/beautifully-decorted-bakery-sweets_23-2149367801.jpg",              imageAlt: "Breathing techniques and focus"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Success Stories"
          description="Hear from practitioners who have transformed their layer practice"
          tag="Testimonials"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          showRating={true}
          buttons={[
            { text: "Join Our Community", href: "#contact" },
            { text: "Start Your Journey", href: "#features" }
          ]}
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              handle: "@sarahbakes",              testimonial: "This program completely changed how I approach layer practice. My precision improved dramatically within just three weeks!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg",              imageAlt: "Sarah Chen"
            },
            {
              id: "2",              name: "Marcus Johnson",              handle: "@marcuspractices",              testimonial: "The structured curriculum and expert guidance made it so easy to understand and master each technique.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-successful-businessman-thinking-posing-beige-wall_176420-144.jpg",              imageAlt: "Marcus Johnson"
            },
            {
              id: "3",              name: "Elena Rodriguez",              handle: "@elenacraft",              testimonial: "I've been practicing for years, but this program helped me refine my skills to a professional level.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "Elena Rodriguez"
            },
            {
              id: "4",              name: "David Kim",              handle: "@davidpractices",              testimonial: "The breathing and focus techniques alone were worth the investment. Highly recommend to anyone serious about layer practice!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",              imageAlt: "David Kim"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about layer practice and our program"
          textPosition="left"
          useInvertedBackground="noInvert"
          animationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "1",              title: "What is layer practice and who should learn it?",              content: "Layer practice is a structured approach to skill development focusing on precision, control, and repetition. It's suitable for beginners seeking to build strong fundamentals and advanced practitioners looking to refine their technique."
            },
            {
              id: "2",              title: "How long does it take to see improvement?",              content: "Most practitioners notice significant improvements within 2-3 weeks of consistent daily practice. However, mastery is a continuous journey that develops over months and years of dedicated practice."
            },
            {
              id: "3",              title: "Can I practice on my own or do I need guidance?",              content: "While self-practice is valuable, our program provides structured guidance that accelerates learning and helps you avoid common mistakes. We offer both guided instruction and independent practice modules."
            },
            {
              id: "4",              title: "What equipment do I need to get started?",              content: "You'll need basic materials specific to your practice focus. Our beginner kits include everything necessary to start, and we provide detailed guides for sourcing quality equipment."
            },
            {
              id: "5",              title: "Is there a community I can join?",              content: "Absolutely! Our community includes thousands of practitioners worldwide. You'll have access to forums, group practice sessions, and exclusive member content."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          title="Join Our Community"
          description="Subscribe to receive exclusive practice tips, technique tutorials, and community updates delivered weekly to your inbox."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/close-up-hand-making-cake_23-2149144134.jpg"
          imageAlt="Layer practice community"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. By subscribing, you agree to receive emails from Layer Practice."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="LayerPractice"
          logoLineHeight={1.1}
        />
      </div>
    </ThemeProvider>
  );
}