"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeMediumTitles"
        background="fluid"
        cardStyle="solid"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Projects",
          id: "projects",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Yanez Concrete"
      button={{
        text: "Get A Quote",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "radial-gradient",
      }}
      title="Quality Concrete & Home Services"
      description="Professional craftsmanship for your home improvement projects. From foundational concrete to custom hardscaping, Yanez delivers reliable and durable solutions."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/round-saw-hands-builder-work-laying-paving-slabs_1150-10081.jpg",
          imageAlt: "Concrete work",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/people-working-construction-site_23-2151889137.jpg",
          imageAlt: "Concrete work 2",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530840.jpg",
          imageAlt: "Concrete work 3",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-wooden-walkway-daytime_181624-12399.jpg",
          imageAlt: "Concrete work 4",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture-with-stairs_23-2149432950.jpg",
          imageAlt: "Concrete work 5",
        },
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/teenager-with-skateboard-skatepark_23-2148758469.jpg",
          imageAlt: "Home service",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/saw-industry-machine-cutting-metal_1150-10743.jpg",
          imageAlt: "Home service 2",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/staircase-concrete_1203-3467.jpg",
          imageAlt: "Home service 3",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-is-standing-inside-feeling-fight-work-construction-site_1150-21889.jpg",
          imageAlt: "Home service 4",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/workers-putting-metal-structure-construction_1122-980.jpg",
          imageAlt: "Home service 5",
        },
      ]}
      buttons={[
        {
          text: "Get A Quote",
          href: "#contact",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/two-workers-stacking-bricks-looking-camera_259150-57659.jpg",
          alt: "Worker 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-stay-near-big-industrial-stairs_627829-11413.jpg",
          alt: "Worker 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/man-working-with-heavy-box_23-2148976291.jpg",
          alt: "Worker 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-retro-1920s-english-arabian-business-man-wearing-waistcoat_627829-6948.jpg",
          alt: "Worker 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-engineers-work-hours-job-site_23-2151589584.jpg",
          alt: "Worker 5",
        },
      ]}
      avatarText="Trusted by 500+ homeowners"
      marqueeItems={[
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19124.jpg",
          alt: "Logo 1",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384856.jpg",
          alt: "Logo 2",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/construction-building-workers-working-site-cloudy-day_1268-16199.jpg",
          alt: "Logo 3",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/full-shot-man-with-paper-bag-bottle_23-2148773372.jpg",
          alt: "Logo 4",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg",
          alt: "Logo 5",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="Your Vision, Our Foundation."
      buttons={[
        {
          text: "Learn More",
          href: "#services",
        },
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardNineteen
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          tag: "Concrete",
          title: "Driveways & Patios",
          subtitle: "Durability meets aesthetic.",
          description: "Professional concrete pouring and finishing for your home.",
          imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg",
        },
        {
          tag: "Hardscaping",
          title: "Outdoor Living",
          subtitle: "Expand your space.",
          description: "Beautiful stamped concrete and custom designs for patios.",
          imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702187.jpg",
        },
        {
          tag: "Structural",
          title: "Foundations & Repairs",
          subtitle: "Safety first.",
          description: "Reliable foundation work and structural integrity repairs.",
          imageSrc: "http://img.b2bpic.net/free-photo/damaged-grunge-texture-background_1194-601947.jpg",
        },
      ]}
      title="Services We Offer"
      description="Comprehensive home improvement and structural solutions tailored to your needs."
    />
  </div>

  <div id="projects" data-section="projects">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Custom Patio",
          price: "View Details",
          imageSrc: "http://img.b2bpic.net/free-photo/bathroom-sign-dark-door_23-2149936880.jpg",
        },
        {
          id: "p2",
          name: "Modern Driveway",
          price: "View Details",
          imageSrc: "http://img.b2bpic.net/free-photo/low-view-bowling-alley_23-2148253062.jpg",
        },
        {
          id: "p3",
          name: "Retaining Wall",
          price: "View Details",
          imageSrc: "http://img.b2bpic.net/free-photo/path-way-garden_74190-3730.jpg",
        },
        {
          id: "p4",
          name: "Front Entrance",
          price: "View Details",
          imageSrc: "http://img.b2bpic.net/free-photo/detail-urban-stairs_23-2148107121.jpg",
        },
        {
          id: "p5",
          name: "Basement Pour",
          price: "View Details",
          imageSrc: "http://img.b2bpic.net/free-photo/south-asian-agronomist-farmer-looking-diagram-papers-farm-agriculture-production-concept_627829-7300.jpg",
        },
        {
          id: "p6",
          name: "Stone Walkway",
          price: "View Details",
          imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1022.jpg",
        },
      ]}
      title="Our Recent Projects"
      description="Browse our latest craftsmanship."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          value: "15+",
          title: "Years Experience",
          description: "Serving our local community.",
          imageSrc: "http://img.b2bpic.net/free-photo/man-jogging-rainy-city_23-2147618039.jpg",
        },
        {
          id: "m2",
          value: "500+",
          title: "Projects Completed",
          description: "Residential and commercial.",
          imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702247.jpg",
        },
        {
          id: "m3",
          value: "100%",
          title: "Commitment",
          description: "Professional quality every time.",
          imageSrc: "http://img.b2bpic.net/free-photo/texture-close-up-stones_23-2148198908.jpg",
        },
      ]}
      title="Quality in Numbers"
      description="Dedicated service and proven experience in every project."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "John Doe",
          handle: "@johndoe",
          testimonial: "Excellent service and craftsmanship.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/modern-white-building-low-angle-shot_181624-454.jpg",
        },
        {
          id: "t2",
          name: "Jane Smith",
          handle: "@janesmith",
          testimonial: "Concrete finish looks amazing.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-food-festival-side-view_23-2149525557.jpg",
        },
        {
          id: "t3",
          name: "Mike Ross",
          handle: "@mikeross",
          testimonial: "Professional and punctual team.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-portrait-smiling-engineer-looking-camera_23-2148233795.jpg",
        },
        {
          id: "t4",
          name: "Sarah Lee",
          handle: "@sarahlee",
          testimonial: "Strongly recommended for anyone.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/engineers-with-helmets-standing-by-factory_1157-35526.jpg",
        },
        {
          id: "t5",
          name: "David W.",
          handle: "@davidw",
          testimonial: "Great attention to detail.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-relaxed-tall-muscular-young-model-wearing-plain-heather-gray-longsleeve-t-shirt-slim-gray-jeans-leaning-wooden-stepladder-isolated-white_346278-1036.jpg",
        },
      ]}
      showRating={true}
      title="Client Feedback"
      description="Read what our customers say about our work."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "f1",
          title: "Do you offer free estimates?",
          content: "Yes, we provide free quotes for all projects.",
        },
        {
          id: "f2",
          title: "How long does a driveway take?",
          content: "Depending on size, usually 2-4 days.",
        },
        {
          id: "f3",
          title: "Are you fully insured?",
          content: "Yes, we carry full insurance and licensure.",
        },
      ]}
      sideTitle="Common Questions"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Contact"
      title="Ready for your project?"
      description="Reach out today and let's get started."
      buttons={[
        {
          text: "Contact Us",
          href: "mailto:info@yanezconcrete.com",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Yanez Concrete"
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Services",
              href: "#services",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "Contact",
              href: "#contact",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
