"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { ShieldCheck } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeMediumTitles"
        background="noise"
        cardStyle="gradient-bordered"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Services",
          id: "features",
        },
        {
          name: "Testimonials",
          id: "testimonials",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Anderson Pro Construction"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "gradient-bars",
      }}
      logoText="Anderson Pro Construction LLC"
      description="Building the future with precision, integrity, and craftsmanship. Your premier construction partner for residential and commercial excellence."
      buttons={[
        {
          text: "Get a Quote",
          href: "#contact",
        },
        {
          text: "View Projects",
          href: "#features",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/low-view-carpenter-worker_23-2148748791.jpg"
      mediaAnimation="slide-up"
      imageAlt="construction worker site construction"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="About Us"
      title="Built on Trust & Integrity"
      description="Anderson Pro Construction brings decades of experience to every build. We treat every structure like our own, ensuring top-tier quality from ground-breaking to final inspection."
      subdescription="Our team consists of licensed, certified experts committed to safety, efficiency, and exceptional design."
      imageSrc="http://img.b2bpic.net/free-photo/construction-concept-image-helmet-rolled-blueprints-wooden-boards-retro-style_1423-264.jpg"
      mediaAnimation="slide-up"
      icon={ShieldCheck}
      imageAlt="professional construction management team"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSix
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Residential Builds",
          description: "Custom homes designed to fit your unique style and family needs.",
          imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg",
          imageAlt: "construction residential home building",
        },
        {
          title: "Commercial Construction",
          description: "Strategic building services for offices, retail, and commercial facilities.",
          imageSrc: "http://img.b2bpic.net/free-photo/long-corridor-with-yellow-walls-ceiling-white-doors_140725-8329.jpg",
          imageAlt: "commercial office renovation interior",
        },
        {
          title: "Renovations & Remodels",
          description: "Breathe new life into your spaces with our tailored renovation services.",
          imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278558.jpg",
          imageAlt: "custom kitchen interior renovation",
        },
      ]}
      title="Our Expert Services"
      description="From custom residential homes to high-end commercial office spaces, we provide end-to-end construction solutions."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "20+",
          title: "Years Experience",
          items: [
            "Deep industry expertise",
            "Solid network of partners",
          ],
        },
        {
          id: "m2",
          value: "500+",
          title: "Completed Projects",
          items: [
            "Residential and commercial",
            "Quality delivered consistently",
          ],
        },
        {
          id: "m3",
          value: "98%",
          title: "Client Satisfaction",
          items: [
            "Proven reputation",
            "Strong client retention",
          ],
        },
      ]}
      title="Building Excellence in Numbers"
      description="Proven results delivered with unmatched professionalism."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "p1",
          badge: "Entry",
          price: "Custom Quote",
          name: "Consultation & Planning",
          buttons: [
            {
              text: "Contact Us",
              href: "#contact",
            },
          ],
          features: [
            "On-site assessment",
            "Preliminary design",
            "Cost feasibility study",
          ],
        },
        {
          id: "p2",
          badge: "Standard",
          price: "Contract Based",
          name: "Project Construction",
          buttons: [
            {
              text: "Get Estimate",
              href: "#contact",
            },
          ],
          features: [
            "Full build management",
            "Licensed staffing",
            "Materials management",
          ],
        },
        {
          id: "p3",
          badge: "Premium",
          price: "Custom Project",
          name: "Renovation Excellence",
          buttons: [
            {
              text: "Get Estimate",
              href: "#contact",
            },
          ],
          features: [
            "High-end finishing",
            "Design consultation",
            "Extended warranty",
          ],
        },
      ]}
      title="Transparent Estimation"
      description="We offer clear, project-based pricing to ensure you have full control of your investment from start to finish."
    />
  </div>

  <div id="socialProof" data-section="socialProof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Lowe's Pro",
        "Home Depot",
        "Sherwin Williams",
        "Ferguson",
        "Kohler",
        "Moen",
        "Pella Windows",
      ]}
      title="Partners & Trusted Brands"
      description="We work with top-tier suppliers and vendors to bring you the best building materials."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="Anderson Pro Construction transformed our vision into reality. Their dedication, professionalism, and craftsmanship were beyond our expectations. Highly recommended!"
      rating={5}
      author="Sarah Jenkins"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/couple-looking-floor-plan_1098-2114.jpg",
          alt: "Sarah",
        },
        {
          src: "http://img.b2bpic.net/free-photo/urban-adult-architect-inspecting-design-plan-workplace_482257-8114.jpg",
          alt: "Mark",
        },
        {
          src: "http://img.b2bpic.net/free-photo/organize-is-basic-moving-house_329181-9750.jpg",
          alt: "John",
        },
        {
          src: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg",
          alt: "Anna",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-home_23-2148943634.jpg",
          alt: "Dave",
        },
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Do you provide free quotes?",
          content: "Yes, we provide detailed, no-obligation estimates for all projects.",
        },
        {
          id: "f2",
          title: "Are you licensed and insured?",
          content: "Absolutely. We are fully licensed, bonded, and insured for every project we undertake.",
        },
        {
          id: "f3",
          title: "How long do projects take?",
          content: "Timelines vary by scope; we will provide a clear project schedule during the planning phase.",
        },
      ]}
      sideTitle="Commonly Asked Questions"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Start Your Project"
      description="Ready to build? Send us a message, and we'll get back to you promptly to discuss your requirements."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Project details or requirements...",
        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/smiley-architect-holding-tablet-with-copy-space_23-2148243005.jpg"
      imageAlt="construction site foreman holding blueprints"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Navigation",
          items: [
            {
              label: "Services",
              href: "#features",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 Anderson Pro Construction LLC"
      bottomRightText="Built with quality craftsmanship"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
