"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeMediumTitles"
        background="aurora"
        cardStyle="gradient-radial"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Projects",          id: "#projects"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zcuns9"
      logoAlt="CRE Construction Logo"
      brandName="CRE Construction"
      button={{
        text: "Request a Quote",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "glowing-orb"}}
      imagePosition="left"
      title="Built Right Every Single Time"
      description="CRE Construction delivers premium residential builds, renovations, and repairs across New Zealand with communication and craftsmanship you can count on."
      kpis={[
        {
          value: "100%",          label: "Client Satisfaction"},
        {
          value: "15+",          label: "Years Experience"},
        {
          value: "On-Time",          label: "Project Delivery"},
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "Request a Free Quote",          href: "#contact"},
        {
          text: "See Our Work",          href: "#projects"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/modern-cliffside-home-with-ocean-view-sunset_23-2152016391.jpg"
      imageAlt="Luxury modern home under construction in New Zealand"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/transaction-working-arms-crossed-cope-storehouse_1134-1149.jpg",          alt: "Male construction worker smiling"},
        {
          src: "http://img.b2bpic.net/free-photo/senior-woman-with-plans-helmet_1149-1127.jpg",          alt: "Female architect professional"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-happy-mother-home_23-2148321636.jpg",          alt: "Satisfied homeowner happy"},
        {
          src: "http://img.b2bpic.net/free-photo/senior-lecturer-with-arms-crossed-flipchart_1262-1903.jpg",          alt: "Project lead confident"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-man-practicing-his-profession-celebrate-international-labour-day_23-2151230094.jpg",          alt: "Tradesman smiling"},
      ]}
      avatarText="Trusted by 1000+ Clients"
      marqueeItems={[
        {
          type: "text",          text: "Expert Craftsmanship"},
        {
          type: "text",          text: "Reliable Project Delivery"},
        {
          type: "text",          text: "Client-Centric Approach"},
        {
          type: "text",          text: "Quality Materials"},
        {
          type: "text",          text: "Innovative Solutions"},
      ]}
      marqueeSpeed={30}
      showMarqueeCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="Your Trusted Builder for Premium Projects"
      buttons={[
        {
          text: "Learn More About Us",          href: "#"},
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Residential Renovations",          description: "Transform your home with modern kitchens, luxurious bathrooms, or expansive living spaces. We breathe new life into existing properties.",          imageSrc: "http://img.b2bpic.net/free-photo/female-hand-holding-white-drawer-store_181624-51792.jpg",          imageAlt: "Modern kitchen renovation"},
        {
          title: "Commercial Builds & Fit-outs",          description: "Create functional and inspiring commercial environments. We specialize in office fit-outs, retail spaces, and property development.",          imageSrc: "http://img.b2bpic.net/free-photo/people-thrift-shop-full-shot_23-2149726795.jpg",          imageAlt: "Contemporary office interior"},
        {
          title: "Extensions & Additions",          description: "Expand your living or working space seamlessly. Our expert team ensures additions blend perfectly with existing structures, adding value and utility.",          imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-with-island-armchair-stylish-open-space-home-design_169016-72732.jpg",          imageAlt: "Seamless home extension"},
        {
          title: "Repairs & Maintenance",          description: "Dependable solutions for all your property repair and maintenance needs. From urgent fixes to scheduled upkeep, we ensure lasting quality.",          imageSrc: "http://img.b2bpic.net/free-photo/steel-bar-site-construction_1150-10125.jpg",          imageAlt: "Professional roof repair"},
      ]}
      title="Crafting Your Vision into Reality"
      description="From bespoke residential projects to robust commercial solutions, CRE Construction offers a comprehensive range of building services tailored to your needs, always delivered with precision and care."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "98%",          title: "Customer Satisfaction",          description: "Our clients consistently rate us highly for communication, craftsmanship, and overall experience.",          imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15652.jpg",          imageAlt: "Happy client and builder shaking hands"},
        {
          id: "m2",          value: "300+",          title: "Successful Projects",          description: "A diverse portfolio of completed residential and commercial projects across New Zealand.",          imageSrc: "http://img.b2bpic.net/free-photo/three-architects-front-building_23-2147702499.jpg",          imageAlt: "Completed luxury home exterior"},
        {
          id: "m3",          value: "15+",          title: "Years of Expertise",          description: "Decades of combined experience ensure your project is in the most capable hands, built to last.",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-looking-away_23-2148384486.jpg",          imageAlt: "Experienced construction worker"},
      ]}
      title="Our Commitment to Excellence"
      description="Driven by a passion for quality and client satisfaction, our metrics reflect the dedication and skill we bring to every construction project."
    />
  </div>

  <div id="projects" data-section="projects">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Luxury New Home Build",          price: "Residential",          imageSrc: "http://img.b2bpic.net/free-photo/old-house-with-tiled-roof_169016-29073.jpg",          imageAlt: "Completed luxury new build home"},
        {
          id: "p2",          name: "Modern Home Renovation",          price: "Residential",          imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-bathroom_1203-2868.jpg",          imageAlt: "Stylish interior of a renovated home"},
        {
          id: "p3",          name: "Contemporary Office Space",          price: "Commercial",          imageSrc: "http://img.b2bpic.net/free-photo/relax-area-hotel_1150-10812.jpg",          imageAlt: "Sleek modern office interior"},
        {
          id: "p4",          name: "Boutique Retail Fit-out",          price: "Commercial",          imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498461.jpg",          imageAlt: "Fashion boutique interior"},
        {
          id: "p5",          name: "Outdoor Living Extension",          price: "Residential",          imageSrc: "http://img.b2bpic.net/free-photo/covered-lifestyle-garden-with-indoor-outdoor-living_1127-3425.jpg",          imageAlt: "Spacious outdoor deck area"},
        {
          id: "p6",          name: "Structural Repairs & Upgrades",          price: "Maintenance",          imageSrc: "http://img.b2bpic.net/free-photo/long-shot-different-floors-building_122409-81.jpg",          imageAlt: "Detailed image of structural repair work"},
      ]}
      title="Explore Our Portfolio of Quality Builds"
      description="Showcasing a selection of our finest work, each project a testament to our dedication to craftsmanship, attention to detail, and client satisfaction."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          imageSrc: "http://img.b2bpic.net/free-photo/group-architect-discussing-plan-office_23-2147842931.jpg",          imageAlt: "Sarah Johnson"},
        {
          id: "2",          name: "Michael Chen",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-architect-man-holding-cellphone-hard-hat-with-blueprint-construction-site_23-2148203937.jpg",          imageAlt: "Michael Chen"},
        {
          id: "3",          name: "Emily Rodriguez",          imageSrc: "http://img.b2bpic.net/free-photo/man-loving-her-girlfriend-standing-near-curtain_23-2147966496.jpg",          imageAlt: "Emily Rodriguez"},
        {
          id: "4",          name: "David Kim",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-side-view-construction-engineer-looking-through-plans_23-2148233716.jpg",          imageAlt: "David Kim"},
        {
          id: "5",          name: "Jessica Lee",          imageSrc: "http://img.b2bpic.net/free-photo/man-with-raised-raised-finger-red-helmet_1187-3151.jpg",          imageAlt: "Jessica Lee"},
      ]}
      cardTitle="What Our Clients Say"
      cardTag="Authentic Feedback"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "What types of projects does CRE Construction handle?",          content: "We specialize in a broad range of residential projects including new builds, renovations, and extensions. We also undertake various commercial fit-outs and repairs for property managers and small businesses."},
        {
          id: "q2",          title: "How do you ensure clear communication throughout the project?",          content: "Communication is our cornerstone. We provide regular updates, detailed project plans, and are always available to discuss any questions or changes you might have, ensuring full transparency from start to finish."},
        {
          id: "q3",          title: "What is your approach to quality control?",          content: "Quality is paramount. We adhere to the highest industry standards, using premium materials and employing skilled tradesmen. Regular inspections and a meticulous eye for detail ensure every aspect of your project meets our rigorous quality benchmarks."},
        {
          id: "q4",          title: "Can I get a free quote for my project?",          content: "Absolutely! We offer no-obligation free quotes. Simply contact us with details about your project, and we'll schedule a consultation to discuss your needs and provide a comprehensive estimate."},
        {
          id: "q5",          title: "Are you licensed and insured?",          content: "Yes, CRE Construction is fully licensed, insured, and compliant with all New Zealand building regulations. You can have complete peace of mind knowing your project is handled by professionals with full coverage."},
        {
          id: "q6",          title: "What areas do you service in New Zealand?",          content: "We provide our premium building services across various regions in New Zealand. Please contact us to confirm if we operate in your specific location."},
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about our building process, pricing, timelines, and commitment to quality and communication."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      text="Ready to Build Your Dream Project? Let's Talk."
      buttons={[
        {
          text: "Request a Free Quote",          href: "#"},
        {
          text: "Call Us Now",          href: "tel:+64XXXXXXXXX"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zcuns9"
      logoAlt="CRE Construction Logo"
      columns={[
        {
          items: [
            {
              label: "Home",              href: "#hero"},
            {
              label: "About Us",              href: "#about"},
            {
              label: "Services",              href: "#services"},
            {
              label: "Our Work",              href: "#projects"},
          ],
        },
        {
          items: [
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "Request Quote",              href: "#contact"},
          ],
        },
        {
          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
            {
              label: "Sitemap",              href: "#"},
          ],
        },
      ]}
      logoText="Building Dreams, One Project at a Time."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
