"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import TextAbout from "@/components/sections/about/TextAbout";
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
import ContactText from "@/components/sections/contact/ContactText";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Crown, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSmall"
      background="fluid"
      cardStyle="subtle-shadow"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Features", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" },
            { name: "Blog", id: "https://blog.shiftproxies.com" },
          ]}
          brandName="ShiftProxies"
          bottomLeftText="Global Network"
          bottomRightText="hello@shiftproxies.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Fast, Reliable Proxies for Every Use Case"
          description="Experience the power of globally distributed proxy servers with 99.99% uptime and lightning-fast speeds. Perfect for web scraping, automation, and secure browsing."
          tag="Enterprise-Grade Infrastructure"
          imageSrc="http://img.b2bpic.net/free-vector/digital-global-world-technology-concept-background_1017-32140.jpg"
          imageAlt="Global proxy network visualization"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={false}
          buttons={[
            { text: "Get Started", href: "#contact" },
            { text: "View Pricing", href: "#pricing" },
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="About ShiftProxies"
          title="Trusted by thousands of developers, marketers, and enterprises worldwide. We provide premium proxy solutions that power your digital operations."
          useInvertedBackground={false}
          buttons={[
            { text: "Learn More", href: "https://docs.shiftproxies.com" },
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNineteen
          title="Why Choose ShiftProxies"
          description="Industry-leading features that set us apart from the competition"
          tag="Core Features"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              tag: "Lightning Fast",              title: "Speed",              subtitle: "Sub-millisecond response times",              description: "Our optimized infrastructure ensures that your requests are processed at the speed of light. With servers strategically positioned worldwide, you get the fastest possible response times for any location.",              imageSrc: "http://img.b2bpic.net/free-photo/high-speed-optical-cable-fast-data-broadband-transfer-fiber-connection-abstract-tech-background_272375-5414.jpg",              imageAlt: "Speed optimization visualization"},
            {
              id: 2,
              tag: "Fort Knox Security",              title: "Security",              subtitle: "Military-grade encryption",              description: "Your data is protected with 256-bit AES encryption and sophisticated anonymization protocols. We employ advanced security measures to ensure your proxy usage remains completely private and secure.",              imageSrc: "http://img.b2bpic.net/free-vector/european-gpdr-concept-with-flat-design_23-2147854085.jpg",              imageAlt: "Security and encryption illustration"},
            {
              id: 3,
              tag: "Always Online",              title: "Reliability",              subtitle: "99.99% uptime guarantee",              description: "Redundant systems and real-time monitoring keep your proxies running 24/7. With our SLA guarantee, you can depend on consistent performance when it matters most.",              imageSrc: "http://img.b2bpic.net/free-photo/people-office-analyzing-checking-finance-graphs_23-2150377139.jpg",              imageAlt: "Uptime and reliability metrics"},
            {
              id: 4,
              tag: "Expert Help",              title: "Support",              subtitle: "24/7 dedicated support team",              description: "Our world-class support team is available around the clock to help with any questions or issues. Get expert assistance via chat, email, or phone whenever you need it.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-living-with-disability-answering-client-call-customer-service-wheelchair-user-with-physical-health-condition-working-helpline-support-helpdesk-operator-with-chronic-pain_482257-47208.jpg",              imageAlt: "Customer support team"},
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Simple, Transparent Pricing"
          description="Choose the plan that fits your needs. No hidden fees, no surprises."
          tag="Pricing Plans"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          plans={[
            {
              id: "starter",              badge: "Popular",              badgeIcon: Sparkles,
              price: "$29/mo",              subtitle: "Perfect for beginners",              features: [
                "10 GB bandwidth monthly",                "50 concurrent connections",                "Basic analytics",                "Email support",                "API access"],
            },
            {
              id: "professional",              badge: "Best Value",              badgeIcon: Star,
              price: "$79/mo",              subtitle: "For growing teams",              features: [
                "100 GB bandwidth monthly",                "200 concurrent connections",                "Advanced analytics",                "Priority support",                "API access",                "Custom integrations"],
            },
            {
              id: "enterprise",              badge: "Custom",              badgeIcon: Crown,
              price: "Custom",              subtitle: "For enterprises",              features: [
                "Unlimited bandwidth",                "Unlimited connections",                "Real-time monitoring",                "24/7 dedicated support",                "Custom infrastructure",                "SLA guarantee"],
            },
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="By The Numbers"
          description="ShiftProxies powers millions of requests daily across the globe"
          tag="Our Impact"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "150M+",              title: "Daily Requests Processed",              items: ["From 195+ countries", "99.99% success rate"],
            },
            {
              id: "2",              value: "50+",              title: "Global Data Centers",              items: ["Strategically distributed", "Low-latency connections"],
            },
            {
              id: "3",              value: "10K+",              title: "Active Customers",              items: ["Fortune 500 companies", "Startups to enterprises"],
            },
            {
              id: "4",              value: "99.99%",              title: "Uptime Guarantee",              items: ["SLA backed", "24/7 monitoring"],
            },
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Loved by Industry Leaders"
          description="See what our customers have to say about ShiftProxies"
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              role: "VP Engineering",              company: "DataFlow Systems",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Sarah Chen"},
            {
              id: "2",              name: "Marcus Rodriguez",              role: "Founder",              company: "WebScrape Pro",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Marcus Rodriguez"},
            {
              id: "3",              name: "Emily Watson",              role: "CTO",              company: "CloudScale Inc",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Emily Watson"},
            {
              id: "4",              name: "James Mitchell",              role: "Operations Manager",              company: "Global Analytics",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "James Mitchell"},
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to transform your digital operations? Join thousands of companies using ShiftProxies today. Get started with our free trial—no credit card required."
          animationType="entrance-slide"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Start Free Trial", href: "https://app.shiftproxies.com/signup" },
            { text: "Schedule Demo", href: "https://calendly.com/shiftproxies/demo" },
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "#features" },
                { label: "Pricing", href: "#pricing" },
                { label: "API Docs", href: "https://docs.shiftproxies.com" },
                { label: "Status", href: "https://status.shiftproxies.com" },
              ],
            },
            {
              title: "Company",              items: [
                { label: "About", href: "#about" },
                { label: "Blog", href: "https://blog.shiftproxies.com" },
                { label: "Careers", href: "https://careers.shiftproxies.com" },
                { label: "Contact", href: "#contact" },
              ],
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "Security", href: "https://security.shiftproxies.com" },
              ],
            },
          ]}
          copyrightText="© 2025 ShiftProxies. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
