"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 FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';

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"
      logoClassName="text-2xl font-bold text-primary-cta"
    />
  </div>

  <div id="general-faqs" data-section="general-faqs">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-g1",          title: "Do you provide written, itemized quotes?",          content: "Yes, every quote we provide is fully itemized, and we take the time to explain all options in plain English, ensuring complete transparency and no hidden costs."},
        {
          id: "faq-g2",          title: "Do you share photos of the work in progress?",          content: "Absolutely. We provide regular photographic updates throughout the job, so you can see the progress and any hidden details, giving you peace of mind."},
        {
          id: "faq-g3",          title: "How fast can you attend storm damage?",          content: "For storm damage, we prioritize rapid response and aim for same or next-day attendance where possible. Our immediate focus is to make your roof safe and watertight."},
        {
          id: "faq-g4",          title: "What guarantees do you provide on your work?",          content: "We offer a 10-year workmanship guarantee on all full roof replacements. Materials used are covered by their respective manufacturer warranties, ensuring long-term reliability."},
        {
          id: "faq-g5",          title: "Are you fully insured?",          content: "Yes, GC Roofing is fully insured for both public and employer’s liability, providing complete peace of mind for both our clients and our team."},
        {
          id: "faq-g6",          title: "Will you keep the site tidy during and after work?",          content: "Maintaining a clean and tidy site is a core value for us. We protect your driveways and gardens, manage skip placement efficiently, and ensure everything is spotless upon completion."},
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common inquiries about our roofing services, process, and guarantees."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="faq-cta" data-section="faq-cta">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      text="Still have questions? Our friendly team is ready to help you."
      buttons={[
        {
          text: "Get a Quote",          href: "/contact"},
        {
          text: "Call 07927282276",          href: "tel:07927282276"},
      ]}
    />
  </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>
  );
}
