"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import ContactText from "@/components/sections/contact/ContactText";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Zap, Building2, Lightbulb, Award, CheckCircle, Shield } from "lucide-react";

export default function WindowDoorSolutionsPage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "About", id: "about" },
    { name: "Solutions", id: "solutions" },
    { name: "Projects", id: "projects" },
    { name: "Windows & Doors", id: "windows-doors" },
    { name: "Robot & Cobot", id: "robot-cobot" },
    { name: "Contact", id: "contact" },
  ];

  const footerColumns = [
    {
      title: "Solutions",      items: [
        { label: "Industrial Automation", href: "/solutions" },
        { label: "Robot & Cobot Systems", href: "/robot-cobot-automation" },
        { label: "Packaging Machinery", href: "/solutions" },
        { label: "Smart Gate Systems", href: "/solutions" },
        { label: "Windows & Doors Solutions", href: "/window-door-solutions" },
      ],
    },
    {
      title: "Company",      items: [
        { label: "About Us", href: "/about" },
        { label: "Projects & Portfolio", href: "/" },
        { label: "Blog & Articles", href: "/" },
        { label: "Careers", href: "/" },
        { label: "Contact", href: "/contact" },
      ],
    },
    {
      title: "Resources",      items: [
        { label: "Case Studies", href: "/" },
        { label: "Technical Documentation", href: "/" },
        { label: "Support Portal", href: "/" },
        { label: "FAQ", href: "/" },
        { label: "Contact Support", href: "/contact" },
      ],
    },
    {
      title: "Contact",      items: [
        { label: "Phone: +66 2 123 4567", href: "tel:+6621234567" },
        { label: "Email: info@milestones.co.th", href: "mailto:info@milestones.co.th" },
        { label: "LINE: @milestones-tech", href: "https://line.me" },
        { label: "Bangkok, Thailand", href: "/" },
        { label: "Mon-Fri 8:00-18:00 (GMT+7)", href: "/" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="large"
      background="grid"
      cardStyle="solid"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Milestones Technologies"
          navItems={navItems}
          button={{
            text: "Request Quote",            href: "/contact"}}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Premium Window & Door Solutions for Modern Living"
          description="Elevate your property with our comprehensive window and door solutions. From luxury residential installations to commercial projects, we deliver superior quality, elegant design, and expert craftsmanship. Our products combine aesthetic appeal with functional excellence, featuring advanced security, thermal efficiency, and durability. Transform your spaces with windows and doors that define modern comfort and style."
          tag="PREMIUM WINDOW & DOOR SYSTEMS"
          tagIcon={Zap}
          tagAnimation="slide-up"
          buttons={[
            {
              text: "Request Consultation",              href: "/contact"},
            {
              text: "View Catalog",              href: "/"},
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "animated-grid" }}
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/luxury-residential-window-installation-w-1773981130354-3aca37a1.png?_wi=1",              imageAlt: "Luxury residential window installation with panoramic views and modern design. Premium glass and fr"},
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/modern-sliding-glass-doors-in-contemporary-1773981132057-91de9d07.png?_wi=1",              imageAlt: "Modern sliding glass doors in contemporary home. Frameless design with smooth operation and safety f"},
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/commercial-glass-door-system-with-secure-1773981131975-1ea8ba37.png?_wi=1",              imageAlt: "Commercial glass door system with secure access control. Electronic locking mechanism and tempered s"},
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/energy-efficient-window-installation-1773981130740-14a987e9.png?_wi=1",              imageAlt: "Energy-efficient window installation with thermal insulation. Double glazing and weather sealing for c"},
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/window-door-installation-team-1773981131698-7cf7cd5d.png?_wi=1",              imageAlt: "Professional window and door installation team. Expert craftsmen ensuring perfect fit and finish on s"},
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/completed-window-door-project-1773981131997-d20ced9d.png",              imageAlt: "Completed window and door project showcasing integrated design. Multiple room installations with con"},
          ]}
          mediaAnimation="blur-reveal"
        />
      </div>

      <div id="solutions" data-section="solutions">
        <FeatureCardTwentyFour
          tag="WINDOW & DOOR PRODUCT RANGE"
          tagIcon={Lightbulb}
          tagAnimation="slide-up"
          title="Comprehensive Window & Door Systems"
          description="We offer a complete range of window and door solutions designed for residential, commercial, and industrial applications. Each product combines premium materials, advanced engineering, and aesthetic excellence to create perfect openings that enhance your property."
          features={[
            {
              id: "sliding-windows",              title: "Premium Sliding Windows",              author: "Design Excellence",              description: "Modern sliding window systems with smooth operation, superior insulation, and contemporary aesthetics. Available in various sizes and frame materials with optional motorized controls. Perfect for maximizing natural light and ventilation while maintaining security and energy efficiency.",              tags: ["Sliding Systems", "Insulation", "Modern Design"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/premium-sliding-window-system-1773981131808-cf06236c.png?_wi=1",              imageAlt: "Premium sliding window system with contemporary frame design. Smooth gliding mechanism and excellent"},
            {
              id: "hinged-doors",              title: "Hinged Door Systems",              author: "Functional Design",              description: "Elegant hinged doors suitable for entrances, patios, and interior spaces. Custom-designed handles, locks, and hinges ensure durability and security. Available in various styles from minimalist modern to classic designs that complement any architectural style.",              tags: ["Hinged Mechanisms", "Security", "Customizable"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/elegant-hinged-door-system-1773981131004-a16eab70.png?_wi=1",              imageAlt: "Elegant hinged door system with contemporary handle and frame design. Premium hardware and smooth op"},
            {
              id: "glass-partition",              title: "Glass Partition & Dividers",              author: "Space Optimization",              description: "Modern glass partition systems for offices, retail spaces, and residential interiors. Frameless or framed options with frosted, tinted, or clear glass. Ideal for creating flexible spaces while maintaining open-concept aesthetics and sound control.",              tags: ["Partitions", "Flexible Design", "Sound Control"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/modern-glass-partition-system-1773981131749-3c44c882.png?_wi=1",              imageAlt: "Modern glass partition system creating flexible office spaces. Frameless design with frosted glass"},
            {
              id: "folding-doors",              title: "Folding Door Systems",              author: "Space Efficiency",              description: "Innovative bi-fold and multi-fold door systems that maximize usable space. Perfect for connecting indoor and outdoor areas or creating flexible room configurations. Smooth operation with advanced track systems and precision engineering for years of reliable use.",              tags: ["Folding Mechanism", "Space Saving", "Smooth Operation"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/innovative-folding-door-system-1773981131408-069d06de.png?_wi=1",              imageAlt: "Innovative folding door system connecting indoor and outdoor spaces. Multi-panel design with smooth m"},
            {
              id: "security-windows",              title: "High-Security Window Systems",              author: "Safety & Protection",              description: "Heavy-duty security windows with reinforced frames, laminated glass, and advanced locking systems. Ideal for high-value properties, commercial buildings, and institutions. Provides maximum protection while maintaining visibility and natural lighting.",              tags: ["Security", "Laminated Glass", "Advanced Locks"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/high-security-window-system-1773981131850-3c480c9d.png?_wi=1",              imageAlt: "High-security window system with reinforced frame and laminated glass. Advanced locking mechanism"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="why-choose-us" data-section="why-choose-us">
        <MetricCardEleven
          tag="WHY MILESTONES FOR WINDOWS & DOORS"
          tagIcon={Award}
          tagAnimation="slide-up"
          title="Excellence in Window & Door Solutions"
          description="With years of expertise in premium installations, we deliver uncompromising quality, expert craftsmanship, and exceptional customer service. Every project reflects our commitment to excellence."
          metrics={[
            {
              id: "experience",              value: "12+",              title: "Years of Expertise",              description: "Specialized in premium window and door installations across residential and commercial projects"},
            {
              id: "projects",              value: "800+",              title: "Successful Installations",              description: "Trusted by homeowners, businesses, and developers throughout Thailand and region"},
            {
              id: "quality",              value: "99%",              title: "Quality Satisfaction",              description: "Premium materials and expert installation ensure long-lasting performance and beauty"},
            {
              id: "warranty",              value: "10",              title: "Year Warranty",              description: "Comprehensive warranty coverage on all products and installation workmanship"},
            {
              id: "support",              value: "24/7",              title: "Customer Support",              description: "Dedicated support team for maintenance, repairs, and customer service needs"},
            {
              id: "designs",              value: "500+",              title: "Design Options",              description: "Extensive range of styles, materials, and configurations to match any aesthetic"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="featured-projects" data-section="featured-projects">
        <ProductCardTwo
          tag="COMPLETED PROJECTS"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          title="Featured Window & Door Installations"
          description="Explore our portfolio of premium window and door projects showcasing quality craftsmanship and design excellence."
          products={[
            {
              id: "project-1",              brand: "Luxury Residence",              name: "Panoramic Window Installation",              price: "2.8M THB",              rating: 5,
              reviewCount: "18",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/panoramic-window-luxury-residence-1773981131944-e95865db.png?_wi=1",              imageAlt: "Panoramic window installation in luxury residence. Floor-to-ceiling glass with mountain views and pr"},
            {
              id: "project-2",              brand: "Corporate Office",              name: "Glass Partition System",              price: "3.5M THB",              rating: 5,
              reviewCount: "14",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/corporate-office-glass-partition-1773981131923-cf0c3dab.png?_wi=1",              imageAlt: "Modern glass partition system in corporate office. Frameless design creating flexible workspace with"},
            {
              id: "project-3",              brand: "Retail Store",              name: "Commercial Glass Doors",              price: "1.5M THB",              rating: 5,
              reviewCount: "12",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/retail-store-glass-doors-1773981131081-518034f7.png?_wi=1",              imageAlt: "Commercial glass doors in modern retail store. Elegant entrance with electronic operation and secur"},
            {
              id: "project-4",              brand: "Residential Complex",              name: "Folding Door System",              price: "4.2M THB",              rating: 5,
              reviewCount: "16",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/residential-folding-door-system-1773981131885-7d86d7ce.png?_wi=1",              imageAlt: "Multi-panel folding door system connecting indoor and outdoor living areas. Seamless integration and"},
            {
              id: "project-5",              brand: "High-Rise Apartment",              name: "Sliding Window Installation",              price: "2.1M THB",              rating: 5,
              reviewCount: "13",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/high-rise-sliding-window-1773981131785-741649af.png?_wi=1",              imageAlt: "Sliding window installation in high-rise apartment. Modern frames with energy efficiency and sound i"},
            {
              id: "project-6",              brand: "Heritage Property",              name: "Custom Traditional Doors",              price: "1.8M THB",              rating: 5,
              reviewCount: "10",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/heritage-custom-doors-1773981135234-da2258a8.png?_wi=1",              imageAlt: "Custom traditional doors in heritage property. Handcrafted design preserving architectural character"},
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="trust-indicators" data-section="trust-indicators">
        <SocialProofOne
          tag="TRUSTED BY LEADING PROPERTIES"
          tagIcon={Shield}
          tagAnimation="slide-up"
          title="Preferred Windows & Doors Partner"
          description="Our expertise is trusted by luxury residential developments, corporate offices, retail chains, and property developers throughout Thailand and Southeast Asia."
          names={[
            "Thai Luxury Residences",            "Bangkok Corporate Group",            "Southeast Property Developers",            "Premium Retail Association",            "Thai Architectural Foundation",            "Regional Construction Leaders",            "International Design Studios",            "Bangkok Real Estate Partners"]}
          logos={[
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/luxury-property-logo-1773981130490-d851f847.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/corporate-office-logo-1773981131364-3e0f1b67.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/development-company-logo-1773981133845-5e6dbc25.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/retail-association-logo-1773981130788-63944153.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/architecture-foundation-logo-1773981130764-ae871848.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/construction-leaders-logo-1773981131039-83d43e45.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/design-studios-logo-1773981132381-3ecc38c8.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/real-estate-partners-logo-1773981130307-dd93d586.png"]}
          textboxLayout="default"
          useInvertedBackground={false}
          showCard={true}
          speed={40}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Milestones Technologies delivered exceptional window and door solutions for our residential complex. The quality of materials, precision installation, and attention to detail exceeded our expectations. Their professional team made the entire process smooth and stress-free. We highly recommend them for any window and door project."
          rating={5}
          author="Priya Anand, Property Manager - Bangkok Luxury Residences"
          avatars={[
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/property-manager-avatar-1773981130512-3b9ae1e1.png",              alt: "Priya Anand"},
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/architect-avatar-1773981130089-2c759151.png",              alt: "Architect Team Lead"},
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/designer-avatar-1773981130978-eb2d4e1c.png",              alt: "Design Consultant"},
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/owner-avatar-1773981131172-a7325777.png",              alt: "Property Owner"},
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="cta" data-section="cta">
        <ContactText
          text="Transform your property with premium window and door solutions. Schedule a consultation with our design specialists today and discover the perfect solutions for your space."
          background={{ variant: "animated-grid" }}
          buttons={[
            {
              text: "Book Free Design Consultation",              href: "/contact"},
            {
              text: "Call Our Team",              href: "tel:+6621234567"},
          ]}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Milestones Technologies"
          copyrightText="© 2025 Milestones Technologies. All rights reserved."
          columns={footerColumns}
        />
      </div>
    </ThemeProvider>
  );
}