"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="large"
        background="noise"
        cardStyle="solid"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          id: "#about"},
        {
          name: "Portfolio",          id: "#portfolio"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      button={{
        text: "Get a Quote",        href: "#contact"}}
      brandName="Gallery Built Roofing"
    />
  </div>

  <div id="home" data-section="home">
      <HeroCarouselLogo
      logoText="Gallery Built Roofing"
      description="Premium materials, flawless craftsmanship, and design integrity for homes that demand excellence. Gallery Built delivers roofs as stunning as they are built to last."
      buttons={[
        {
          text: "View Our Portfolio",          href: "#portfolio"},
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343660.jpg",          imageAlt: "Luxury home with modern roof"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/white-buildings-with-red-roofs-sunlight_181624-5655.jpg",          imageAlt: "Stunning roofline on a modern architectural home"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg",          imageAlt: "Contemporary residential roof"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg",          imageAlt: "High-end roof design with detailed craftsmanship"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-wooden-brown-houses-blue-sky_181624-6026.jpg",          imageAlt: "Finished residential roofing project"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/modern-stadium_1127-110.jpg",          imageAlt: "Architectural house roof detail"},
      ]}
      showDimOverlay={true}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      tag="Our Philosophy"
      title="Crafting Architectural Masterpieces, One Roof at a Time"
      buttons={[
        {
          text: "Learn More About Us",          href: "#"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Architectural Design Consultation",          description: "Collaborate with our experts to select materials and designs that perfectly complement your home's aesthetic and architectural integrity. We provide detailed visualizations and material samples to ensure your vision comes to life.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264426.jpg",            imageAlt: "Architectural roof design process"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg",            imageAlt: "Roof material samples selection"}
        },
        {
          title: "Flawless Installation & Craftsmanship",          description: "Our certified artisans employ precision techniques and adhere to the highest industry standards, ensuring every tile, shingle, or panel is installed with unwavering attention to detail and lasting durability.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/man-goes-down-rope-ladder_1304-5001.jpg",            imageAlt: "Professional roof installation team"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg",            imageAlt: "Detailed roof edge finishing"}
        },
        {
          title: "Comprehensive Quality Assurance",          description: "From initial site assessment to post-installation inspection, our multi-point quality control process guarantees that your new roof not only looks spectacular but performs flawlessly for decades to come.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/crop-men-examining-drafts_23-2147785495.jpg",            imageAlt: "Drone inspecting completed roof"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/small-house-model-pen-blank-clipboard-blue-backdrop_23-2148203965.jpg",            imageAlt: "Extended roofing warranty document"}
        },
      ]}
      showStepNumbers={true}
      title="The Gallery Built Advantage"
      description="Experience the difference that meticulous planning, superior materials, and expert execution make for your home's most vital architectural element."
    />
  </div>

  <div id="portfolio" data-section="portfolio">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "1",          name: "Modern Shingle Elegance",          price: "Starting at $25,000",          variant: "Asphalt Shingle",          imageSrc: "http://img.b2bpic.net/free-photo/black-texture-lines_181624-13114.jpg",          imageAlt: "Modern shingle roof on a luxury home"},
        {
          id: "2",          name: "Sleek Metal Mastery",          price: "Starting at $35,000",          variant: "Standing Seam Metal",          imageSrc: "http://img.b2bpic.net/free-photo/metallic-building-wall-sky_23-2148744289.jpg",          imageAlt: "Sleek metal roof on a modern building"},
        {
          id: "3",          name: "Timeless Slate Grandeur",          price: "Starting at $45,000",          variant: "Natural Slate Tile",          imageSrc: "http://img.b2bpic.net/free-photo/cotton-candies-chocolate-waffle-wooden-plate-tea-towel-blue_114579-37111.jpg",          imageAlt: "Classic slate roof on a luxury estate"},
        {
          id: "4",          name: "Rustic Cedar Charm",          price: "Starting at $28,000",          variant: "Cedar Shake",          imageSrc: "http://img.b2bpic.net/free-photo/house-surrounded-by-greenery-with-hills-cloudy-sky-background_181624-9940.jpg",          imageAlt: "Wooden shake roof with rustic charm"},
        {
          id: "5",          name: "Mediterranean Clay Tiles",          price: "Starting at $30,000",          variant: "Terracotta Clay Tile",          imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-house-wall_23-2148106923.jpg",          imageAlt: "Clay tile roof on a Mediterranean villa"},
        {
          id: "6",          name: "Sustainable Green Roof",          price: "Starting at $50,000",          variant: "Vegetated Living Roof",          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-from-hong-kong_181624-34551.jpg",          imageAlt: "Eco-friendly green roof on a modern design"},
      ]}
      title="Our Signature Roofing Portfolio"
      description="Explore a curated selection of our most exquisite roofing projects, showcasing the diverse materials, intricate designs, and flawless execution that define Gallery Built Roofing."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Eleanor Vance",          date: "October 2023",          title: "Beyond Expectations",          quote: "Gallery Built Roofing transformed our home with a roof that's not just durable but a true work of art. The attention to detail and seamless process were beyond our expectations.",          tag: "Homeowner",          avatarSrc: "http://img.b2bpic.net/free-photo/attractive-female-model-with-short-wavy-hair-calling-friend-from-hotel-lovely-young-woman-pink-blouse-talking-phone-while-standing-balcony_197531-9087.jpg",          avatarAlt: "Eleanor Vance",          imageSrc: "http://img.b2bpic.net/free-photo/grayscale-shot-striped-apartment-building_181624-58289.jpg",          imageAlt: "Modern luxury home exterior"},
        {
          id: "2",          name: "Marcus Thorne",          date: "September 2023",          title: "Architectural Perfection",          quote: "As an architect, I appreciate precision. Gallery Built delivered a roofing solution that perfectly executed our design intent, using materials of the highest caliber. Truly architectural perfection.",          tag: "Architect",          avatarSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",          avatarAlt: "Marcus Thorne",          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-house-with-wooden-pieces_23-2148931503.jpg",          imageAlt: "Stunning roof detail luxury residence"},
        {
          id: "3",          name: "Sophia Chen",          date: "August 2023",          title: "Unmatched Craftsmanship",          quote: "The craftsmanship on our new slate roof is simply unmatched. Gallery Built Roofing took the time to explain every step, ensuring we felt confident and informed throughout the entire project. Highly recommended!",          tag: "Homeowner",          avatarSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-confident-middleaged-man-gray-sweater-showing-thumbsup-approval-recommendi_1258-129203.jpg",          avatarAlt: "Sophia Chen",          imageSrc: "http://img.b2bpic.net/free-photo/old-house-with-tiled-roof_169016-29073.jpg",          imageAlt: "Large luxury home with new roof"},
        {
          id: "4",          name: "David Lee",          date: "July 2023",          title: "A Partner in Design",          quote: "Working with Gallery Built Roofing was a true partnership. They understood our design aesthetic and translated it into a roof that enhances the entire property. Their expertise is invaluable.",          tag: "Interior Designer",          avatarSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-taking-off-butterfly-black-background_176420-55699.jpg",          avatarAlt: "David Lee",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-wooden-roof_181624-2403.jpg",          imageAlt: "Custom built home roof design"},
        {
          id: "5",          name: "Isabelle Dubois",          date: "June 2023",          title: "Flawless Execution",          quote: "From the initial consultation to the final walkthrough, Gallery Built demonstrated professionalism and delivered flawless execution. Our contemporary home now boasts a roof as impressive as its structure.",          tag: "Homeowner",          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-laughing-mature-woman-holding-hands-her-chest_171337-8078.jpg",          avatarAlt: "Isabelle Dubois",          imageSrc: "http://img.b2bpic.net/free-photo/gray-concrete-building-with-pillars_250224-338.jpg",          imageAlt: "Contemporary villa with flat roof design"},
      ]}
      title="Voices of Our Valued Clients"
      description="Hear directly from homeowners and architects who have experienced the Gallery Built difference in quality, service, and stunning results."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Architekton Design",        "Elite Homes Group",        "Heritage Builders",        "Structural Innovations",        "Zenith Architecture",        "Green Living Homes",        "Prestige Property Mgt."]}
      title="Trusted by Architects & Home Builders"
      description="Our commitment to excellence has earned us the trust of leading architectural firms and luxury home builders across the region."
      showCard={true}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",          title: "What types of premium roofing materials do you specialize in?",          content: "We specialize in a wide range of high-end materials including natural slate, copper, standing seam metal, architectural asphalt shingles, and sustainable green roofing systems. Our team provides expert guidance to help you select the ideal material for your home's aesthetics and climate."},
        {
          id: "faq-2",          title: "How does your design consultation process work?",          content: "Our design consultation begins with an in-depth discussion of your architectural style, aesthetic preferences, and functional requirements. We provide detailed material samples, 3D renderings, and expert recommendations to ensure the final design perfectly aligns with your vision and budget."},
        {
          id: "faq-3",          title: "What kind of warranty do you offer on your roofing projects?",          content: "Gallery Built Roofing stands behind its work with comprehensive warranties covering both materials and labor. Specific warranty details vary by material and project scope, but we ensure robust protection for your investment. We are happy to discuss these details during your consultation."},
        {
          id: "faq-4",          title: "Are you licensed and insured?",          content: "Absolutely. Gallery Built Roofing is fully licensed, bonded, and insured, providing peace of mind and protection for all our clients and projects. We adhere to all local and national building codes and safety regulations."},
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Find answers to common questions about our premium roofing services, materials, and process. If you don't find what you're looking for, feel free to contact us directly."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Connect With Us"
      title="Begin Your Gallery Built Roofing Experience"
      description="Ready to transform your home with a roof of unparalleled beauty and durability? Contact us today for a personalized consultation."
      inputPlaceholder="Enter your email"
      buttonText="Request a Consultation"
      termsText="By submitting your request, you agree to our Privacy Policy and Terms of Service."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Gallery Built Roofing"
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Our Process",              href: "#features"},
            {
              label: "Portfolio",              href: "#portfolio"},
          ],
        },
        {
          title: "Resources",          items: [
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Partners",              href: "#social-proof"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "Get a Quote",              href: "#contact"},
            {
              label: "Email Us",              href: "mailto:info@gallerybuilt.com"},
            {
              label: "Call Us",              href: "tel:+18001234567"},
          ],
        },
      ]}
      copyrightText="© 2024 Gallery Built Roofing. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
