"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { CheckCircle, Clock, Star, Headphones, MessageCircle } from "lucide-react";

export default function PrintProLandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeMediumTitles"
      background="noise"
      cardStyle="subtle-shadow"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          navItems={[
            { name: "Hero", id: "hero-section" },
            { name: "About", id: "about-section" },
            { name: "Feature", id: "features-section" },
            { name: "Product", id: "products-section" },
            { name: "Pricing", id: "pricing-section" },
            { name: "Testimonial", id: "testimonials-section" },
            { name: "Contact", id: "contact-section" }
          ]}
          brandName="PrintPro Solutions"
          button={{
            text: "Get Quote",            href: "#contact-section"
          }}
        />
      </div>

      <div id="hero-section" data-section="hero-section">
        <HeroSplit
          title="Professional Printing Solutions for Your Business"
          description="High-quality, reliable printing services tailored to meet your business needs. From brochures to banners, we deliver exceptional results with fast turnaround times."
          background={{ variant: "radial-gradient" }}
          tag="Trusted by 500+ Businesses"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          buttons={[
            { text: "View Our Services", href: "#features-section" },
            { text: "Get a Quote", href: "#pricing-section" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="https://img.b2bpic.net/free-photo/woman-using-printer-medium-shot_23-2149713657.jpg"
          imageAlt="Professional printing equipment and materials"
          mediaAnimation="slide-up"
          imagePosition="right"
          fixedMediaHeight={true}
          marqueeItems={[
            { type: "text-icon", text: "Fast Delivery", icon: Clock },
            { type: "text-icon", text: "Quality Guaranteed", icon: Star },
            { type: "text-icon", text: "24/7 Support", icon: Headphones }
          ]}
          marqueeSpeed={30}
          showMarqueeCard={true}
        />
      </div>

      <div id="about-section" data-section="about-section">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Quality Printing Solutions for Your Business" },
            { type: "image", src: "https://img.b2bpic.net/free-photo/happy-young-colleagues-office-coworking_171337-17719.jpg", alt: "Professional printing equipment and materials" },
            { type: "text", content: "With over 15 years of experience, we deliver exceptional print quality that exceeds expectations. Our commitment to precision and customer satisfaction sets us apart in the industry." }
          ]}
          buttons={[
            { text: "Explore Our Services", href: "#features-section" },
            { text: "View Portfolio", href: "#products-section" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="features-section" data-section="features-section">
        <FeatureCardSix
          title="Why Choose Our Printing Services?"
          description="We combine cutting-edge technology with meticulous attention to detail to deliver exceptional print results that exceed expectations."
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              title: "Precision Quality",              description: "Our advanced digital presses ensure crisp, vibrant prints with perfect color accuracy every time.",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-concept-with-prism-dispersing-light_23-2148599232.jpg",              imageAlt: "High-resolution printing process"
            },
            {
              id: 2,
              title: "Fast Turnaround",              description: "Get your printed materials delivered quickly without compromising on quality or service standards.",              imageSrc: "https://img.b2bpic.net/free-photo/hands-businesswoman-using-laptop-office_1262-3214.jpg",              imageAlt: "Quick delivery process"
            },
            {
              id: 3,
              title: "Custom Solutions",              description: "Tailored printing solutions designed specifically for your brand's unique requirements and vision.",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-people-shaking-hands_23-2150433381.jpg",              imageAlt: "Custom printing design process"
            }
          ]}
        />
      </div>

      <div id="products-section" data-section="products-section">
        <ProductCardTwo
          title="Premium Printing Solutions"
          description="Discover our range of high-quality printing services designed to elevate your brand and communications. From business cards to large-format banners, we deliver exceptional results every time."
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          products={[
            {
              id: "product-1",              brand: "PrintPro",              name: "Business Card Set",              price: "$29.99",              rating: 4.8,
              reviewCount: "(128)",              imageSrc: "https://img.b2bpic.net/free-vector/modern-abstract-business-card-template_1051-906.jpg"
            },
            {
              id: "product-2",              brand: "PrintPro",              name: "Brochure Pack",              price: "$79.99",              rating: 4.9,
              reviewCount: "(96)",              imageSrc: "https://img.b2bpic.net/free-vector/abstract-trifold-brochure-template_52683-39311.jpg"
            },
            {
              id: "product-3",              brand: "PrintPro",              name: "Custom Banner",              price: "$149.99",              rating: 4.7,
              reviewCount: "(64)",              imageSrc: "https://img.b2bpic.net/free-vector/revolutionary-business-banner-design-templates-with-multicolored-office-background_1097-1098.jpg"
            }
          ]}
          buttons={[
            { text: "View All Products", href: "#products-section" }
          ]}
        />
      </div>

      <div id="pricing-section" data-section="pricing-section">
        <PricingCardNine
          title="Simple, Transparent Pricing"
          description="Choose the perfect plan for your printing needs. All plans include high-quality materials and fast turnaround times."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          plans={[
            {
              id: "basic",              title: "Basic",              price: "$29",              period: "per project",              features: [
                "Standard paper quality",                "Up to 500 pages",                "24-hour turnaround",                "Email support"
              ],
              button: {
                text: "Get Started",                href: "#contact-section"
              }
            },
            {
              id: "professional",              title: "Professional",              price: "$79",              period: "per project",              features: [
                "Premium paper quality",                "Up to 2000 pages",                "12-hour turnaround",                "Priority support",                "Design consultation"
              ],
              button: {
                text: "Get Started",                href: "#contact-section"
              }
            },
            {
              id: "enterprise",              title: "Enterprise",              price: "$199",              period: "per project",              features: [
                "Premium paper quality",                "Unlimited pages",                "Express turnaround",                "24/7 dedicated support",                "Custom design services",                "Bulk discount options"
              ],
              button: {
                text: "Get Started",                href: "#contact-section"
              }
            }
          ]}
        />
      </div>

      <div id="testimonials-section" data-section="testimonials-section">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "testimonial-1",              name: "Sarah Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-women-discussing-work_23-2149713696.jpg"
            },
            {
              id: "testimonial-2",              name: "Michael Chen",              imageSrc: "https://img.b2bpic.net/free-photo/young-joyful-woman-with-dark-curly-hair-standing-near-table-happily-showing-fashion-sketches-laptop-while-spending-time-modern-cozy-workshop-with-big-windows_574295-496.jpg"
            },
            {
              id: "testimonial-3",              name: "Emily Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/man-with-clipboard-explaining-strategy_23-2147808102.jpg"
            }
          ]}
          cardTitle="What Our Clients Say"
          cardTag="Trusted by Professionals"
          cardTagIcon={Star}
          cardAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact-section" data-section="contact-section">
        <ContactFaq
          faqs={[
            {
              id: "faq-1",              title: "How quickly can you deliver my order?",              content: "Most standard orders are delivered within 3-5 business days. Rush orders are available for an additional fee, with delivery in as little as 24 hours."
            },
            {
              id: "faq-2",              title: "What file formats do you accept for printing?",              content: "We accept high-resolution PDFs, AI, EPS, and high-quality JPG or PNG files. Please ensure your files are at least 300 DPI for optimal print quality."
            },
            {
              id: "faq-3",              title: "Do you offer design services?",              content: "Yes, our team of professional designers can help create custom layouts and designs tailored to your brand identity and requirements."
            },
            {
              id: "faq-4",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, PayPal, and bank transfers. A deposit is required for large orders, with the balance due upon completion."
            },
            {
              id: "faq-5",              title: "Can I get a proof before my final print?",              content: "Absolutely! We provide a digital proof for your approval before any printing begins to ensure complete satisfaction with the final product."
            }
          ]}
          ctaTitle="Have More Questions?"
          ctaDescription="Our team is ready to assist you with any inquiries about our printing services."
          ctaButton={{
            text: "Contact Us Now",            href: "#contact-section"
          }}
          ctaIcon={MessageCircle}
          useInvertedBackground={false}
          animationType="slide-up"
          accordionAnimationType="smooth"
          showCard={true}
        />
      </div>

      <div id="footer-section" data-section="footer-section">
        <FooterLogoEmphasis
          logoText="PrintPro Solutions"
          columns={[
            {
              items: [
                { label: "Home", href: "#hero-section" },
                { label: "About Us", href: "#about-section" },
                { label: "Services", href: "#features-section" },
                { label: "Products", href: "#products-section" }
              ]
            },
            {
              items: [
                { label: "Pricing", href: "#pricing-section" },
                { label: "Testimonials", href: "#testimonials-section" },
                { label: "FAQ", href: "#contact-section" },
                { label: "Contact", href: "#contact-section" }
              ]
            },
            {
              items: [
                { label: "Print Quality Guarantee", href: "#features-section" },
                { label: "Fast Turnaround", href: "#features-section" },
                { label: "Custom Design Services", href: "#features-section" },
                { label: "Bulk Order Discounts", href: "#pricing-section" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}