"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeMediumTitles"
        background="aurora"
        cardStyle="layered-gradient"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Products",
          id: "#products",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          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=ajmaqr"
      logoAlt="Simpson Metal Roofing Logo"
      brandName="Simpson Metal Roofing"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitDualMedia
      background={{
        variant: "downward-rays-static-grid",
      }}
      title="Your Trusted Partner for Metal Roofing Excellence"
      description="Simpson Metal Roofing delivers superior quality, durability, and aesthetics for residential and commercial projects. Experience unmatched craftsmanship and peace of mind."
      tag="Top-Rated Roofing Solutions"
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Get a Free Quote",
          href: "#contact",
        },
        {
          text: "View Our Work",
          href: "#products",
        },
      ]}
      buttonAnimation="slide-up"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-11972.jpg",
          imageAlt: "Modern metal roof on a residential home",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg",
          imageAlt: "Roofing contractor installing metal roof",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg",
          imageAlt: "Man working on roof front view",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg",
          imageAlt: "Side view man working on roof with a drill",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg",
          imageAlt: "Full shot man wearing protection helmet outdoors",
        },
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="Based on 1 happy customer review"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",
          content: "Simpson Metal Roofing: Decades of Excellence Above You",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg",
          alt: "friendly roofing team smiling",
        },
      ]}
      buttons={[
        {
          text: "Learn More About Us",
          href: "#contact",
        },
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "New Metal Roof Installation",
          description: "Specializing in durable and aesthetically pleasing metal roof installations for new constructions and full replacements.",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg",
          imageAlt: "New metal roof being installed",
        },
        {
          title: "Expert Roof Repairs & Maintenance",
          description: "Prompt and reliable repair services for leaks, storm damage, and wear, ensuring the longevity of your roof.",
          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-low-view_23-2148748785.jpg",
          imageAlt: "Roof being repaired after damage",
        },
        {
          title: "Custom Metal Fabrication",
          description: "Tailored metal roofing solutions, including custom flashing, capping, and unique architectural designs.",
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg",
          imageAlt: "Custom metal fabrication for roofing",
        },
      ]}
      title="Our Comprehensive Roofing Services"
      description="From new installations to expert repairs, Simpson Metal Roofing is your one-stop shop for all your metal roofing needs."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      products={[
        {
          id: "1",
          name: "Corrugated Metal Roofing",
          price: "Durable & Classic",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-stadium_1127-110.jpg",
          imageAlt: "Corrugated metal roofing sheets",
        },
        {
          id: "2",
          name: "Standing Seam Panels",
          price: "Modern & Sleek",
          imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8671.jpg",
          imageAlt: "Standing seam metal roofing panels",
        },
        {
          id: "3",
          name: "Metal Shingles",
          price: "Stylish & Resilient",
          imageSrc: "http://img.b2bpic.net/free-photo/closed-security-shutters-background-texture_1368-6407.jpg",
          imageAlt: "Metal roof shingles",
        },
        {
          id: "4",
          name: "Metal Roof Tiles",
          price: "Elegant & Long-lasting",
          imageSrc: "http://img.b2bpic.net/free-photo/traditional-ceramic-roof-tiles-government-building-dijon-burgundy-france_1101-2530.jpg",
          imageAlt: "Metal roof tiles",
        },
        {
          id: "5",
          name: "Custom Metal Fabrication",
          price: "Tailored Solutions",
          imageSrc: "http://img.b2bpic.net/free-photo/grey-metal-framed-glass-window-building_250224-357.jpg",
          imageAlt: "Custom fabricated metal roof piece",
        },
        {
          id: "6",
          name: "Roofing Accessories",
          price: "Complete Systems",
          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg",
          imageAlt: "Roofing accessories like vents and flashing",
        },
      ]}
      title="Explore Our Premium Metal Roofing Options"
      description="Discover a wide range of high-quality metal roofing materials and styles to suit your property's aesthetic and functional needs."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "1",
          value: "20+",
          description: "Years in Business",
        },
        {
          id: "2",
          value: "500+",
          description: "Projects Completed",
        },
        {
          id: "3",
          value: "100%",
          description: "Customer Satisfaction",
        },
      ]}
      title="Our Track Record of Success"
      description="Years of experience, countless satisfied customers, and unwavering commitment to quality. See our achievements at a glance."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          title: "Outstanding Quality!",
          quote: "Simpson Metal Roofing delivered an outstanding result! Our new roof is not only beautiful but also incredibly sturdy. The team was professional, efficient, and paid attention to every detail.",
          name: "Sarah J.",
          role: "Homeowner, Springwood",
          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1613.jpg",
        },
        {
          id: "2",
          title: "Professional and Efficient",
          quote: "The entire process, from quote to completion, was seamless. Simpson Metal Roofing provided excellent service, a fair price, and a truly high-quality metal roof. Highly recommend!",
          name: "Michael C.",
          role: "Business Owner, Blaxland",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-young-caucasian-brunette-woman-white-shirt-looks-camera-holds-smartphone-sitting-table-with-coffee_197531-33244.jpg",
        },
        {
          id: "3",
          title: "Exceptional Craftsmanship",
          quote: "We are thrilled with our new metal roof. The craftsmanship is exceptional, and the team was incredibly tidy and respectful of our property. Simpson Metal Roofing exceeded our expectations.",
          name: "Emily R.",
          role: "Homeowner, Faulconbridge",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
        },
        {
          id: "4",
          title: "Durable and Aesthetic",
          quote: "Our old roof needed a complete overhaul, and Simpson Metal Roofing provided the perfect solution. The metal roof is both durable and has significantly improved our home's curb appeal. Fantastic work!",
          name: "David K.",
          role: "Property Manager, Glenbrook",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-girl-jersey_1187-5170.jpg",
        },
        {
          id: "5",
          title: "Great Value for Money",
          quote: "Choosing Simpson Metal Roofing was one of the best decisions we made for our home renovation. The quality for the price is unbeatable, and the installation was quick and painless.",
          name: "Jessica L.",
          role: "Homeowner, Linden",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-bearded-man-drinking-coffee_171337-12821.jpg",
        },
        {
          id: "6",
          title: "Reliable and Trustworthy",
          quote: "Simpson Metal Roofing proved to be reliable and trustworthy from day one. They communicated clearly, arrived on time, and delivered a beautiful, leak-free roof. Absolute peace of mind.",
          name: "Chris P.",
          role: "Builder, Penrith",
          imageSrc: "http://img.b2bpic.net/free-photo/freakedout-nervous-young-girl-worry-party-go-well-panicking-gesturing-raised-hands-worried_1258-228409.jpg",
        },
      ]}
      title="What Our Customers Say"
      description="Hear directly from homeowners and businesses who chose Simpson Metal Roofing for their projects."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",
          title: "What are the benefits of a metal roof?",
          content: "Metal roofs are renowned for their durability, longevity (often lasting 50+ years), energy efficiency, fire resistance, and low maintenance. They also come in a variety of styles and colors.",
        },
        {
          id: "2",
          title: "How long does a metal roof installation take?",
          content: "Installation time varies based on the roof's size, complexity, and weather conditions. Most residential metal roofs can be installed within a few days to a week.",
        },
        {
          id: "3",
          title: "Is metal roofing noisy during rain or hail?",
          content: "Modern metal roofing, especially when installed with proper insulation and solid sheathing, is often no noisier than other roofing materials. In fact, many find the sound quite soothing.",
        },
        {
          id: "4",
          title: "What kind of warranty does Simpson Metal Roofing offer?",
          content: "We offer comprehensive warranties on both materials and our workmanship. Specific details will be provided with your personalized quote.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about metal roofing, installations, and our services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Lysaght",
        "BlueScope Steel",
        "Colorbond",
        "Metroll",
        "Fielders",
        "Stramit",
        "BHP Steel",
      ]}
      title="Our Trusted Partners & Suppliers"
      description="We collaborate with leading manufacturers and local businesses to ensure the highest quality materials and services for your project."
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient",
      }}
      text="Ready for a superior metal roof? Contact Simpson Metal Roofing today for a free, no-obligation quote and let's discuss your project."
      buttons={[
        {
          text: "Call Us Now: 0419 446 846",
          href: "tel:+61419446846",
        },
        {
          text: "Email Us",
          href: "mailto:info@simpsonmetalroofing.com.au",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "New Roof Installation",
              href: "#services",
            },
            {
              label: "Roof Repairs",
              href: "#services",
            },
            {
              label: "Maintenance",
              href: "#services",
            },
            {
              label: "Custom Fabrication",
              href: "#services",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Our Work",
              href: "#products",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
          ],
        },
        {
          title: "Contact",
          items: [
            {
              label: "Get a Quote",
              href: "#contact",
            },
            {
              label: "Call Us",
              href: "tel:+61419446846",
            },
            {
              label: "Email Us",
              href: "mailto:info@simpsonmetalroofing.com.au",
            },
            {
              label: "Our Location",
              href: "https://maps.app.goo.gl/2F8X3B8W3Y4X5Z6A7",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 Simpson Metal Roofing. All rights reserved."
      bottomRightText="Privacy Policy"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
