"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="small"
        sizing="mediumLargeSizeLargeTitles"
        background="aurora"
        cardStyle="glass-depth"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "About",          id: "about"},
        {
          name: "Services",          id: "services"},
        {
          name: "Catalog",          id: "catalog"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Profistone"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="Profistone"
      description="Excellence in every cut, precision in every placement. We transform raw stone into architectural masterpieces."
      buttons={[
        {
          text: "Explore Catalog",          href: "#catalog"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/marble-wall-texture_23-2148132262.jpg?_wi=1"
      imageAlt="Premium architectural stone textures"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",          content: "Crafting the Future of"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/horizontal-view-stonecutter_268835-4727.jpg",          alt: "Stone craftsmanship"},
        {
          type: "text",          content: "Modern Stone Masonry"},
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",          label: "Masonry",          title: "Precision Cutting",          items: [
            "Laser-guided precision",            "Advanced CNC shaping",            "Custom edge profiles"],
        },
        {
          id: "f2",          label: "Installation",          title: "Expert Fitting",          items: [
            "Seamless joinery",            "Reinforced backing",            "Perfect leveling"],
        },
        {
          id: "f3",          label: "Consultation",          title: "Design Planning",          items: [
            "Material selection",            "Structural analysis",            "3D project preview"],
        },
      ]}
      title="Our Specialized Services"
      description="From custom residential projects to large-scale commercial installations."
    />
  </div>

  <div id="catalog" data-section="catalog">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          brand: "Profistone",          name: "Black Galaxy Granite",          price: "$120/sqft",          rating: 5,
          reviewCount: "24",          imageSrc: "http://img.b2bpic.net/free-photo/white-plate-full-colorful-bonbons-marble-table_114579-41520.jpg"},
        {
          id: "p2",          brand: "Profistone",          name: "Carrara White Marble",          price: "$180/sqft",          rating: 5,
          reviewCount: "18",          imageSrc: "http://img.b2bpic.net/free-photo/d-render-exotic-stone-podium-with-leaf-shade-nude-color-product-display-natural-organic-produ_1258-111018.jpg"},
        {
          id: "p3",          brand: "Profistone",          name: "Travertine Elite",          price: "$95/sqft",          rating: 4,
          reviewCount: "32",          imageSrc: "http://img.b2bpic.net/free-photo/modern-terrazzo-surface-with-varied-stone-fragments_84443-73745.jpg"},
        {
          id: "p4",          brand: "Profistone",          name: "Slate Slate",          price: "$70/sqft",          rating: 5,
          reviewCount: "12",          imageSrc: "http://img.b2bpic.net/free-photo/colorful-stones-wooden-board-concrete_114579-25177.jpg?_wi=1"},
        {
          id: "p5",          brand: "Profistone",          name: "Quartzite Premium",          price: "$210/sqft",          rating: 5,
          reviewCount: "9",          imageSrc: "http://img.b2bpic.net/free-photo/wall-with-cracks_1154-582.jpg"},
        {
          id: "p6",          brand: "Profistone",          name: "Limestone Classic",          price: "$65/sqft",          rating: 4,
          reviewCount: "45",          imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-empty-square-plate-brown-colored-white-surface-plate-kitchen-food-photo-cutlery_140725-54023.jpg"},
      ]}
      title="Our Premium Collection"
      description="Hand-selected stone varieties for your next masterpiece."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "James Sterling",          role: "Lead Architect",          testimonial: "Profistone delivers unparalleled stone quality. Their precision is unmatched.",          imageSrc: "http://img.b2bpic.net/free-photo/positive-colleagues-posing-taking-selfie-photo-outdoors_1262-19188.jpg"},
        {
          id: "2",          name: "Linda Chen",          role: "Interior Designer",          testimonial: "The Carrara finish was simply breathtaking. Excellent project execution.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-architect-woman-wearing-yellow-helmet-standing-outdoors-engineer-architect-concept_58466-12277.jpg"},
        {
          id: "3",          name: "Marcus Vane",          role: "Property Developer",          testimonial: "Highly reliable team. They met our project deadlines without compromise.",          imageSrc: "http://img.b2bpic.net/free-photo/co-workers-joking_1098-1237.jpg"},
        {
          id: "4",          name: "Sarah Miller",          role: "Homeowner",          testimonial: "Transformative quality. The kitchen marble is the focal point of my home.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-men-posing-outdoors_23-2148803565.jpg"},
        {
          id: "5",          name: "Tom Baker",          role: "Construction Mgr",          testimonial: "Efficient, professional, and world-class stone material sources.",          imageSrc: "http://img.b2bpic.net/free-photo/two-content-middle-aged-male-female-business-people-outdoors_1262-12559.jpg"},
      ]}
      title="Client Success Stories"
      description="Trusted by leading architects and homebuilders."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="blur-reveal"
      title="Our Achievements"
      description="Solid facts backing our stone masonry expertise."
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          title: "Projects Completed",          value: "500+",          description: "Hand-crafted stone installations globally",          imageSrc: "http://img.b2bpic.net/free-photo/marble-wall-texture_23-2148132262.jpg?_wi=2"},
        {
          id: "m2",          title: "Years Experience",          value: "20+",          description: "Decades of professional dedication",          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-view-stonecutter_268835-4727.jpg"},
        {
          id: "m3",          title: "Happy Clients",          value: "450+",          description: "Satisfied residential and commercial partners",          imageSrc: "http://img.b2bpic.net/free-photo/colorful-stones-wooden-board-concrete_114579-25177.jpg?_wi=2"},
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      tag="Contact"
      title="Start Your Project"
      description="Ready to begin your stone transformation? Let's talk about your requirements today."
      buttons={[
        { text: "Get a Quote", href: "#" }
      ]}
      background={{ variant: "plain" }}
      useInvertedBackground={false}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Profistone"
      columns={[
        {
          title: "Company",          items: [
            { label: "About", href: "#about" },
            { label: "Careers", href: "#" },
          ],
        },
        {
          title: "Resources",          items: [
            { label: "Blog", href: "#" },
            { label: "Support", href: "#" },
          ],
        },
        {
          title: "Legal",          items: [
            { label: "Privacy", href: "#" },
            { label: "Terms", href: "#" },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}