"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
import TextAbout from "@/components/sections/about/TextAbout";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="fluid"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="ART - Papelaria"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Why Us", id: "why-us" },
            { name: "Gallery", id: "gallery" },
            { name: "Contact", id: "contact" },
            { name: "Call Now", id: "tel:+5516991027378" },
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Your Local Stationery Store in Cravinhos"
          description="School supplies, office materials, printing services and everything you need — fast and close to you."
          tag="★★★★★ 5.0 Stars"
          imageSrc="http://img.b2bpic.net/free-photo/blurred-background-receptionist-working_1203-994.jpg"
          imageAlt="ART Papelaria storefront in Cravinhos"
          textPosition="bottom-left"
          showDimOverlay={true}
          showBlur={true}
          buttons={[
            { text: "Call Now", href: "tel:+5516991027378" },
            { text: "Send Message", href: "https://wa.me/5516991027378" },
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardNineteen
          title="What We Offer"
          description="Complete stationery solutions for students, families, and professionals"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              tag: "Students",              title: "School Supplies",              subtitle: "Everything for back to school",              description: "Notebooks, pens, pencils, folders, backpacks and all school materials you need to succeed. We stock quality brands at competitive prices.",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-back-school-essentials-with-backpack-watercolor_23-2148587506.jpg?_wi=1",              imageAlt: "School supplies and notebooks"},
            {
              id: 2,
              tag: "Professionals",              title: "Office Materials",              subtitle: "Productivity solutions",              description: "Professional office supplies and premium stationery items for your workspace. From desk organizers to quality pens, we have everything.",              imageSrc: "http://img.b2bpic.net/free-photo/office-desk-with-computer-screen-lamp_23-2148821872.jpg?_wi=1",              imageAlt: "Office materials and supplies"},
            {
              id: 3,
              tag: "Fast Service",              title: "Printing & Copies",              subtitle: "Quick turnaround",              description: "Fast printing, photocopies and document services. Same-day service available for most projects. Perfect for urgent needs.",              imageSrc: "http://img.b2bpic.net/free-photo/man-working-printing-house-with-paper-paints_1303-26583.jpg?_wi=1",              imageAlt: "Professional printing equipment"},
            {
              id: 4,
              tag: "Quality",              title: "Notebooks & Stationery",              subtitle: "Premium writing materials",              description: "Premium notebooks, planners and writing materials from trusted brands. Durable and beautiful designs for every need.",              imageSrc: "http://img.b2bpic.net/free-photo/school-stationery-around-notepad_23-2147843231.jpg",              imageAlt: "Notebooks and planners collection"},
            {
              id: 5,
              tag: "Creative",              title: "School Projects",              subtitle: "Craft supplies for creativity",              description: "Materials for school assignments and crafts. Art supplies, presentation boards, and specialty items for student projects.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-back-school-concept-arrangement_23-2148586735.jpg?_wi=1",              imageAlt: "Store interior organized shelves"},
            {
              id: 6,
              tag: "Everyday",              title: "General Paper Goods",              subtitle: "Essential supplies",              description: "Paper products and everyday stationery items. From basic supplies to specialty papers, we stock what you need daily.",              imageSrc: "http://img.b2bpic.net/free-photo/happy-call-center-agent-using-computer-while-communicating-with-clients-working-office_637285-6165.jpg",              imageAlt: "Friendly retail staff"},
          ]}
        />
      </div>

      <div id="why-us" data-section="why-us">
        <TextAbout
          tag="Why Choose Us"
          title="Why Customers Choose ART - Papelaria: Local trusted business • Fast service • Affordable prices • Convenient location • Friendly service ★★★★★ 5.0 from customers"
          useInvertedBackground={false}
          buttons={[
            { text: "Get Directions", href: "https://maps.google.com/?q=R.+Raulino+M+Marquês,+638,+Francisco+Castilho,+Cravinhos,+SP" },
            { text: "Call Us", href: "tel:+5516991027378" },
          ]}
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardThree
          title="Our Store & Selection"
          description="Explore our organized, modern stationery store with carefully curated products for every need"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          products={[
            {
              id: "1",              name: "Store Interior - Quality & Organization",              price: "Visit Us",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-back-school-concept-arrangement_23-2148586735.jpg?_wi=2",              imageAlt: "ART Papelaria organized shelves"},
            {
              id: "2",              name: "School Supplies - Complete Selection",              price: "In Stock",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-back-school-essentials-with-backpack-watercolor_23-2148587506.jpg?_wi=2",              imageAlt: "School supplies and notebooks"},
            {
              id: "3",              name: "Printing Services - Modern Equipment",              price: "Same Day",              imageSrc: "http://img.b2bpic.net/free-photo/man-working-printing-house-with-paper-paints_1303-26583.jpg?_wi=2",              imageAlt: "Professional printing equipment"},
            {
              id: "4",              name: "Office Supplies - Professional Quality",              price: "Best Prices",              imageSrc: "http://img.b2bpic.net/free-photo/office-desk-with-computer-screen-lamp_23-2148821872.jpg?_wi=2",              imageAlt: "Office materials and supplies"},
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get in Touch"
          tagIcon={Phone}
          title="Need Supplies Right Now?"
          description="Contact ART - Papelaria today. We're here to help you find exactly what you need. Fast, friendly service from your local neighborhood stationery store."
          buttons={[
            { text: "Call Now", href: "tel:+5516991027378" },
            { text: "Send WhatsApp", href: "https://wa.me/5516991027378" },
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Contact",              items: [
                { label: "Call Now", href: "tel:+5516991027378" },
                { label: "WhatsApp", href: "https://wa.me/5516991027378" },
                { label: "Get Directions", href: "https://maps.google.com/?q=R.+Raulino+M+Marquês,+638,+Francisco+Castilho,+Cravinhos,+SP" },
              ],
            },
            {
              title: "Hours",              items: [
                { label: "Monday - Saturday: 8:00 AM - 6:00 PM", href: "#" },
                { label: "Sunday: Closed", href: "#" },
                { label: "R. Raulino M Marquês, 638", href: "#" },
              ],
            },
            {
              title: "Services",              items: [
                { label: "School Supplies", href: "#services" },
                { label: "Printing & Copies", href: "#services" },
                { label: "Office Materials", href: "#services" },
              ],
            },
          ]}
          copyrightText="© 2025 ART - Papelaria | Cravinhos, SP | Trusted Local Business"
        />
      </div>
    </ThemeProvider>
  );
}
