"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Sparkles, User, Briefcase, Zap, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeLargeTitles"
      background="fluid"
      cardStyle="glass-depth"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "About", id: "about" },
            { name: "Work", id: "work" },
            { name: "Services", id: "services" },
            { name: "Contact", id: "contact" },
            { name: "Blog", id: "blog" }
          ]}
          brandName="Dhanush Ganji"
          bottomLeftText="Founder of Ganji"
          bottomRightText="hello@ganji.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Dhanush Ganji - Founder & Strategic Innovator"
          description="Building transformative solutions through Ganji. Expertise in product strategy, digital innovation, and scaling ambitious ventures. Let's create something extraordinary together."
          background={{ variant: "sparkles-gradient" }}
          tag="Portfolio"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "View My Work", href: "#work" },
            { text: "Get In Touch", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/mature-man-working-indoors_23-2148465236.jpg"
          imageAlt="Dhanush Ganji - Founder & Strategic Innovator"
          mediaAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="About Me"
          tagIcon={User}
          tagAnimation="slide-up"
          title="Building Ganji with Vision and Execution"
          description="As founder of Ganji, I've dedicated my career to creating innovative solutions that drive real impact. With a background in product strategy and digital transformation, I combine strategic thinking with hands-on execution. My mission is to help businesses unlock their potential through thoughtful design and sustainable growth."
          metrics={[
            { value: "10+", title: "Years of Experience" },
            { value: "50+", title: "Projects Delivered" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/handsome-designer-sit-table-with-laptop-engineer-drawings-loft-interior-reads-new-project-social-building_343059-1213.jpg"
          imageAlt="Dhanush Ganji - Workspace and creative environment"
          useInvertedBackground={false}
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
        />
      </div>

      <div id="work" data-section="work">
        <FeatureCardTwentyFour
          features={[
            {
              id: "1",              title: "Digital Transformation Initiative",              author: "Dhanush Ganji",              description: "Led comprehensive digital transformation for a Fortune 500 enterprise, resulting in 40% efficiency gains and improved customer experience.",              tags: ["Strategy", "Digital", "Enterprise"],
              imageSrc: "http://img.b2bpic.net/free-photo/factory-experts-design-assembly-facility-production-lines-tablet-cad-program_482257-126119.jpg",              imageAlt: "Digital transformation project showcase"
            },
            {
              id: "2",              title: "Brand Redesign & Market Positioning",              author: "Dhanush Ganji",              description: "Complete brand overhaul and go-to-market strategy that increased market share by 35% within 12 months.",              tags: ["Branding", "Strategy", "Growth"],
              imageSrc: "http://img.b2bpic.net/free-psd/designer-template-design_23-2151802964.jpg",              imageAlt: "Brand redesign and positioning project"
            },
            {
              id: "3",              title: "Startup Growth Acceleration",              author: "Dhanush Ganji",              description: "Guided early-stage startup from concept to $5M ARR through strategic planning, team building, and market validation.",              tags: ["Startup", "Growth", "Scaling"],
              imageSrc: "http://img.b2bpic.net/free-photo/analyzing-report_1098-19504.jpg",              imageAlt: "Startup acceleration case study"
            }
          ]}
          animationType="slide-up"
          title="Featured Work & Case Studies"
          description="A selection of projects that showcase strategic thinking, design excellence, and measurable results."
          tag="Portfolio"
          tagIcon={Briefcase}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <ProductCardTwo
          products={[
            {
              id: "1",              brand: "Ganji",              name: "Strategic Consulting",              price: "Custom",              rating: 5,
              reviewCount: "25+",              imageSrc: "http://img.b2bpic.net/free-photo/factory-experts-design-assembly-facility-production-lines-tablet-cad-program_482257-126119.jpg",              imageAlt: "Strategic consulting service"
            },
            {
              id: "2",              brand: "Ganji",              name: "Product Development",              price: "Custom",              rating: 5,
              reviewCount: "18+",              imageSrc: "http://img.b2bpic.net/free-psd/designer-template-design_23-2151802964.jpg",              imageAlt: "Product development service"
            },
            {
              id: "3",              brand: "Ganji",              name: "Business Growth",              price: "Custom",              rating: 5,
              reviewCount: "30+",              imageSrc: "http://img.b2bpic.net/free-photo/analyzing-report_1098-19504.jpg",              imageAlt: "Business growth service"
            }
          ]}
          title="Services & Expertise"
          description="Comprehensive solutions tailored to drive growth, innovation, and sustainable competitive advantage."
          tag="Services"
          tagIcon={Zap}
          tagAnimation="slide-up"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Working with Dhanush has been transformative for our organization. His strategic insights and execution excellence have accelerated our growth trajectory significantly. Highly recommended for any business serious about transformation."
          rating={5}
          author="Sarah Johnson, CEO at InnovateCo"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Client testimonial 1" },
            { src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Client testimonial 2" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Client testimonial 3" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Client testimonial 4" }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Let's Connect"
          tagIcon={Mail}
          tagAnimation="slide-up"
          title="Ready to Transform Your Vision?"
          description="Whether you're looking for strategic guidance, product development support, or growth acceleration, I'm here to help. Let's discuss how we can create extraordinary results together."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/handsome-designer-sit-table-with-laptop-engineer-drawings-loft-interior-reads-new-project-social-building_343059-1213.jpg"
          imageAlt="Contact section imagery"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="your.email@example.com"
          buttonText="Get Started"
          termsText="I respect your privacy. We'll only reach out about exciting opportunities."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/handsome-designer-sit-table-with-laptop-engineer-drawings-loft-interior-reads-new-project-social-building_343059-1213.jpg"
          imageAlt="Footer background imagery"
          columns={[
            {
              title: "Navigation",              items: [
                { label: "About", href: "#about" },
                { label: "Work", href: "#work" },
                { label: "Services", href: "#services" },
                { label: "Testimonials", href: "#testimonials" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "LinkedIn", href: "https://linkedin.com" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "Email", href: "mailto:hello@ganji.com" },
                { label: "Schedule Call", href: "#contact" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Blog", href: "/blog" },
                { label: "Case Studies", href: "#work" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
          logoText="Dhanush Ganji"
          copyrightText="© 2025 Dhanush Ganji. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
