"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroCentered from "@/components/sections/hero/HeroCentered";
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
import { Zap, CheckCircle, Lightbulb, Star, DollarSign, Sparkles, Crown, Rocket } from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "Features", id: "features" },
    { name: "Pricing", id: "pricing" },
    { name: "About", id: "about" },
    { name: "Contact", id: "contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="none"
      cardStyle="gradient-mesh"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="WindowFlow"
          bottomLeftText="Streamline Operations"
          bottomRightText="hello@windowflow.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="Transform Window Furnishing Operations"
          description="WindowFlow streamlines order management, inventory tracking, and customer scheduling for window treatment businesses. Reduce manual work by 70% and increase operational efficiency instantly."
          background={{ variant: "animated-grid" }}
          avatars={[
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/professional-headshot-of-a-smiling-woman-1773947896814-ff54b997.png",
              alt: "Professional headshot of a smiling woman in her 40s wearing business casual clothing, clean white ba",
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/professional-headshot-of-a-businessman-i-1773947896753-cdbbe36b.png",
              alt: "Professional headshot of a businessman in his 50s wearing business suit, clean white background, hig",
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/professional-headshot-of-a-young-man-in--1773947896933-cb30fce6.png",
              alt: "Professional headshot of a young man in his 30s wearing casual business attire, clean white backgrou",
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/professional-headshot-of-a-woman-in-her--1773947896966-138a36e0.png",
              alt: "Professional headshot of a woman in her 30s wearing work uniform or business casual, clean white bac",
            },
          ]}
          avatarText="Trusted by 500+ window furnishing businesses"
          buttons={[
            { text: "Start Free Trial", href: "#pricing" },
            { text: "View Demo", href: "#features" },
          ]}
          buttonAnimation="slide-up"
          marqueeItems={[
            { type: "text", text: "Order Management" },
            { type: "text", text: "Inventory Tracking" },
            { type: "text", text: "Customer Scheduling" },
            { type: "text", text: "Installation Coordination" },
            { type: "text", text: "Billing Integration" },
          ]}
          marqueeSpeed={40}
          showMarqueeCard={true}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentySeven
          title="Powerful Features Built for Window Furnishing Businesses"
          description="Everything you need to manage operations, from quote generation to final installation. WindowFlow handles the complexity so you can focus on growth."
          tag="Core Capabilities"
          tagIcon={Zap}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: "order-mgmt",
              title: "Intelligent Order Management",
              descriptions: [
                "Centralized order dashboard with real-time status tracking",
                "Automated workflow routing from quote to installation",
                "Customizable order templates for different product types",
              ],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/modern-software-dashboard-showing-order--1773947898631-5265040a.png",
            },
            {
              id: "inventory",
              title: "Real-Time Inventory Tracking",
              descriptions: [
                "Live stock level monitoring across multiple locations",
                "Automated reorder alerts when inventory runs low",
                "Barcode scanning for quick inventory updates",
              ],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/inventory-management-dashboard-showing-r-1773947898443-d7b9a951.png",
            },
            {
              id: "scheduling",
              title: "Smart Scheduling System",
              descriptions: [
                "Calendar-based appointment scheduling with automatic conflicts detection",
                "Route optimization for installer efficiency",
                "Customer reminders and rescheduling automation",
              ],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/calendar-scheduling-interface-showing-ap-1773947897432-7bba30ba.png",
            },
            {
              id: "measurement",
              title: "Digital Measurement Tools",
              descriptions: [
                "Photo-based measurement documentation",
                "Mobile app for on-site data collection",
                "Historical measurement library for reference",
              ],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/mobile-app-showing-window-measurement-to-1773947898271-946b41be.png",
            },
            {
              id: "reporting",
              title: "Advanced Analytics Dashboard",
              descriptions: [
                "Real-time business metrics and KPI tracking",
                "Revenue forecasting and sales pipeline visibility",
                "Custom report generation and data export",
              ],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/advanced-analytics-dashboard-showing-bus-1773947897342-42df142a.png",
            },
            {
              id: "integration",
              title: "Seamless Integrations",
              descriptions: [
                "Connect with popular accounting software",
                "CRM and email marketing platform sync",
                "Payment processor integration for instant billing",
              ],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/integration-hub-showing-multiple-connect-1773947898032-42120837.png",
            },
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          buttons={[{ text: "Explore All Features", href: "#" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Trusted by Thousands of Professionals"
          tag="Impact by Numbers"
          tagAnimation="slide-up"
          metrics={[
            { id: "businesses", value: "500+", description: "Active Window Furnishing Businesses" },
            { id: "orders", value: "150K+", description: "Orders Processed Monthly" },
            { id: "efficiency", value: "70%", description: "Average Time Saved on Operations" },
            { id: "uptime", value: "99.9%", description: "Platform Uptime Guarantee" },
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Loved by Window Treatment Business Owners"
          description="Hear from customers who've transformed their operations with WindowFlow."
          tag="Client Success Stories"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          testimonials={[
            {
              id: "testimonial-1",
              name: "Sarah Mitchell",
              role: "Owner, Premium Blinds & Shades Co.",
              testimonial: "WindowFlow cut our administrative time in half. We're now handling 3x more orders without hiring additional staff. The scheduling system alone has been a game-changer.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/professional-headshot-of-a-woman-in-her--1773947897163-7e4ec623.png?_wi=1",
              imageAlt: "Sarah Mitchell",
              icon: Star,
            },
            {
              id: "testimonial-2",
              name: "James Chen",
              role: "Operations Manager, Elite Window Solutions",
              testimonial: "The inventory management features are exceptional. We eliminated stockouts completely, and our installers spend more time on actual jobs instead of searching for materials.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/professional-headshot-of-an-asian-man-in-1773947900138-3dc5e5ec.png?_wi=1",
              imageAlt: "James Chen",
              icon: Star,
            },
            {
              id: "testimonial-3",
              name: "Maria Rodriguez",
              role: "Business Owner, Custom Window Treatments LLC",
              testimonial: "Best investment we've made for our business. The analytics dashboard gives us real visibility into our operations. We've increased margins by 15% in just 6 months.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/professional-headshot-of-a-latina-woman--1773947898316-b3bcf80e.png?_wi=1",
              imageAlt: "Maria Rodriguez",
              icon: Star,
            },
            {
              id: "testimonial-4",
              name: "David Thompson",
              role: "Fleet Manager, Thompson Home Furnishings",
              testimonial: "The mobile app makes fieldwork so much easier. Our installers can access measurements, specs, and customer notes instantly. Customer satisfaction has gone way up.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/professional-headshot-of-a-man-in-his-50-1773947898485-de5c70dc.png?_wi=1",
              imageAlt: "David Thompson",
              icon: Star,
            },
            {
              id: "testimonial-5",
              name: "Lisa Park",
              role: "Owner, Window Dreams Inc.",
              testimonial: "Customer support is outstanding. They understand our industry and constantly improve the platform based on feedback. We've become more profitable and efficient.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/professional-headshot-of-a-woman-in-her--1773947897177-dea0dd9a.png?_wi=1",
              imageAlt: "Lisa Park",
              icon: Star,
            },
            {
              id: "testimonial-6",
              name: "Robert Sullivan",
              role: "Sales Director, Advanced Window Systems",
              testimonial: "The CRM integration lets us track the entire customer journey. Follow-ups are automated, and we're closing deals faster. This system pays for itself many times over.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/professional-headshot-of-a-man-in-his-40-1773947897714-deceab57.png?_wi=1",
              imageAlt: "Robert Sullivan",
              icon: Star,
            },
          ]}
          carouselMode="buttons"
          buttons={[{ text: "Read More Stories", href: "#" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Simple, Transparent Pricing"
          description="Choose the plan that fits your business size. All plans include core features and priority support."
          tag="Pricing Plans"
          tagIcon={DollarSign}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          plans={[
            {
              id: "starter",
              badge: "Popular",
              badgeIcon: Sparkles,
              price: "$299",
              subtitle: "Per month (billed annually)",
              features: [
                "Up to 100 orders/month",
                "5 team members",
                "Basic inventory tracking",
                "Email support",
                "Mobile app access",
              ],
            },
            {
              id: "professional",
              badge: "Best Value",
              badgeIcon: Crown,
              price: "$799",
              subtitle: "Per month (billed annually)",
              features: [
                "Up to 500 orders/month",
                "20 team members",
                "Advanced inventory management",
                "Priority phone & email support",
                "Custom reporting",
                "API access",
                "Workflow automation",
              ],
            },
            {
              id: "enterprise",
              badge: "For Scale",
              badgeIcon: Zap,
              price: "Custom",
              subtitle: "Contact sales for pricing",
              features: [
                "Unlimited orders",
                "Unlimited team members",
                "Multi-location support",
                "Dedicated account manager",
                "Custom integrations",
                "White-label options",
                "Advanced analytics suite",
              ],
            },
          ]}
          buttons={[{ text: "Get Started Free", href: "#" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Why WindowFlow"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          title="Built by Industry Veterans for Window Treatment Professionals"
          description="WindowFlow was created by people who spent years in the window furnishing industry. We understand the unique challenges of managing measurements, inventory, installations, and customer expectations."
          subdescription="Our mission is to eliminate operational bottlenecks so you can deliver exceptional service and grow your business sustainably."
          icon={Lightbulb}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/modern-office-space-with-team-members-co-1773947897915-4b3b6b10.png?_wi=1"
          imageAlt="TeamFlow operations center"
          mediaAnimation="blur-reveal"
          useInvertedBackground={false}
        />
      </div>
    </ThemeProvider>
  );
}