"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, Box, Briefcase, Building, CheckCircle, Clock, DollarSign, Eye, Home, ListChecks, MessageCircle, MessageSquare, Paintbrush, ShieldCheck, Sun, Users, Wrench } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="small"
        sizing="largeSmallSizeMediumTitles"
        background="noise"
        cardStyle="glass-depth"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Projects",          id: "#projects"},
        {
          name: "About",          id: "#about"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      button={{
        text: "Get a Free Quote",        href: "#contact"}}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7tev3u"
      logoAlt="Metro Carpentry Group logo"
      brandName="Metro Carpentry Group"
    />
  </div>

  <div id="home" data-section="home">
      <HeroLogoBillboard
      background={{
        variant: "animated-grid"}}
      logoText="Metro Carpentry Group"
      description="Premium residential and commercial carpentry solutions delivered with precision, quality, and craftsmanship. 4.9-Star Rated. Melbourne Carpentry Specialists. Quality Guaranteed."
      buttons={[
        {
          text: "Get a Free Quote",          href: "#contact"},
        {
          text: "Call Now",          href: "tel:+61409622403"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/construction-worker-with-hammer-building-roof-house_23-2148748848.jpg?_wi=1"
      imageAlt="Modern carpentry project with timber frames and clean lines"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Home,
          title: "Residential Carpentry",          description: "Transforming homes with bespoke timber solutions, from extensions to detailed interior finishes."},
        {
          icon: Building,
          title: "Commercial Carpentry",          description: "Delivering robust and stylish carpentry for offices, retail spaces, and commercial developments."},
        {
          icon: Sun,
          title: "Decking & Outdoor Structures",          description: "Creating durable and beautiful outdoor living areas, perfect for entertaining and relaxation."},
        {
          icon: Wrench,
          title: "Renovations & Extensions",          description: "Expertly expanding and upgrading properties with seamless carpentry integration and modern design."},
        {
          icon: Wrench,
          title: "Framing & Structural Carpentry",          description: "Constructing solid foundations and frameworks for new builds and major structural changes."},
        {
          icon: Building,
          title: "Pergolas & Alfresco Areas",          description: "Designing and building custom pergolas and alfresco structures for enhanced outdoor enjoyment."},
        {
          icon: Box,
          title: "Custom Timber Work",          description: "Crafting unique timber installations, joinery, and bespoke pieces tailored to your vision."},
        {
          icon: Paintbrush,
          title: "Property Maintenance",          description: "Comprehensive carpentry maintenance and repair services to keep your property in top condition."},
        {
          icon: Briefcase,
          title: "Shop Fit-Outs",          description: "Specialized carpentry for retail and commercial fit-outs, creating functional and attractive spaces."},
      ]}
      title="Professional Carpentry Services Built with Precision"
      description="From custom timber work to large-scale structural framing, our team delivers superior craftsmanship across all project types for homeowners, builders, and developers."
      tag="Our Expertise"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Who We Are"
      title="About Metro Carpentry Group"
      description="Metro Carpentry Group is a trusted Melbourne-based carpentry specialist dedicated to delivering exceptional craftsmanship. With years of experience, we pride ourselves on quality workmanship, reliable project delivery, and a truly customer-focused approach."
      subdescription="We use only premium materials and pay meticulous attention to every detail, ensuring your residential or commercial project is built to last and exceeds your expectations."
      icon={Wrench}
      imageSrc="http://img.b2bpic.net/free-photo/top-view-wood-crafting-objects-assortment_23-2148732481.jpg"
      imageAlt="Professional carpenter working on a timber frame"
      mediaAnimation="opacity"
    />
  </div>

  <div id="why-choose-us" data-section="why-choose-us">
      <FeatureBorderGlow
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Users,
          title: "Experienced Team",          description: "Highly skilled and certified carpenters with years of experience in complex projects."},
        {
          icon: Award,
          title: "Quality Craftsmanship",          description: "Meticulous attention to detail and a commitment to using premium materials for lasting results."},
        {
          icon: ShieldCheck,
          title: "Fully Insured",          description: "Peace of mind knowing your project is fully covered by comprehensive insurance."},
        {
          icon: Clock,
          title: "Reliable Service",          description: "Punctual project delivery and consistent communication, from start to final completion."},
        {
          icon: MessageCircle,
          title: "Transparent Communication",          description: "Clear, honest, and regular updates throughout your project journey."},
        {
          icon: Eye,
          title: "Attention to Detail",          description: "We pride ourselves on the finest details, ensuring a flawless finish every time."},
      ]}
      title="Why Choose Metro Carpentry Group?"
      description="We stand by our core values, ensuring every client receives unparalleled service and craftsmanship. Discover the difference that true dedication makes."
      tag="Our Commitment"
    />
  </div>

  <div id="projects" data-section="projects">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "project-1",          name: "Luxury Home Renovation",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712933.jpg",          imageAlt: "Completed luxury home renovation with custom timber features"},
        {
          id: "project-2",          name: "Modern Decking Project",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-wooden-chairs-porch-wooden-house_181624-15412.jpg",          imageAlt: "Spacious timber decking in a modern backyard"},
        {
          id: "project-3",          name: "Outdoor Living Space",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/rustic-deck-with-patio-furniture-vegetation_23-2150698460.jpg",          imageAlt: "Stylish outdoor living area with a custom pergola"},
        {
          id: "project-4",          name: "Commercial Office Fit-Out",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-carpenter-using-drill-while-working-with-wood-workshop_637285-11681.jpg",          imageAlt: "Contemporary commercial office with timber paneling and custom joinery"},
        {
          id: "project-5",          name: "Bespoke Timber Installation",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wood-logs_23-2151340204.jpg",          imageAlt: "Unique custom timber staircase in a residential property"},
        {
          id: "project-6",          name: "Before & After Gallery",          price: "View Gallery",          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263531.jpg",          imageAlt: "Before and after comparison of a carpentry renovation"},
      ]}
      title="Showcasing Our Exceptional Craftsmanship"
      description="Explore a selection of our recently completed residential and commercial projects, demonstrating the quality and versatility of Metro Carpentry Group."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah J.",          date: "October 2023",          title: "Exceptional Home Renovation",          quote: "Metro Carpentry Group transformed our home. The attention to detail and quality of work on our extension was outstanding. Highly recommend their professional team!",          tag: "Homeowner",          avatarSrc: "http://img.b2bpic.net/free-photo/young-business-woman-checking-satisfaction-checklist-box-copy-space_1258-88647.jpg",          avatarAlt: "Sarah J. avatar",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7tev3u",          imageAlt: "professional man smiling portrait happy"},
        {
          id: "2",          name: "David M.",          date: "September 2023",          title: "Reliable Commercial Partner",          quote: "As a property developer, I need partners I can trust. Metro Carpentry Group delivered our commercial fit-out on time and to an impeccable standard.",          tag: "Property Developer",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",          avatarAlt: "David M. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-with-hammer-building-roof-house_23-2148748848.jpg?_wi=2",          imageAlt: "professional man smiling portrait happy"},
        {
          id: "3",          name: "Emily R.",          date: "August 2023",          title: "Stunning Decking Project",          quote: "Our new timber deck is beyond perfect! The team was professional, friendly, and the craftsmanship is simply beautiful. It's truly a new outdoor oasis.",          tag: "Residential Client",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-caucasian-man_641386-12.jpg",          avatarAlt: "Emily R. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530709.jpg",          imageAlt: "professional man smiling portrait happy"},
        {
          id: "4",          name: "Michael T.",          date: "July 2023",          title: "Precision Framing Experts",          quote: "Metro Carpentry Group handled all our structural framing with precision and efficiency. Their expertise made a critical phase of our build stress-free.",          tag: "Builder",          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-adult-woman-holding-shopping-bags_23-2148660696.jpg",          avatarAlt: "Michael T. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-577.jpg",          imageAlt: "professional man smiling portrait happy"},
        {
          id: "5",          name: "Jessica L.",          date: "June 2023",          title: "Custom Work Excellence",          quote: "We commissioned a custom timber bookshelf, and the results are magnificent. It's a true piece of art and a testament to their skilled craftsmanship.",          tag: "Custom Project Client",          avatarSrc: "http://img.b2bpic.net/free-photo/builder-man-construction-uniform-safety-helmet-wearing-safety-glasses-looking-aside-with-pensive-expression-with-arms-crossed-his-chest-standing-pink-background_141793-138107.jpg",          avatarAlt: "Jessica L. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263533.jpg",          imageAlt: "professional man smiling portrait happy"},
      ]}
      title="What Our Valued Clients Say"
      description="Hear directly from homeowners, builders, and developers across Melbourne about their experience with Metro Carpentry Group's professionalism and superior results."
    />
  </div>

  <div id="process" data-section="process">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          icon: MessageSquare,
          title: "Consultation",          description: "We discuss your vision, requirements, and project scope in detail to understand your needs."},
        {
          icon: DollarSign,
          title: "Free Quote",          description: "Receive a transparent and competitive quote, outlining all costs with no hidden fees."},
        {
          icon: ListChecks,
          title: "Project Planning",          description: "Detailed planning, including design, materials selection, and scheduling, tailored to your timeline."},
        {
          icon: Wrench,
          title: "Construction & Craftsmanship",          description: "Our skilled carpenters bring your project to life with precision, quality, and exceptional craftsmanship."},
        {
          icon: CheckCircle,
          title: "Final Completion",          description: "Thorough inspection and handover, ensuring your complete satisfaction with the finished work."},
      ]}
      title="Our Seamless Project Process"
      description="From initial idea to final completion, we guide you through a transparent and efficient process, ensuring clarity and satisfaction at every stage of your carpentry project."
      tag="Our Approach"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Get in Touch"
      title="Let's Build Something Exceptional Together"
      description="Ready to start your next project? Contact Metro Carpentry Group today for a free quote, or call us directly. We proudly serve Melbourne & Surrounding Suburbs. Visit us at 17 Sydney Rd, Brunswick VIC 3056."
      buttons={[
        {
          text: "Get a Free Quote",          href: "mailto:info@metrocargroup.com.au"},
        {
          text: "Call Metro Carpentry Group",          href: "tel:+61409622403"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Metro Carpentry Group"
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Residential Carpentry",              href: "#services"},
            {
              label: "Commercial Carpentry",              href: "#services"},
            {
              label: "Decking & Structures",              href: "#services"},
            {
              label: "Renovations & Extensions",              href: "#services"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Our Projects",              href: "#projects"},
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "Why Choose Us",              href: "#why-choose-us"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "Get a Quote",              href: "#contact"},
            {
              label: "Call Now: 0409 622 403",              href: "tel:+61409622403"},
            {
              label: "17 Sydney Rd, Brunswick VIC 3056",              href: "https://maps.app.goo.gl/YourGoogleMapsLinkHere"},
            {
              label: "Service Areas: Melbourne & Suburbs",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2023 Metro Carpentry Group. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
