"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="small"
        sizing="largeSmallSizeLargeTitles"
        background="aurora"
        cardStyle="glass-elevated"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "Materials",
          id: "#products",
        },
        {
          name: "Company",
          id: "#about",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Starr Aggregates"
      button={{
        text: "Get a Quote Now",
        href: "#contact",
      }}
      animateOnLoad={true}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "radial-gradient",
      }}
      imagePosition="right"
      title="Premium aggregates Valleyfast delivery"
      description="Trusted by contractors across South Texas. Sand, gravel, and custom blends delivered on schedule, every time."
      kpis={[
        {
          value: "30+",
          label: "Years in Business",
        },
        {
          value: "500+",
          label: "Projects Completed",
        },
        {
          value: "1M+",
          label: "Tons Delivered Annually",
        },
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "Get a Quote Now",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/tractor-farm-field-sunset-backlight-warm-tones_463209-116.jpg"
      imageAlt="Large pile of aggregates at sunset with heavy machinery"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/architect-being-serious-while-looking-camera_23-2148242992.jpg",
          alt: "Architect being serious while looking at the camera",
        },
        {
          src: "http://img.b2bpic.net/free-photo/foreman-with-arms-crossed_23-2147711019.jpg",
          alt: "Foreman with arms crossed",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1726.jpg",
          alt: "Happy builder in hardhat",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg",
          alt: "Portrait of smiling young architect man showing thumb up gesture looking at camera",
        },
        {
          src: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371890.jpg",
          alt: "Designer working on 3d model",
        },
      ]}
      avatarText="Join 1,000+ satisfied contractors"
      marqueeItems={[
        {
          type: "text",
          text: "On-time delivery guaranteed",
        },
        {
          type: "text",
          text: "ISO Certified Quality",
        },
        {
          type: "text",
          text: "Custom Blends Available",
        },
        {
          type: "text",
          text: "Serving South Texas since 1993",
        },
        {
          type: "text",
          text: "Expert Logistics Support",
        },
      ]}
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Valley Builders Co.",
        "Rio Grande Constructors",
        "Municipal Works Dept.",
        "Horizon Development",
        "Eagle Civil Inc.",
        "South Texas Roadways",
        "Apex Engineering Solutions",
      ]}
      title="Trusted Partners & Clients"
      description="Delivering excellence to leading contractors and municipal projects across the Rio Grande Valley."
      speed={40}
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Our Track Record of Excellence"
      tag="Proven Performance"
      metrics={[
        {
          id: "m1",
          value: "99.8%",
          description: "On-Time Delivery Rate",
        },
        {
          id: "m2",
          value: "ISO",
          description: "Certified Quality",
        },
        {
          id: "m3",
          value: "100%",
          description: "Customer Satisfaction",
        },
        {
          id: "m4",
          value: "Zero",
          description: "Safety Incidents Last Year",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="Your Trusted Partner in Aggregates"
      description="With decades of experience, Starr Aggregates stands as the premier supplier of high-quality sand and gravel. We prioritize reliability, consistency, and unparalleled customer service to fuel your project's success, every time."
      buttons={[
        {
          text: "Learn More About Us",
          href: "#",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/woman-african-american-worker-standing-with-plan-factory_1303-30604.jpg"
      imageAlt="Construction team reviewing blueprints on a job site"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Washed Concrete Sand",
          price: "Market Rate",
          variant: "Fine, consistent grain",
          imageSrc: "http://img.b2bpic.net/free-photo/grunge-wall-texture_1194-5589.jpg",
          imageAlt: "Pile of clean washed concrete sand",
        },
        {
          id: "p2",
          name: "Crushed Limestone Base",
          price: "Market Rate",
          variant: "Various sizes, compacted",
          imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12402.jpg",
          imageAlt: "Pile of crushed limestone aggregates",
        },
        {
          id: "p3",
          name: "All-Purpose Concrete Mix",
          price: "Market Rate",
          variant: "Ready-to-use blend",
          imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-14033.jpg",
          imageAlt: "Mixed concrete aggregate for general use",
        },
        {
          id: "p4",
          name: "Select Fill Dirt",
          price: "Market Rate",
          variant: "High-compaction, clean",
          imageSrc: "http://img.b2bpic.net/free-photo/stone-abstract-copy-space-texture-background_1194-600585.jpg",
          imageAlt: "Heap of select fill dirt for construction",
        },
        {
          id: "p5",
          name: "Decomposed Granite",
          price: "Market Rate",
          variant: "Natural, permeable finish",
          imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-13379.jpg",
          imageAlt: "Spread of decomposed granite for landscaping",
        },
        {
          id: "p6",
          name: "Custom Aggregate Blends",
          price: "By Quote",
          variant: "Tailored to your spec",
          imageSrc: "http://img.b2bpic.net/free-photo/yellow-wave-stone-background-sea-seaweed_1417-523.jpg",
          imageAlt: "Sample of custom blended aggregates",
        },
      ]}
      title="Our Premium Aggregate Products"
      description="Explore our diverse range of sands, gravels, and custom blends, engineered to meet the stringent demands of any construction project."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Robert Sanchez",
          handle: "CEO, Valley Builders Co.",
          testimonial: "Starr Aggregates consistently delivers high-quality materials on time, every time. Their reliability is unmatched in the Rio Grande Valley. They are our go-to for all major projects.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-workman-wearing-white-hard-hat_1303-26649.jpg",
          imageAlt: "Robert Sanchez",
        },
        {
          id: "t2",
          name: "Maria Rodriguez",
          handle: "Project Manager, RGC",
          testimonial: "The consistency of Starr's products helps us maintain tight schedules and quality control. Their team is always responsive and professional, making our job much easier.",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-work_23-2149713661.jpg",
          imageAlt: "Maria Rodriguez",
        },
        {
          id: "t3",
          name: "David Kim",
          handle: "Director, Horizon Development",
          testimonial: "For critical infrastructure projects, we need a supplier we can trust. Starr Aggregates has proven their commitment to quality and service over many years. Highly recommended.",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-architect-looking-camera_23-2148242888.jpg",
          imageAlt: "David Kim",
        },
        {
          id: "t4",
          name: "Emily Chen",
          handle: "Site Engineer, Eagle Civil",
          testimonial: "We appreciate the precise material blends Starr Aggregates provides. It makes a significant difference in project performance and longevity. Their expertise is invaluable.",
          imageSrc: "http://img.b2bpic.net/free-photo/confident-young-businessman-office_1098-20847.jpg",
          imageAlt: "Emily Chen",
        },
        {
          id: "t5",
          name: "Juan Garcia",
          handle: "Procurement Officer, Municipal Works",
          testimonial: "Starr Aggregates has been a reliable partner for our municipal projects, always meeting specifications and deadlines. Their competitive pricing and local presence are a huge advantage.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
          imageAlt: "Juan Garcia",
        },
        {
          id: "t6",
          name: "Sarah Jones",
          handle: "Head of Operations, South Texas Roadways",
          testimonial: "Their bulk material delivery speed is essential for our large-scale road construction. Starr Aggregates never disappoints and ensures our operations run smoothly.",
          imageSrc: "http://img.b2bpic.net/free-photo/confident-male-worker-standing-warehouse_107420-96550.jpg",
          imageAlt: "Sarah Jones",
        },
      ]}
      title="What Our Clients Say"
      description="Hear directly from the contractors and project managers who rely on Starr Aggregates for their most critical projects."
      speed={40}
      topMarqueeDirection="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get a Custom Quote Today"
      description="Tell us about your project needs and our team will get back to you with a competitive quote and delivery timeline, tailored to your specifications."
      inputs={[
        {
          name: "fullName",
          type: "text",
          placeholder: "Full Name",
          required: true,
        },
        {
          name: "companyName",
          type: "text",
          placeholder: "Company Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Email Address",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Phone Number",
          required: false,
        },
      ]}
      multiSelect={{
        name: "projectType",
        label: "Project Type",
        options: [
          "Commercial Construction",
          "Residential Development",
          "Road & Infrastructure",
          "Landscaping",
          "Other",
        ],
      }}
      textarea={{
        name: "projectDetails",
        placeholder: "Tell us about your project needs (materials, quantity, delivery schedule, etc.)",
        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/architecture-plan-blueprint-layout-work-concept_53876-124259.jpg"
      imageAlt="Construction plans and laptop on a desk"
      mediaAnimation="slide-up"
      mediaPosition="left"
      buttonText="Request Quote"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jdf7wx"
      logoAlt="Starr Aggregates Company Logo"
      logoText="Starr Aggregates"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Terms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
