"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import Link from "next/link";
import { Award, Zap } from "lucide-react";

export default function ProductsPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Products", id: "/products" },
    { name: "Features", id: "/features" },
    { name: "Pricing", id: "/pricing" },
    { name: "Contact", id: "/contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="large"
      background="floatingGradient"
      cardStyle="inset"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="Samsung Mobile"
          bottomLeftText="Innovation in Every Frame"
          bottomRightText="support@samsung-mobile.com"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Complete Product Lineup"
          description="Explore our entire range of premium Samsung mobile devices designed for every need and budget"
          tag="Full Collection"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground={false}
          products={[
            {
              id: "s25-ultra",
              name: "Galaxy S25 Ultra",
              price: "$1,299",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJ7B8mYEMeFibP8zUealCeNvW/samsung-galaxy-s25-ultra-smartphone-prod-1772521648355-55a1ec47.png",
              imageAlt: "Samsung Galaxy S25 Ultra with premium titanium finish",
              initialQuantity: 1,
            },
            {
              id: "s25-pro",
              name: "Galaxy S25 Pro",
              price: "$999",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJ7B8mYEMeFibP8zUealCeNvW/samsung-galaxy-s25-pro-smartphone-produc-1772521647796-43823797.png",
              imageAlt: "Samsung Galaxy S25 Pro smartphone",
              initialQuantity: 1,
            },
            {
              id: "z-fold",
              name: "Galaxy Z Fold 6",
              price: "$1,899",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJ7B8mYEMeFibP8zUealCeNvW/samsung-galaxy-z-fold-6-foldable-smartph-1772521647493-dde3272c.png",
              imageAlt: "Samsung Galaxy Z Fold 6 foldable phone",
              initialQuantity: 1,
            },
            {
              id: "z-flip",
              name: "Galaxy Z Flip 6",
              price: "$799",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJ7B8mYEMeFibP8zUealCeNvW/samsung-galaxy-z-flip-6-clamshell-phone--1772521647781-60c89b43.png",
              imageAlt: "Samsung Galaxy Z Flip 6 clamshell phone",
              initialQuantity: 1,
            },
            {
              id: "a95",
              name: "Galaxy A95",
              price: "$499",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJ7B8mYEMeFibP8zUealCeNvW/samsung-galaxy-a95-smartphone-product-sh-1772521647140-ae802e4b.png",
              imageAlt: "Samsung Galaxy A95 affordable smartphone",
              initialQuantity: 1,
            },
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          buttons={[{ text: "Back to Home", href: "/" }]}
        />
      </div>

      <div id="features-detail" data-section="features-detail">
        <FeatureCardSix
          title="Why Choose Samsung?"
          description="Discover what makes our devices the choice of millions worldwide"
          tag="Product Benefits"
          tagIcon={Zap}
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              title: "Premium Build Quality",
              description: "Crafted with premium materials and precision engineering for durability and elegance that lasts for years",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJ7B8mYEMeFibP8zUealCeNvW/close-up-of-a-samsung-amoled-display-sho-1772521647449-b0f7ecb6.png",
              imageAlt: "Samsung premium materials",
            },
            {
              id: 2,
              title: "Innovation Leadership",
              description: "First-to-market technologies including foldable displays, advanced AI features, and next-gen processors",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJ7B8mYEMeFibP8zUealCeNvW/samsung-galaxy-camera-system-showcase-cl-1772521648032-93b08fd0.png",
              imageAlt: "Samsung innovation",
            },
            {
              id: 3,
              title: "Exceptional Support",
              description: "24/7 customer service, extended warranties, and dedicated support team ready to help anytime",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJ7B8mYEMeFibP8zUealCeNvW/samsung-smartphone-battery-technology-vi-1772521647769-75d6a436.png",
              imageAlt: "Samsung customer support",
            },
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Samsung Mobile"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Terms of Service", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}