"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
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="project-portfolio" data-section="project-portfolio">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "project-1",          brand: "Malone Road",          name: "1930s Semi - Full Re-slate",          price: "View Details",          rating: 5,
          reviewCount: "5",          imageSrc: "http://img.b2bpic.net/free-photo/house-surrounded-by-greenery-with-hills-cloudy-sky-background_181624-9940.jpg",          imageAlt: "Before and after of a full roof replacement on a 1930s semi-detached house"
        },
        {
          id: "project-2",          brand: "City Centre",          name: "Commercial Flat Roof Upgrade",          price: "View Details",          rating: 5,
          reviewCount: "5",          imageSrc: "http://img.b2bpic.net/free-photo/asian-man-with-cancer-side-view_23-2149870330.jpg",          imageAlt: "GRP flat roof replacement on a commercial building"
        },
        {
          id: "project-3",          brand: "Lisburn Road",          name: "Chimney Rebuild & Leadwork",          price: "View Details",          rating: 5,
          reviewCount: "5",          imageSrc: "http://img.b2bpic.net/free-photo/gray-stainless-steel-roof-exhaust_422131-40.jpg",          imageAlt: "Chimney rebuild project on a residential home"
        },
        {
          id: "project-4",          brand: "Dunmurry",          name: "Fascia, Soffit & Guttering",          price: "View Details",          rating: 5,
          reviewCount: "5",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-roof-wooden-house_23-2149343706.jpg",          imageAlt: "New fascia, soffits, and guttering installed on a house"
        },
        {
          id: "project-5",          brand: "East Belfast",          name: "Emergency Storm Repair",          price: "View Details",          rating: 5,
          reviewCount: "5",          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-green-building-with-gray-pipe-cloudy-sky_181624-6832.jpg",          imageAlt: "Emergency repair of a storm-damaged roof"
        },
        {
          id: "project-6",          brand: "South Belfast",          name: "Velux Skylight Installation",          price: "View Details",          rating: 5,
          reviewCount: "5",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-family-sitting-table_23-2150231683.jpg",          imageAlt: "Installation of a Velux skylight in a roof"
        }
      ]}
      title="Recent Roofing Projects"
      description="Browse a selection of our completed projects, showcasing our craftsmanship and commitment to quality across Greater Belfast."
    />
  </div>

  <div id="project-testimonials" data-section="project-testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "p-test-1",          name: "John D.",          imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg"
        },
        {
          id: "p-test-2",          name: "Fiona G.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-relaxed-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder_74855-15162.jpg"
        },
        {
          id: "p-test-3",          name: "Robert S.",          imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-love-garden_23-2148060162.jpg"
        },
        {
          id: "p-test-4",          name: "Claire B.",          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-posing-purple-wall_176420-2852.jpg"
        },
        {
          id: "p-test-5",          name: "Mark L.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-green-jacket_613910-10368.jpg"
        }
      ]}
      cardTitle="Client Testimonials on Our Projects"
      cardTag="Proof of Excellence"
      cardAnimation="blur-reveal"
    />
  </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>
  );
}
