"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Sparkles, CheckCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="largeSmallSizeLargeTitles"
      background="aurora"
      cardStyle="elevated"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="TECHSHOP"
          button={{
            text: "Get in Touch",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="TECHSHOP"
          description="We partner with exceptional founders building the future of B2B software. Active support, strategic know-how, and genuine belief in your vision."
          tag="Seed Stage VC"
          tagIcon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/successful-businesswoman-looking-city-standing-street-smiling-happily_1258-118023.jpg"
          imageAlt="Techshop VC Milan office and team collaboration"
          buttons={[
            {
              text: "Get Started",              href: "contact"
            },
            {
              text: "Learn More",              href: "about"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Who We Are"
          description="Techshop is an Italian venture capital firm based in Milan, focused on identifying and nurturing the most promising early-stage B2B software companies. We believe in hands-on support, strategic partnerships, and the power of patient capital."
          tag="About Techshop"
          imageSrc="https://img.b2bpic.net/free-photo/successful-businesswoman-looking-city-standing-street-smiling-happily_1258-121025.jpg"
          imageAlt="Techshop team working with founders"
          useInvertedBackground="invertDefault"
          buttons={[
            {
              text: "Explore Our Portfolio",              href: "contact"
            }
          ]}
        />
      </div>

      <div id="approach" data-section="approach">
        <FeatureCardSix
          title="Our Approach"
          description="We follow a proven methodology to support your growth at every stage"
          tag="How We Work"
          tagIcon={CheckCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Identify Vision",              description: "We discover founders with exceptional vision and the drive to build transformative B2B software solutions that solve real market problems.",              imageSrc: "https://img.b2bpic.net/free-photo/young-business-director-reviews-sales-trends-budget-reports_482257-123279.jpg"
            },
            {
              id: 2,
              title: "Hands-On Support",              description: "Beyond capital, we provide strategic guidance, operational expertise, and access to our network of industry leaders and technical advisors.",              imageSrc: "https://img.b2bpic.net/free-photo/young-business-director-reviews-sales-trends-budget-reports_482257-123279.jpg"
            },
            {
              id: 3,
              title: "Scale Strategically",              description: "We help you navigate critical milestones, refine product-market fit, and prepare for future growth with sustained investor confidence.",              imageSrc: "https://img.b2bpic.net/free-photo/young-business-director-reviews-sales-trends-budget-reports_482257-123279.jpg"
            }
          ]}
        />
      </div>

      <div id="investment-focus" data-section="investment-focus">
        <ProductCardTwo
          title="What We Invest In"
          description="Our focus is on early-stage B2B digital ventures with strong founder teams and clear market potential"
          tag="Investment Thesis"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "1",              brand: "Focus",              name: "B2B Software",              price: "Seed Stage",              rating: 5,
              reviewCount: "Proven",              imageSrc: "https://img.b2bpic.net/free-photo/people-office-analyzing-checking-finance-graphs_23-2150377138.jpg",              imageAlt: "B2B Software"
            },
            {
              id: "2",              brand: "Stage",              name: "Early-Stage Ventures",              price: "Pre-Seed to Series A",              rating: 5,
              reviewCount: "Optimal",              imageSrc: "https://img.b2bpic.net/free-photo/people-office-analyzing-checking-finance-graphs_23-2150377138.jpg",              imageAlt: "Early Stage Ventures"
            },
            {
              id: "3",              brand: "Region",              name: "European Tech",              price: "Milan & Beyond",              rating: 5,
              reviewCount: "Global",              imageSrc: "https://img.b2bpic.net/free-photo/people-office-analyzing-checking-finance-graphs_23-2150377138.jpg",              imageAlt: "European Tech Focus"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Techshop's Impact - Driving Growth in European B2B Software"
          tag="Track Record"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",              value: "40+",              description: "Investments made in innovative B2B software companies since founding"
            },
            {
              id: "2",              value: "€50M+",              description: "Capital deployed supporting early-stage founders and their ambitious visions"
            },
            {
              id: "3",              value: "8x",              description: "Average return multiple across our portfolio companies at exit"
            },
            {
              id: "4",              value: "90%",              description: "Founder satisfaction rate reflecting our hands-on partnership approach"
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTen
          title="Meet the Techshop Team"
          tag="Leadership"
          memberVariant="card"
          useInvertedBackground="invertDefault"
          members={[
            {
              id: "1",              name: "Marco Rossi",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Marco Rossi, Co-Founder & General Partner"
            },
            {
              id: "2",              name: "Sofia Marchetti",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "Sofia Marchetti, Co-Founder & General Partner"
            },
            {
              id: "3",              name: "Giovanni Rizzo",              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: "Giovanni Rizzo, Investment Partner"
            },
            {
              id: "4",              name: "Alessandra Gallo",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",              imageAlt: "Alessandra Gallo, Operations Lead"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Everything you need to know about partnering with Techshop"
          tag="FAQ"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What stage do you invest at?",              content: "We focus on seed-stage ventures, typically investing at the pre-seed to Series A stage. We look for founders with exceptional vision, strong technical teams, and clear market opportunities in B2B software."
            },
            {
              id: "2",              title: "How much capital do you typically deploy?",              content: "Our check sizes range from €250K to €2M depending on the opportunity, company stage, and capital requirements. We're flexible and can structure deals that align with your fundraising needs."
            },
            {
              id: "3",              title: "What does hands-on support look like?",              content: "Beyond capital, we provide strategic guidance on product development, go-to-market strategy, and team building. We leverage our network of industry experts, technical advisors, and successful founders to accelerate your growth."
            },
            {
              id: "4",              title: "Are you open to international founders?",              content: "Absolutely. While based in Milan, we invest in exceptional founders across Europe. We believe the best talent is distributed globally, and we're committed to supporting visionary entrepreneurs regardless of location."
            },
            {
              id: "5",              title: "What's your approach to follow-on investments?",              content: "We're committed to supporting our portfolio companies through multiple rounds. We typically participate in follow-ons to help you scale without dilution from new investors when possible."
            },
            {
              id: "6",              title: "How do I apply for funding?",              content: "We welcome applications through our website or warm introductions from our network. Send us your pitch deck, financial projections, and a brief founder story. We review submissions and get back to founders within 2 weeks."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to build the future of B2B software? Let's talk about your vision and how Techshop can support your journey."
          animationType="reveal-blur"
          useInvertedBackground="invertDefault"
          buttons={[
            {
              text: "Schedule a Call",              href: "mailto:partners@techshop.vc"
            },
            {
              text: "Pitch Deck Template",              href: "contact"
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="TECHSHOP"
          columns={[
            {
              items: [
                {
                  label: "About",                  href: "about"
                },
                {
                  label: "Investment Focus",                  href: "investment-focus"
                },
                {
                  label: "Our Approach",                  href: "approach"
                }
              ]
            },
            {
              items: [
                {
                  label: "Team",                  href: "team"
                },
                {
                  label: "Portfolio",                  href: "contact"
                },
                {
                  label: "News",                  href: "contact"
                }
              ]
            },
            {
              items: [
                {
                  label: "Contact",                  href: "contact"
                },
                {
                  label: "partners@techshop.vc",                  href: "mailto:partners@techshop.vc"
                },
                {
                  label: "Milan, Italy",                  href: "contact"
                }
              ]
            },
            {
              items: [
                {
                  label: "LinkedIn",                  href: "https://linkedin.com"
                },
                {
                  label: "Twitter",                  href: "https://twitter.com"
                },
                {
                  label: "Privacy Policy",                  href: "contact"
                }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
