"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Building, CalendarCheck, Cog, Home, Star, ThumbsUp } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="largeSizeMediumTitles"
        background="blurBottom"
        cardStyle="gradient-bordered"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Services",          id: "#features"},
        {
          name: "Pricing",          id: "#pricing"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Bay Contractors & Roofing"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-static"}}
      title="Your Trusted Partner for Quality Roofing & Contracting"
      description="Bay Contractors & Roofing delivers superior craftsmanship and reliable solutions for all your residential and commercial needs. Experience the difference of dedicated professionals."
      buttons={[
        {
          text: "Get a Free Estimate",          href: "#contact"},
        {
          text: "Explore Services",          href: "#features"},
      ]}
      buttonAnimation="slide-up"
      carouselItems={[
        {
          id: "carousel-item-1",          imageSrc: "http://img.b2bpic.net/free-photo/wide-shot-beautiful-architecture-modern-house_181624-3464.jpg",          imageAlt: "Roofer installing new shingles on a residential house"},
        {
          id: "carousel-item-2",          imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-sitting-roof-full-shot_23-2149343712.jpg",          imageAlt: "Contractor inspecting a damaged roof for repairs"},
        {
          id: "carousel-item-3",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg",          imageAlt: "Team of roofers working efficiently on a new construction"},
        {
          id: "carousel-item-4",          imageSrc: "http://img.b2bpic.net/free-photo/view-water-tank-storage_23-2151748233.jpg",          imageAlt: "Modern house with newly installed solar panels on the roof"},
        {
          id: "carousel-item-5",          imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_74190-4523.jpg",          imageAlt: "Professional conducting a detailed roof maintenance check"},
        {
          id: "carousel-item-6",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-showing-thumb-up-t-shirt-jacket-cap-looking-joyful-front-view_176474-57859.jpg",          imageAlt: "Homeowner shaking hands with a satisfied roofer"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",          content: "About Bay Contractors & Roofing: Building Trust, One Roof at a Time"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/close-up-happy-man-with-orange-life-jacket_23-2147562089.jpg",          alt: "A friendly contractor smiling confidently"},
      ]}
      buttons={[
        {
          text: "Learn More About Us",          href: "#contact"},
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Roof Repair & Maintenance",          description: "Expert solutions for leaks, storm damage, and wear-and-tear. We restore your roof's integrity and extend its lifespan.",          imageSrc: "http://img.b2bpic.net/free-photo/view-deserted-decaying-house-nature_23-2150166620.jpg",          imageAlt: "Close up of damaged roof shingles needing repair"},
        {
          title: "New Roof Installation",          description: "Installing durable and aesthetically pleasing new roofs tailored to your property's style and your budget with top-quality materials.",          imageSrc: "http://img.b2bpic.net/free-photo/low-view-construction-house_23-2148748812.jpg",          imageAlt: "New roof being installed on a residential house"},
        {
          title: "Roof Inspections",          description: "Thorough assessments to identify potential issues before they become costly problems, ensuring your roof is always in optimal condition.",          imageSrc: "http://img.b2bpic.net/free-photo/people-colorful-thermal-scan-with-celsius-degree-temperature_23-2149170130.jpg",          imageAlt: "Professional conducting a detailed roof inspection"},
      ]}
      title="Comprehensive Roofing & Contracting Services"
      description="From minor repairs to complete installations, our experienced team provides a full range of services designed to protect and enhance your property."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "basic",          badge: "Residential",          badgeIcon: Home,
          price: "Starting at $4,500",          name: "Essential Roof Repair",          buttons: [
            {
              text: "Request Quote",              href: "#contact"},
          ],
          features: [
            "Minor leak repair",            "Shingle replacement (up to 20 sq ft)",            "Basic gutter cleaning",            "1-year workmanship warranty"],
        },
        {
          id: "standard",          badge: "Most Popular",          badgeIcon: Star,
          price: "Starting at $12,000",          name: "Full Roof Replacement",          buttons: [
            {
              text: "Request Quote",              href: "#contact"},
          ],
          features: [
            "Complete tear-off & disposal",            "New asphalt shingle installation",            "New underlayment & flashing",            "5-year workmanship warranty"],
        },
        {
          id: "premium",          badge: "Commercial",          badgeIcon: Building,
          price: "Custom Quote",          name: "Custom Commercial Project",          buttons: [
            {
              text: "Contact for Details",              href: "#contact"},
          ],
          features: [
            "Custom roofing solutions",            "Large scale installations",            "Specialized material options",            "Extended commercial warranty"],
        },
      ]}
      title="Transparent Pricing for Every Project"
      description="We offer clear, competitive pricing on all our roofing and contracting services, ensuring you get the best value without hidden costs."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "metric-1",          icon: CalendarCheck,
          title: "Years in Business",          value: "25+"},
        {
          id: "metric-2",          icon: Cog,
          title: "Projects Completed",          value: "1500+"},
        {
          id: "metric-3",          icon: ThumbsUp,
          title: "Client Satisfaction",          value: "98%"},
      ]}
      title="Our Track Record of Excellence"
      description="Numbers speak louder than words. Discover the impact and reliability Bay Contractors & Roofing brings to every project."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="Bay Contractors & Roofing replaced our entire roof after a hail storm, and the process was seamless. Professional, efficient, and the quality is outstanding! Highly recommend them for any roofing needs."
      rating={5}
      author="Sarah M."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149362876.jpg",          alt: "Sarah M. avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/young-man-business-worker-using-vr-glasses-working-office_839833-10645.jpg",          alt: "John D. avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167740.jpg",          alt: "Emily R. avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/man-with-schematic-helmet_23-2148269816.jpg",          alt: "Michael B. avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/friendly-optimisic-happy-handsome-male-with-beard-moustache-black-beanie-transparent-glasses-smiling-joyfully-showing-thumbs-up-approval-like-gesture_176420-23562.jpg",          alt: "Satisfied homeowner testimonial"},
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="socialProof" data-section="socialProof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Bay Area Homes",        "Coastal Estates",        "City Property Mgmt",        "Suncoast Builders",        "Green Living Co.",        "Harbor View Dev.",        "Vista Commercial"]}
      title="Trusted by Homeowners and Businesses Across the Bay Area"
      description="Our commitment to quality has earned us the trust of countless clients."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",          title: "What types of roofing materials do you work with?",          content: "We work with a wide range of roofing materials including asphalt shingles, metal roofing, tile, flat roofs, and specialty options. We can help you choose the best material for your specific needs and budget."},
        {
          id: "faq-2",          title: "How long does a typical roof replacement take?",          content: "The duration of a roof replacement depends on the size and complexity of the roof, as well as weather conditions. Most residential roof replacements are completed within 3-7 days."},
        {
          id: "faq-3",          title: "Do you offer warranties on your work?",          content: "Yes, we stand by the quality of our craftsmanship and materials. We offer comprehensive warranties on both materials and labor, with terms varying by project type and materials used. Contact us for specific details."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/man-working-design-project-side-view_23-2149721871.jpg"
      imageAlt="Contractor explaining roof details to a homeowner"
      mediaAnimation="slide-up"
      title="Your Questions, Answered"
      description="Find quick answers to the most common questions about our roofing and contracting services."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get a Free Estimate Today"
      description="Ready to start your roofing or contracting project? Fill out the form below, and our team will get back to you promptly to discuss your needs and provide a detailed estimate."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Phone Number (Optional)"},
      ]}
      textarea={{
        name: "message",        placeholder: "Tell us about your project...",        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/call-center-agent-uses-artificial-intelligence-enhance-customer-interactions_482257-126113.jpg"
      imageAlt="A contractor talking on the phone with a customer"
      mediaAnimation="opacity"
      buttonText="Submit Request"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Roof Repair",              href: "#features"},
            {
              label: "New Roofs",              href: "#features"},
            {
              label: "Inspections",              href: "#features"},
            {
              label: "Estimates",              href: "#contact"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Our Work",              href: "#features"},
            {
              label: "Contact",              href: "#contact"},
            {
              label: "FAQ",              href: "#faq"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-psd/construction-project-business-card_23-2151233315.jpg"
      logoAlt="Bay Contractors & Roofing Logo"
      logoText="Bay Contractors & Roofing"
      copyrightText="© 2024 Bay Contractors & Roofing. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
