"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Award, Heart, Sparkles, Hammer, Palette, MapPin, CheckCircle, Trophy, Images } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeLargeTitles"
      background="noiseDiagonalGradient"
      cardStyle="inset"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Services", id: "services" },
            { name: "Gallery", id: "portfolio" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" },
          ]}
          brandName="Eternal Stone"
          bottomLeftText="Honoring Legacies Since 1985"
          bottomRightText="hello@eternalstone.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardDashboard
          title="Honoring Lives with Timeless Memorials"
          description="Crafting lasting tributes that preserve memories for generations. Expert stonework, compassionate service, and uncompromising quality."
          tag="Professional Memorial Services"
          tagIcon={Heart}
          tagAnimation="slide-up"
          buttons={[
            { text: "Design Your Memorial", href: "#contact" },
            { text: "View Our Gallery", href: "#portfolio" },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          dashboard={{
            title: "Memorial Excellence",            logoIcon: Award,
            imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-gravestone-with-blurred-background-daytime_181624-29422.jpg?_wi=1",            searchPlaceholder: "Search memorial styles",            sidebarItems: [
              { icon: Hammer, active: true },
              { icon: Palette },
              { icon: MapPin },
            ],
            buttons: [
              { text: "Consultation", href: "#contact" },
              { text: "View Designs", href: "#portfolio" },
            ],
            stats: [
              {
                title: "Families Served",                values: [850, 1200, 1580],
                description: "Trusted by families nationwide"},
              {
                title: "Years Experience",                values: [25, 35, 39],
                valueSuffix: "+",                description: "Decades of craftsmanship"},
              {
                title: "Quality Rating",                values: [95, 97, 99],
                valueSuffix: "%",                description: "Customer satisfaction"},
            ],
            chartTitle: "Memorial Craftsmanship",            chartData: [
              { value: 85 },
              { value: 90 },
              { value: 88 },
              { value: 92 },
              { value: 89 },
            ],
            listTitle: "Recent Tributes",            listItems: [
              {
                icon: CheckCircle,
                title: "Custom Stone Design",                status: "Completed"},
              {
                icon: Award,
                title: "Professional Installation",                status: "Completed"},
              {
                icon: Heart,
                title: "Family Blessing",                status: "Completed"},
            ],
          }}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Preserving" },
            { type: "text", content: "Memories with" },
            { type: "text", content: "Timeless Artistry" },
          ]}
          useInvertedBackground={false}
          buttons={[
            { text: "Learn Our Story", href: "#" },
            { text: "Schedule Consultation", href: "#contact" },
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardNine
          title="Our Memorial Services"
          description="Comprehensive solutions for every stage of your memorial journey"
          tag="Services"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          features={[
            {
              id: 1,
              title: "Custom Design Consultation",              description: "Work with our expert designers to create a memorial that perfectly captures your loved one's legacy and your family's vision.",              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/people-discussing-business-department-meeting_1098-20238.jpg?_wi=1"},
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/people-discussing-business-department-meeting_1098-20238.jpg?_wi=2"},
              buttons: [{ text: "Start Design", href: "#contact" }],
            },
            {
              id: 2,
              title: "Expert Stone Carving & Engraving",              description: "Our master craftspeople employ traditional techniques combined with modern precision to create intricate engravings and personalized details.",              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/man-working-retail-clothing-shop_53876-20984.jpg?_wi=1"},
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/man-working-retail-clothing-shop_53876-20984.jpg?_wi=2"},
              buttons: [{ text: "View Designs", href: "#portfolio" }],
            },
            {
              id: 3,
              title: "Professional Installation",              description: "From delivery to installation, we handle every detail with care and professionalism, ensuring your memorial is positioned with dignity.",              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg?_wi=1"},
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg?_wi=2"},
              buttons: [{ text: "Learn More", href: "#" }],
            },
          ]}
          showStepNumbers={true}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <ProductCardFour
          title="Memorial Gallery"
          description="Discover examples of our finest memorials and tributes"
          tag="Our Work"
          tagIcon={Images}
          tagAnimation="slide-up"
          products={[
            {
              id: "1",              name: "Classic Family Monument",              price: "Starting at $3,500",              variant: "Black Granite | Multiple Sizes",              imageSrc: "http://img.b2bpic.net/free-photo/arlington-national-cemetery_181624-26883.jpg",              imageAlt: "Classic family gravestone monument"},
            {
              id: "2",              name: "Elegant Companion Memorial",              price: "Starting at $2,800",              variant: "Rose Granite | Dual Spaces",              imageSrc: "http://img.b2bpic.net/free-photo/street-lamp-park-with-trees-background_91008-480.jpg",              imageAlt: "Elegant companion memorial stone"},
            {
              id: "3",              name: "Custom Personalized Tribute",              price: "Starting at $4,200",              variant: "Premium Granite | Custom Engraving",              imageSrc: "http://img.b2bpic.net/free-photo/view-graves-cemetery_23-2149435521.jpg",              imageAlt: "Custom personalized gravestone"},
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="Honored by Families We Serve"
          description="Real testimonials from families who trusted us with their most precious memories"
          tag="Client Stories"
          tagIcon={Heart}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Margaret Johnson",              role: "Daughter",              company: "Johnson Family",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",              imageAlt: "Margaret Johnson portrait"},
            {
              id: "2",              name: "Robert Chen",              role: "Son",              company: "Chen Family",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: "Robert Chen portrait"},
            {
              id: "3",              name: "Sarah Williams",              role: "Granddaughter",              company: "Williams Family",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",              imageAlt: "Sarah Williams portrait"},
            {
              id: "4",              name: "David Martinez",              role: "Spouse",              company: "Martinez Family",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4",              imageAlt: "David Martinez portrait"},
          ]}
          kpiItems={[
            { value: "1,580+", label: "Memorials Created" },
            { value: "39", label: "Years of Excellence" },
            { value: "99%", label: "Family Satisfaction" },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Why Eternal Stone"
          description="Industry-leading standards and family-centered values"
          tag="Commitments"
          tagIcon={Trophy}
          tagAnimation="slide-up"
          metrics={[
            { id: "1", value: "39+", description: "Years of Experience" },
            { id: "2", value: "1,580+", description: "Families Served" },
            { id: "3", value: "99%", description: "Satisfaction Rate" },
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Begin Your Memorial Journey"
          description="Share your vision with us. Our compassionate team will guide you through every step of creating a meaningful tribute to honor your loved one's memory."
          inputs={[
            {
              name: "fullName",              type: "text",              placeholder: "Full Name",              required: true,
            },
            {
              name: "email",              type: "email",              placeholder: "Email Address",              required: true,
            },
            {
              name: "phone",              type: "tel",              placeholder: "Phone Number",              required: false,
            },
            {
              name: "cemetery",              type: "text",              placeholder: "Cemetery Location",              required: false,
            },
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your memorial vision and any special requests...",            rows: 6,
            required: true,
          }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-gravestone-with-blurred-background-daytime_181624-29422.jpg?_wi=2"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Plan My Memorial"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Services",              items: [
                { label: "Monument Design", href: "#services" },
                { label: "Custom Engraving", href: "#services" },
                { label: "Installation", href: "#services" },
                { label: "Maintenance", href: "#" },
              ],
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Gallery", href: "#portfolio" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Contact", href: "#contact" },
              ],
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Warranty Information", href: "#" },
              ],
            },
          ]}
          copyrightText="© 2025 Eternal Stone Memorials | Honoring Legacies Since 1985"
        />
      </div>
    </ThemeProvider>
  );
}
