"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Award, Mail, Sparkles, TrendingUp, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="none"
      cardStyle="gradient-bordered"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Rainer Ahi"
          navItems={[
            { name: "About", id: "about" },
            { name: "Work", id: "features" },
            { name: "Impact", id: "metrics" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Get In Touch",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="The Next Generation of Tech Leadership"
          description="Rainer Ahi is building the future of innovation. Combining visionary thinking with technical excellence to solve tomorrow's challenges today."
          tag="Tech Visionary"
          tagIcon={Zap}
          background={{ variant: "canvas-reveal" }}
          imageSrc="https://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173732.jpg"
          imageAlt="Rainer Ahi - Tech Entrepreneur"
          buttons={[
            { text: "Explore Work", href: "features" },
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Rainer Ahi"
          description={[
            "A driven entrepreneur with a passion for leveraging cutting-edge technology to create meaningful impact at scale. With deep expertise in artificial intelligence, software engineering, and digital transformation, Rainer combines strategic vision with hands-on technical knowledge.",            "Inspired by the transformative journeys of industry leaders, Rainer is building companies and products that redefine industries. His approach focuses on identifying untapped market opportunities, assembling world-class teams, and executing with precision to achieve exponential growth.",            "Currently focused on initiatives that bridge the gap between emerging technologies and real-world applications, creating solutions that enhance human potential and drive sustainable innovation."
          ]}
          buttons={[
            { text: "View Projects", href: "features" }
          ]}
          showBorder={true}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNine
          title="Key Initiatives"
          description="Projects and ventures that showcase innovation and impact"
          tag="Featured Work"
          tagIcon={Sparkles}
          features={[
            {
              id: 1,
              title: "AI-Powered Solutions",              description: "Building intelligent systems that leverage machine learning to automate complex business processes and unlock new possibilities for enterprises worldwide.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/employee-office-leaving-desk-present-revenue-figures-tablet_482257-126652.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/employee-office-leaving-desk-present-revenue-figures-tablet_482257-126652.jpg" }
            },
            {
              id: 2,
              title: "Digital Transformation",              description: "Leading companies through their digital evolution with strategic guidance and technical implementation, enabling them to compete in the modern marketplace.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/happy-man-office-reviewing-financial-graphs-celebrating-positive-kpis_482257-126647.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/happy-man-office-reviewing-financial-graphs-celebrating-positive-kpis_482257-126647.jpg" }
            },
            {
              id: 3,
              title: "Venture Building",              description: "Creating and scaling multiple ventures from concept to market leadership. Focused on identifying white-space opportunities and building teams that execute at the highest level.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/young-manager-standing-up-relieve-back-pain_482257-67482.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/young-manager-standing-up-relieve-back-pain_482257-67482.jpg" }
            }
          ]}
          showStepNumbers={true}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Discover More", href: "metrics" }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Proven Impact"
          description="Measurable results and achievements across ventures and initiatives"
          tag="Metrics"
          tagIcon={TrendingUp}
          metrics={[
            {
              id: "1",              value: "10+",              title: "Successful Ventures Launched",              items: [
                "Market leaders in respective sectors",                "Scaled to significant valuations",                "Transformed industries with innovation"
              ]
            },
            {
              id: "2",              value: "$500M+",              title: "Total Value Created",              items: [
                "Across portfolio companies",                "Generated through exits and scaling",                "Distributed among stakeholders"
              ]
            },
            {
              id: "3",              value: "1000+",              title: "Jobs Created",              items: [
                "Direct employment across ventures",                "Ecosystem development and growth",                "Skills training and development"
              ]
            },
            {
              id: "4",              value: "50+",              title: "Industry Awards",              items: [
                "Recognition for innovation",                "Leadership excellence awards",                "Technology achievement accolades"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What Others Say"
          description="Testimonials from colleagues, investors, and industry leaders"
          tag="Testimonials"
          tagIcon={Award}
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              role: "Venture Capitalist",              testimonial: "Rainer's ability to identify market opportunities and execute with precision is exceptional. His ventures consistently outperform expectations and create sustainable competitive advantages.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-confident-young-businessman-with-arm-crossed-holding-mobile-phone-hand_23-2148096508.jpg",              imageAlt: "Sarah Chen"
            },
            {
              id: "2",              name: "Michael Rodriguez",              role: "Chief Technology Officer",              testimonial: "Working with Rainer has transformed our organization. His deep technical knowledge combined with strategic vision has accelerated our innovation timeline by years.",              imageSrc: "https://img.b2bpic.net/free-photo/corporate-workers-brainstorming-together_23-2148804575.jpg",              imageAlt: "Michael Rodriguez"
            },
            {
              id: "3",              name: "Alexandra Kim",              role: "CEO & Co-founder",              testimonial: "Rainer's mentorship and guidance were instrumental in scaling our company from startup to unicorn status. His insights on product-market fit and team building are invaluable.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-labor-union-member_23-2150969905.jpg",              imageAlt: "Alexandra Kim"
            },
            {
              id: "4",              name: "David Thompson",              role: "Managing Partner",              testimonial: "Among the most impressive entrepreneurs I've encountered. Rainer combines visionary thinking with the execution discipline required to build generational companies.",              imageSrc: "https://img.b2bpic.net/free-photo/contemplating-young-caucasian-man-holding-dairy-thinking_23-2148187202.jpg",              imageAlt: "David Thompson"
            },
            {
              id: "5",              name: "Emma Watson",              role: "Product Director",              testimonial: "Rainer's leadership style empowers teams to achieve extraordinary results. His commitment to excellence and innovation sets the standard for the entire industry.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-confident-young-businessman-with-arm-crossed-holding-mobile-phone-hand_23-2148096508.jpg",              imageAlt: "Emma Watson"
            },
            {
              id: "6",              name: "James Liu",              role: "Founder & CEO",              testimonial: "A rare combination of technical depth and business acumen. Rainer has the unique ability to bridge the gap between cutting-edge technology and market reality.",              imageSrc: "https://img.b2bpic.net/free-photo/corporate-workers-brainstorming-together_23-2148804575.jpg",              imageAlt: "James Liu"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          title="Stay Connected"
          description="Get exclusive insights on innovation, entrepreneurship, and the future of technology. Join the community of forward-thinking leaders and innovators."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/businessman-updating-data-from-clipboard_482257-120297.jpg"
          imageAlt="Stay connected"
          mediaPosition="right"
          tagIcon={Mail}
          inputPlaceholder="your@email.com"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time. No spam, just valuable insights."
          onSubmit={(email) => console.log('Newsletter signup:', email)}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/corporate-employee-works-computer-solve-finance-tasks-meeting-objectives-coming-up-with_482257-133471.jpg"
          imageAlt="Technology and innovation"
          logoText="Rainer Ahi"
          copyrightText="© 2025 Rainer Ahi. All rights reserved."
          columns={[
            {
              title: "Explore",              items: [
                { label: "About", href: "about" },
                { label: "Work", href: "features" },
                { label: "Impact", href: "metrics" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Twitter", href: "https://twitter.com" },
                { label: "LinkedIn", href: "https://linkedin.com" },
                { label: "Email", href: "mailto:hello@rainerahi.com" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Blog", href: "https://blog.example.com" },
                { label: "Insights", href: "https://insights.example.com" },
                { label: "Contact", href: "contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}