"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Award, DollarSign, TrendingUp, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="aurora"
      cardStyle="subtle-shadow"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            { name: "Story", id: "story" },
            { name: "Product", id: "product" },
            { name: "Traction", id: "metrics" },
            { name: "Investors", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Founder"
          bottomLeftText="Available for meetings"
          bottomRightText="seed@example.com"
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Building the future of [industry]"
          description="Founder on a mission to solve one of the most pressing problems in [space]. Currently raising seed round."
          tag="Founder"
          imageSrc="https://img.b2bpic.net/free-photo/close-up-labor-union-member_23-2150969905.jpg"
          imageAlt="founder professional portrait startup entrepreneur business"
          buttons={[
            { text: "Explore Vision", href: "story" },
            { text: "View Pitch Deck", href: "#contact" }
          ]}
        />
      </div>
      
      <div id="story" data-section="story">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Why I'm building this" }
          ]}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Read Full Story", href: "#contact" }
          ]}
        />
      </div>
      
      <div id="product" data-section="product">
        <FeatureCardNine
          title="Product Innovation"
          description="Core features that deliver unprecedented value to users"
          showStepNumbers={false}
          features={[
            {
              id: 1,
              title: "Proprietary Technology",              description: "Unique technical advantage that creates defensible moat and scales efficiently",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148219823.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148219823.jpg" }
            },
            {
              id: 2,
              title: "Market Fit",              description: "Validated product-market fit with demonstrated user demand and retention metrics",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148219823.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148219823.jpg" }
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Traction & Growth"
          description="Key indicators of product-market fit and business momentum"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          metrics={[
            {
              id: "1",              value: "50K+",              title: "Users",              description: "Active monthly users growing 20% MoM",              icon: TrendingUp
            },
            {
              id: "2",              value: "$500K",              title: "ARR",              description: "Annual recurring revenue with 40% net retention",              icon: DollarSign
            },
            {
              id: "3",              value: "6",              title: "Months",              description: "Path to profitability at current burn rate",              icon: Zap
            },
            {
              id: "4",              value: "100%",              title: "Paid",              description: "Revenue from paying customers, zero free tier",              icon: Award
            }
          ]}
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Investor Confidence"
          description="What leading investors and industry experts say"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              handle: "Partner, Sequoia Capital",              testimonial: "This founder has the rare combination of deep domain expertise and execution capability. The product demonstrates clear market leadership.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "investor professional headshot portrait business"
            },
            {
              id: "2",              name: "Michael Rodriguez",              handle: "Managing Director, Benchmark",              testimonial: "One of the strongest founding teams we've evaluated this year. The market opportunity and team quality are exceptional.",              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: "investor ceo business headshot portrait"
            },
            {
              id: "3",              name: "Jessica Wang",              handle: "Partner, Andreessen Horowitz",              testimonial: "The technology is defensible, the team executes relentlessly, and the market is enormous. This is a rare opportunity.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "venture capitalist investor professional headshot"
            },
            {
              id: "4",              name: "David Park",              handle: "Founder, Lightspeed Venture",              testimonial: "Exceptional clarity of vision combined with practical execution. The founder understands both the business and the user deeply.",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",              imageAlt: "entrepreneur investor mentor business portrait"
            },
            {
              id: "5",              name: "Emily Thompson",              handle: "Operating Partner, Insight Partners",              testimonial: "The metrics speak for themselves. But what impresses me most is the founder's ability to adapt quickly and maintain focus.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "investor professional headshot portrait business"
            },
            {
              id: "6",              name: "Alexander Mueller",              handle: "General Partner, Accel",              testimonial: "We see this founder as a potential category-defining founder. The execution, vision, and capital efficiency are all world-class.",              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: "investor ceo business headshot portrait"
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to discuss investment, partnerships, or the future of [industry]? Let's connect."
          animationType="reveal-blur"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Schedule Call", href: "mailto:seed@example.com" },
            { text: "Download Deck", href: "#contact" }
          ]}
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-vector/gradient-blur-pink-blue-abstract-background_53876-117324.jpg"
          imageAlt="abstract minimal gradient background modern"
          logoText="Founder"
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "product" },
                { label: "Use Cases", href: "product" },
                { label: "Security", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "Story", href: "story" },
                { label: "Press", href: "credibility" },
                { label: "Investors", href: "testimonials" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Email", href: "mailto:seed@example.com" },
                { label: "LinkedIn", href: "https://linkedin.com" },
                { label: "Twitter", href: "https://twitter.com" }
              ]
            }
          ]}
          copyrightText="© 2025 Founder. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}