"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitAvatars from '@/components/sections/hero/HeroSplitAvatars';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Mail, Chef, Book } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumLarge"
      background="none"
      cardStyle="solid-accent"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Cooking"
          navItems={[
            { name: "Recipes", id: "shop" },
            { name: "Techniques", id: "about" },
            { name: "Guides", id: "collections" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Subscribe", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitAvatars
          title="Master the Art of Cooking"
          description="Learn from expert chefs, discover incredible recipes, and transform your kitchen skills. Join thousands of passionate cooks in our community."
          tag="Culinary Excellence"
          tagIcon={Chef}
          imagePosition="right"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983288368-py19hzaj.jpg"
          imageAlt="Cooking inspiration"
          avatars={[
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399072529-1z8sle2r.jpg", alt: "Chef 1" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140153329-bmp1nqc3.jpg", alt: "Chef 2" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766318234070-3a71e283.jpg", alt: "Chef 3" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184201718-hfojd9bk.jpg", alt: "Chef 4" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766787044450-9f4y10ts.jpg", alt: "Chef 5" }
          ]}
          avatarText="Join 50,000+ cooking enthusiasts"
          buttons={[
            { text: "Explore Recipes", href: "shop" },
            { text: "Learn More", href: "collections" }
          ]}
        />
      </div>

      <div id="shop" data-section="shop">
        <ProductCardOne
          title="Featured Recipes"
          description="Discover our handpicked collection of delicious recipes from around the world. Each recipe is tested and perfected by our culinary team."
          tag="Popular"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          products={[
            {
              id: "1",
              name: "Homemade Pasta Carbonara",
              price: "Easy",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766787041844-tzssa0wc.jpg",
              imageAlt: "Pasta Carbonara",
              isFavorited: false
            },
            {
              id: "2",
              name: "Spicy Thai Curry",
              price: "Medium",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983289277-elw8ical.jpg",
              imageAlt: "Thai Curry",
              isFavorited: false
            },
            {
              id: "3",
              name: "Classic French Beef Stew",
              price: "Medium",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983290082-rq47q3ut.jpg",
              imageAlt: "Beef Stew",
              isFavorited: false
            },
            {
              id: "4",
              name: "Gourmet Seafood Risotto",
              price: "Advanced",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983291397-8uh3i1cf.jpg",
              imageAlt: "Seafood Risotto",
              isFavorited: false
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <FeatureCardThree
          title="Why Cook With Us"
          description="We provide everything you need to succeed in the kitchen, from detailed recipes to expert guidance and community support."
          tag="Our Approach"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          features={[
            {
              id: "1",
              title: "Expert Recipes",
              description: "Curated recipes from professional chefs with detailed instructions and ingredient sourcing tips.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983292413-wq7r64pm.jpg",
              imageAlt: "Expert recipes"
            },
            {
              id: "2",
              title: "Cooking Techniques",
              description: "Master fundamental techniques that will improve your cooking across all cuisines and styles.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766787045743-6gjau4zf.jpg",
              imageAlt: "Cooking techniques"
            },
            {
              id: "3",
              title: "Community Support",
              description: "Connect with fellow cooking enthusiasts, share your creations, and get feedback from the community.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983293269-qul9w8a9.jpg",
              imageAlt: "Community support"
            },
            {
              id: "4",
              title: "Ingredient Guides",
              description: "Learn about sourcing quality ingredients, understanding flavor profiles, and seasonal cooking.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983294082-ngjm8l0d.jpg",
              imageAlt: "Ingredient guides"
            }
          ]}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardOne
          title="What Our Community Says"
          description="Hear from passionate cooks who have improved their culinary skills through our recipes and guides."
          tag="Success Stories"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          testimonials={[
            {
              id: "1",
              name: "Julia Anderson",
              role: "Home Chef",
              company: "Cooking Enthusiast",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399072529-1z8sle2r.jpg",
              imageAlt: "Julia Anderson"
            },
            {
              id: "2",
              name: "Marco Rossi",
              role: "Professional Chef",
              company: "Michelin Restaurant",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140153329-bmp1nqc3.jpg",
              imageAlt: "Marco Rossi"
            },
            {
              id: "3",
              name: "Sophie Chen",
              role: "Food Blogger",
              company: "Culinary Chronicles",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766318234070-3a71e283.jpg",
              imageAlt: "Sophie Chen"
            },
            {
              id: "4",
              name: "David Williams",
              role: "Cooking Instructor",
              company: "Culinary Academy",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184201718-hfojd9bk.jpg",
              imageAlt: "David Williams"
            }
          ]}
        />
      </div>

      <div id="collections" data-section="collections">
        <FaqSplitText
          sideTitle="Cooking Questions Answered"
          sideDescription="Find answers to common cooking questions, ingredient substitutions, and kitchen tips."
          textPosition="left"
          useInvertedBackground="noInvert"
          faqs={[
            {
              id: "1",
              title: "How do I choose the right ingredients?",
              content: "Quality ingredients are crucial for great cooking. Look for fresh, seasonal produce and high-grade pantry staples. Our ingredient guides help you understand what to look for at the market."
            },
            {
              id: "2",
              title: "What are essential cooking techniques?",
              content: "Master techniques like sautéing, braising, roasting, and emulsifying. These fundamental skills apply across cuisines and will transform your cooking abilities. Check our techniques section for detailed tutorials."
            },
            {
              id: "3",
              title: "How do I meal plan effectively?",
              content: "Plan your meals around seasonal ingredients and cooking methods. Group recipes by preparation time and complexity. Our community shares meal plans and shopping lists to make it easier."
            },
            {
              id: "4",
              title: "What equipment do I really need?",
              content: "Start with quality basics: sharp knives, heavy cookware, and proper mixing bowls. You don't need expensive gadgets. Our equipment guides focus on versatile tools that last."
            },
            {
              id: "5",
              title: "How do I develop my cooking style?",
              content: "Experiment with recipes, taste as you cook, and understand flavor combinations. Read cooking blogs, watch tutorials, and practice regularly. Your unique style develops naturally over time."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Join Us"
          title="Get Cooking Inspiration"
          description="Subscribe to our newsletter for weekly recipes, cooking tips, ingredient spotlights, and exclusive community access."
          tagIcon={Mail}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. No spam, ever."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          columns={[
            {
              items: [
                { label: "Latest Recipes", href: "shop" },
                { label: "Popular Recipes", href: "shop" },
                { label: "Trending Now", href: "shop" }
              ]
            },
            {
              items: [
                { label: "Techniques", href: "about" },
                { label: "Ingredient Guide", href: "about" },
                { label: "Kitchen Basics", href: "about" }
              ]
            },
            {
              items: [
                { label: "Contact", href: "contact" },
                { label: "Support", href: "contact" },
                { label: "Submit Recipe", href: "#" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
          logoText="Cooking"
        />
      </div>
    </ThemeProvider>
  );
}
