"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Award, CheckCircle, Shield } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="largeSmallSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About",          id: "about"},
        {
          name: "Services",          id: "services"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="CH-Construction"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={true}
      background={{
        variant: "gradient-bars"}}
      title="Built with Swiss Precision."
      description="CH-Construction delivers high-quality building and renovation services in Mannens-Grandsivaz. Your vision, our expertise."
      testimonials={[
        {
          name: "Marc Dubois",          handle: "@marc-d",          testimonial: "Excellent service and timely delivery on our home project.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-greyhaired-woman-smiling-confident-drinking-coffee-new-home_839833-34774.jpg"},
        {
          name: "Elena Weber",          handle: "@elena-w",          testimonial: "The attention to detail was outstanding. Very professional.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-businesswoman-balcony_1262-1758.jpg"},
        {
          name: "Pierre Berger",          handle: "@pierre-b",          testimonial: "Highly recommended for all construction needs.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/architect-posing-while-holding-his-plans_23-2148242886.jpg"},
        {
          name: "Sarah Meier",          handle: "@sarah-m",          testimonial: "Reliable and skilled team. Very happy with the result.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/architect-giving-hand-shake_23-2148242932.jpg"},
        {
          name: "Jean Dupont",          handle: "@jean-d",          testimonial: "Quality construction at its best. Great experience.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-looking-away-while-going-upstairs-with-coffee_171337-19937.jpg"},
      ]}
      buttons={[
        {
          text: "Our Services",          href: "#services"},
        {
          text: "Contact Us",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/worker-works-building-site_1398-1728.jpg"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/woman-with-draft-gesturing-construction-site_23-2147710698.jpg",          alt: "Woman with draft"},
        {
          src: "http://img.b2bpic.net/free-photo/engineer-two-workers-looking-camera_259150-57625.jpg",          alt: "Engineer group"},
        {
          src: "http://img.b2bpic.net/free-photo/young-man-civil-engineer-safety-hat_185193-110842.jpg",          alt: "Civil engineer"},
        {
          src: "http://img.b2bpic.net/free-photo/young-man-civil-engineer-safety-hat_185193-110838.jpg",          alt: "Project manager"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-architect-man-holding-cellphone-hard-hat-with-blueprint-construction-site_23-2148203937.jpg",          alt: "Smiling architect"},
      ]}
      marqueeItems={[
        {
          type: "text",          text: "Quality Construction"},
        {
          type: "text",          text: "Swiss Standards"},
        {
          type: "text",          text: "Precision Engineering"},
        {
          type: "text",          text: "Sustainable Building"},
        {
          type: "text",          text: "Project Reliability"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Expert Construction Services"
      description={[
        "Located in Mannens-Grandsivaz, CH-Construction has established a reputation for excellence. We handle everything from small renovations to large scale building projects.",        "Our commitment to high quality materials and precision engineering ensures every client receives a finished product built to last."]}
      buttons={[
        {
          text: "More About Us"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          icon: CheckCircle,
          title: "Precision Work",          description: "High standards at every stage."},
        {
          icon: Shield,
          title: "Safety Standards",          description: "Security first for all teams."},
        {
          icon: Award,
          title: "Quality Assured",          description: "Only the best materials used."},
      ]}
      title="Why Choose Us?"
      description="We blend traditional craftsmanship with modern efficiency."
    />
  </div>

  <div id="services" data-section="services">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "1",          name: "New Construction",          price: "Custom Quote",          variant: "Full Build",          imageSrc: "http://img.b2bpic.net/free-photo/facade-modern-new-building_23-2147694757.jpg"},
        {
          id: "2",          name: "Commercial Build",          price: "Custom Quote",          variant: "Scale",          imageSrc: "http://img.b2bpic.net/free-photo/construction-site_53876-31720.jpg"},
        {
          id: "3",          name: "Home Renovation",          price: "Custom Quote",          variant: "Restoration",          imageSrc: "http://img.b2bpic.net/free-photo/architects-looking-plan-front-house_23-2147813100.jpg"},
        {
          id: "4",          name: "Foundations",          price: "Custom Quote",          variant: "Basics",          imageSrc: "http://img.b2bpic.net/free-photo/man-jogging-rainy-city_23-2147618039.jpg"},
        {
          id: "5",          name: "Exterior Design",          price: "Custom Quote",          variant: "Finish",          imageSrc: "http://img.b2bpic.net/free-photo/construction-crane-modern-residential-complex-near-water-new-housing-by-lake_169016-69026.jpg"},
        {
          id: "6",          name: "Site Prep",          price: "Custom Quote",          variant: "Logistics",          imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194826.jpg"},
      ]}
      title="Our Expertise"
      description="Comprehensive construction solutions for your needs."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Marc Dubois",          date: "Jan 2024",          title: "Satisfied Client",          quote: "Fantastic project management.",          tag: "Housing",          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-workers-high-five_23-2149366624.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/worker-works-building-site_1398-1728.jpg",          imageAlt: "happy home owner portrait"},
        {
          id: "2",          name: "Elena Weber",          date: "Feb 2024",          title: "Project Owner",          quote: "Professional, clean and fast.",          tag: "Commercial",          avatarSrc: "http://img.b2bpic.net/free-photo/african-american-woman-near-table-with-safety-helmet-equipments_23-2148040010.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-side-view-construction-engineer-using-tablet_23-2148233673.jpg",          imageAlt: "happy home owner portrait"},
        {
          id: "3",          name: "Pierre Berger",          date: "Mar 2024",          title: "Renovation Lead",          quote: "Great communication throughout.",          tag: "Renovation",          avatarSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15628.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-495.jpg",          imageAlt: "happy home owner portrait"},
        {
          id: "4",          name: "Sarah Meier",          date: "Apr 2024",          title: "Home Owner",          quote: "Transformed our house.",          tag: "Residential",          avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-old-man-pointing-something_23-2148269399.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-day-light-outdoors_23-2149194801.jpg",          imageAlt: "happy home owner portrait"},
        {
          id: "5",          name: "Jean Dupont",          date: "May 2024",          title: "Building Lead",          quote: "Top tier construction quality.",          tag: "Build",          avatarSrc: "http://img.b2bpic.net/free-photo/young-female-performer-dancing-abandoned-building-stairs_23-2149344100.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-signing-document_23-2148921394.jpg",          imageAlt: "happy home owner portrait"},
      ]}
      title="Client Feedback"
      description="What our clients say about our building expertise."
    />
  </div>

  <div id="partners" data-section="partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Swiss Building Supply",        "ArchEng Solutions",        "Quality Concrete AG",        "TimberTech",        "Real Estate Partners"]}
      title="Trusted Partners"
      description="Collaborating with leading industry specialists."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",          title: "Where are you based?",          content: "We are based at Impasse de la Forge 7, 1775 Mannens-Grandsivaz, Switzerland."},
        {
          id: "2",          title: "What kind of projects do you take?",          content: "We take both residential and commercial projects, large and small."},
        {
          id: "3",          title: "How do I get a quote?",          content: "Please fill out our contact form or give us a call."},
      ]}
      title="Frequently Asked Questions"
      description="Common inquiries about our construction projects."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get in Touch"
      description="Contact us to start your construction journey in Switzerland."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
        },
      ]}
      textarea={{
        name: "message",        placeholder: "Project details...",        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-side-view-construction-engineer-using-tablet_23-2148233673.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Navigation",          items: [
            {
              label: "Home",              href: "#hero"},
            {
              label: "Services",              href: "#services"},
          ],
        },
        {
          title: "Address",          items: [
            {
              label: "Impasse de la Forge 7",              href: "#"},
            {
              label: "1775 Mannens-Grandsivaz",              href: "#"},
          ],
        },
      ]}
      logoText="CH-Construction"
      copyrightText="© 2025 CH-Construction. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
