"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="medium"
        background="circleGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "Projects",
          id: "/projects",
        },
        {
          name: "Reviews",
          id: "/reviews",
        },
        {
          name: "About",
          id: "/about",
        },
        {
          name: "FAQs",
          id: "/faq",
        },
        {
          name: "Get a Quote",
          id: "/contact",
        },
      ]}
      brandName="GC Roofing"
    />
  </div>

  <div id="customer-reviews" data-section="customer-reviews">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "r-test-1",
          name: "Eleanor Vance",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-couple-dancing-together_23-2149390954.jpg",
        },
        {
          id: "r-test-2",
          name: "Patrick O'Connell",
          imageSrc: "http://img.b2bpic.net/free-photo/man-with-phone-jacket_1303-5865.jpg",
        },
        {
          id: "r-test-3",
          name: "Sophia Clarke",
          imageSrc: "http://img.b2bpic.net/free-photo/friendly-corporate-businesswoman_23-2147702112.jpg",
        },
        {
          id: "r-test-4",
          name: "Liam Murphy",
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-with-bouquet-red-roses-coming-restaurant_496169-243.jpg",
        },
        {
          id: "r-test-5",
          name: "Chloe Davies",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-family-having-fun_23-2148880351.jpg",
        },
        {
          id: "r-test-6",
          name: "Ethan Williams",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
        },
      ]}
      cardTitle="What Our Valued Homeowners Say"
      cardTag="Trusted by the Community"
      cardAnimation="blur-reveal"
    />
  </div>

  <div id="feedback-faqs" data-section="feedback-faqs">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-r1",
          title: "How do you use my feedback?",
          content: "We take all feedback seriously. Positive reviews help us celebrate our team's hard work, and constructive criticism guides us in continuously improving our services and client experience.",
        },
        {
          id: "faq-r2",
          title: "Can I submit a review directly?",
          content: "Yes, we encourage direct feedback. You can reach out via our contact page, and we also appreciate reviews on Google and Facebook to help others find our reliable services.",
        },
        {
          id: "faq-r3",
          title: "Do you publish all reviews?",
          content: "We aim for transparency and publish a representative selection of reviews, including some with constructive comments, to provide a balanced view of our services and our commitment to improvement.",
        },
      ]}
      title="Your Feedback Matters"
      description="We believe in transparency, even with constructive feedback. Here's how we ensure client satisfaction."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="GC Roofing"
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "New Slates & Tiled Roofs",
              href: "/services#slate-tile",
            },
            {
              label: "Flat Roof Replacement",
              href: "/services#flat-roof",
            },
            {
              label: "Chimney Removal/Rebuild",
              href: "/services#chimney",
            },
            {
              label: "Fascia, Soffits & Guttering",
              href: "/services#fascia-gutter",
            },
            {
              label: "Storm Damage & Emergency",
              href: "/services#storm-damage",
            },
            {
              label: "Skylights & Ventilation",
              href: "/services#skylights",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Projects",
              href: "/projects",
            },
            {
              label: "Reviews",
              href: "/reviews",
            },
            {
              label: "FAQs",
              href: "/faq",
            },
            {
              label: "Contact",
              href: "/contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 GC Roofing. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
