"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterCard from '@/components/sections/footer/FooterCard';
import { CheckCircle, Github, Linkedin, Mail, Sparkles, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="mediumLarge"
      background="none"
      cardStyle="elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Webild"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Features", id: "features" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Global Community"
          bottomRightText="hello@webild.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Webild"
          description="Building beautiful, modern websites with innovative design solutions"
          buttons={[
            { text: "Get Started", href: "https://github.com" },
            { text: "Learn More", href: "about" }
          ]}
          imageSrc="https://img.b2bpic.net/free-vector/abstract-colorful-liquid-flow-banner-template_1055-9094.jpg"
          imageAlt="Modern abstract gradient background"
          showDimOverlay={false}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="About Us"
          tagIcon={Sparkles}
          title="We're committed to delivering exceptional digital experiences that inspire and engage"
          description="Webild Team"
          subdescription="Design & Development Studio"
          icon={CheckCircle}
          imageSrc="https://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153838.jpg"
          imageAlt="Team collaboration workspace"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNine
          title="Powerful Features"
          description="Everything you need to create stunning digital experiences"
          showStepNumbers={true}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Seamless Integration",              description: "Connect your tools and workflows effortlessly with our intuitive platform designed for modern teams",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-vector/abstract-technology-science-background-with-connecting-lines_1017-22915.jpg",                imageAlt: "Feature one showcase"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-vector/futuristic-digital-dotted-mesh-tech-wallpaper-design_1017-52325.jpg",                imageAlt: "Feature one comparison"
              }
            },
            {
              id: 2,
              title: "Real-time Collaboration",              description: "Work together in real-time with instant updates, comments, and seamless team coordination",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-vector/futuristic-digital-dotted-mesh-tech-wallpaper-design_1017-52325.jpg",                imageAlt: "Feature two showcase"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-vector/abstract-technology-science-background-with-connecting-lines_1017-22915.jpg",                imageAlt: "Feature two comparison"
              }
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Clients Say"
          description="Real experiences from teams who've transformed their workflow"
          showRating={true}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              handle: "@sarahj",              testimonial: "Webild transformed how our team collaborates. The design is intuitive and the features are exactly what we needed.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Michael Chen",              handle: "@mchen",              testimonial: "Best investment we made for our design workflow. Productivity increased by 40% in the first month.",              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: "Michael Chen"
            },
            {
              id: "3",              name: "Emily Rodriguez",              handle: "@emilyrod",              testimonial: "The support team is incredible and the platform keeps getting better. Highly recommend!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",              name: "David Kim",              handle: "@dkim",              testimonial: "Finally a tool that understands modern design teams. Integration was seamless.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",              imageAlt: "David Kim"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Get In Touch"
          ctaDescription="Have questions? We'd love to hear from you. Let's start a conversation today."
          ctaIcon={Mail}
          ctaButton={{
            text: "Contact Us",            href: "#"
          }}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "How do I get started?",              content: "Getting started is easy. Sign up for a free account, complete the onboarding, and you'll be ready to go in minutes."
            },
            {
              id: "2",              title: "What are the pricing plans?",              content: "We offer flexible pricing plans starting at $29/month for individual users, with enterprise options available for larger teams."
            },
            {
              id: "3",              title: "Is there a free trial?",              content: "Yes! We offer a 14-day free trial with full access to all features. No credit card required."
            },
            {
              id: "4",              title: "What support options are available?",              content: "We provide email support, live chat during business hours, and comprehensive documentation for all users."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Webild"
          copyrightText="© 2025 Webild. All rights reserved."
          socialLinks={[
            {
              icon: Twitter,
              href: "https://twitter.com/webild",              ariaLabel: "Twitter"
            },
            {
              icon: Linkedin,
              href: "https://linkedin.com/company/webild",              ariaLabel: "LinkedIn"
            },
            {
              icon: Github,
              href: "https://github.com/webild",              ariaLabel: "GitHub"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}