"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextAbout from '@/components/sections/about/TextAbout';
import { Cog, FileText, MessageSquare, ShieldCheck, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeMediumTitles"
        background="aurora"
        cardStyle="subtle-shadow"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Projects",
          id: "#projects",
        },
        {
          name: "Reviews",
          id: "#reviews",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      button={{
        text: "Free Inspection",
        href: "#contact",
      }}
      logoAlt="Y&B Roofing Inc. Logo"
      brandName="Y&B Roofing Inc."
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplit
      background={{
        variant: "rotated-rays-animated-grid",
      }}
      imagePosition="right"
      title="Chicago's Most Trusted Roofing Professionals"
      description="With 164+ five-star reviews, Y&B Roofing delivers premium roofing installations, repairs, inspections, and storm restoration services throughout Chicago."
      buttons={[
        {
          text: "Get Free Roof Inspection",
          href: "#contact",
        },
        {
          text: "View Our Work",
          href: "#projects",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-working-with-protection-helmet_23-2149343638.jpg"
      imageAlt="Luxury Chicago home with new roof at golden hour"
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "text-icon",
          text: "5.0 Star Rating",
          icon: Star,
        },
        {
          type: "text-icon",
          text: "Licensed & Insured",
          icon: ShieldCheck,
        },
        {
          type: "text-icon",
          text: "164+ Reviews",
          icon: MessageSquare,
        },
        {
          type: "text-icon",
          text: "Quality Craftsmanship",
          icon: Cog,
        },
        {
          type: "text-icon",
          text: "Free Estimates",
          icon: FileText,
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg",
          alt: "Satisfied client John Doe",
        },
        {
          src: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg",
          alt: "Happy customer Jane Smith",
        },
        {
          src: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-camera-making-welcoming-gesture-with-hands-standing-purple-background_141793-110881.jpg",
          alt: "Pleased client Robert Brown",
        },
        {
          src: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-holding-smartphone_273609-13222.jpg",
          alt: "Content customer Lisa White",
        },
        {
          src: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg",
          alt: "Valued client William Green",
        },
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "roof-installation",
          name: "Roof Installation",
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg",
          imageAlt: "Roof Installation service",
          price: "Custom Quote",
        },
        {
          id: "roof-replacement",
          name: "Roof Replacement",
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14806.jpg",
          imageAlt: "Roof Replacement service",
          price: "Custom Quote",
        },
        {
          id: "roof-repair",
          name: "Roof Repair",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343665.jpg",
          imageAlt: "Roof Repair service",
          price: "Custom Quote",
        },
        {
          id: "storm-restoration",
          name: "Storm Damage Restoration",
          imageSrc: "http://img.b2bpic.net/free-photo/windmill-witch-rooftop-with-blue-sky_1428-577.jpg",
          imageAlt: "Storm Damage Restoration service",
          price: "Custom Quote",
        },
        {
          id: "insurance-claims",
          name: "Insurance Claim Assistance",
          imageSrc: "http://img.b2bpic.net/free-photo/people-business-work-concept-woman-man-coworkers-study-documentation-think-about-productive-strategy-raise-profits-pose-wooden-floor-with-takeaway-coffee-have-serious-look_273609-28954.jpg",
          imageAlt: "Insurance Claim Assistance service",
          price: "Custom Quote",
        },
        {
          id: "roof-inspection",
          name: "Roof Inspection",
          imageSrc: "http://img.b2bpic.net/free-photo/young-male-shirt-helmet-holding-blackboard-showing-thumb-down-looking-displeased-front-view_176474-30109.jpg",
          imageAlt: "Roof Inspection service",
          price: "Custom Quote",
        },
      ]}
      title="Comprehensive Roofing Services"
      description="From new installations to storm damage repair, Y&B Roofing provides a full spectrum of premium services for Chicago homeowners."
    />
  </div>

  <div id="why-choose-us" data-section="why-choose-us">
      <MetricCardTwo
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "reviews",
          value: "164+",
          description: "Five-Star Reviews",
        },
        {
          id: "satisfaction",
          value: "100%",
          description: "Customer Satisfaction",
        },
        {
          id: "licensed",
          value: "Licensed",
          description: "& Insured",
        },
        {
          id: "materials",
          value: "Premium",
          description: "Materials Used",
        },
        {
          id: "experienced",
          value: "Experienced",
          description: "Professionals",
        },
      ]}
      title="Why Choose Y&B Roofing?"
      description="Experience the difference of working with Chicago's premier roofing experts. We are committed to excellence."
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      title="Y&B Roofing: Chicago's Trusted Local Experts"
      description="As a local Chicago roofing contractor, Y&B Roofing Inc. is committed to exceptional craftsmanship, transparent communication, and customer-first service. We use premium materials to ensure long-lasting protection for your home, treating every project with the meticulous care it deserves. Our focus is on long-term roof protection and client peace of mind."
      buttons={[
        {
          text: "Get a Free Quote",
          href: "#contact",
        },
        {
          text: "Why Choose Y&B Roofing",
          href: "#why-choose-us",
        },
      ]}
    />
  </div>

  <div id="process" data-section="process">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "step-1",
          title: "Step 1: Schedule Your Inspection",
          content: "Contact us to schedule a comprehensive, no-obligation roof inspection at your convenience. Our experts will assess your roof's condition thoroughly.",
        },
        {
          id: "step-2",
          title: "Step 2: Receive Detailed Proposal",
          content: "Following the inspection, we'll provide a transparent, detailed proposal outlining the scope of work, material options, and exact pricing, with no hidden fees.",
        },
        {
          id: "step-3",
          title: "Step 3: Professional Installation",
          content: "Our certified and experienced crew will execute the installation or repair with precision, adhering to the highest industry standards and safety protocols.",
        },
        {
          id: "step-4",
          title: "Step 4: Final Quality Inspection",
          content: "Upon completion, we conduct a final rigorous quality inspection to ensure every detail meets our stringent standards and your complete satisfaction.",
        },
      ]}
      title="Our Streamlined Roofing Process"
      description="We make getting a new roof or repair simple and stress-free with our efficient 4-step approach, ensuring transparency and quality every step of the way."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="projects" data-section="projects">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      title="Our Featured Roofing Projects"
      description="Browse our portfolio of high-end residential and commercial roofing projects across Chicago, showcasing our craftsmanship and attention to detail."
      blogs={[
        {
          id: "project-1",
          category: "Residential",
          title: "Lincoln Park Luxury Home",
          excerpt: "Complete roof replacement with premium architectural shingles.",
          imageSrc: "http://img.b2bpic.net/free-photo/tile-roof-house-home-textures_74190-9990.jpg",
          imageAlt: "Luxury home roof replacement",
          authorName: "Y&B Roofing Inc.",
          authorAvatar: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
          date: "May 2024",
        },
        {
          id: "project-2",
          category: "Commercial",
          title: "Downtown Office Building",
          excerpt: "Large-scale flat roof installation for a commercial property.",
          imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937900.jpg",
          imageAlt: "Commercial office building roof",
          authorName: "Y&B Roofing Inc.",
          authorAvatar: "http://img.b2bpic.net/free-photo/young-brunette-woman-with-curly-hair-working-small-business-ecommerce-holding-boss-cup-smiling-with-idea-question-pointing-finger-with-happy-face-number-one_839833-7619.jpg",
          date: "April 2024",
        },
        {
          id: "project-3",
          category: "Restoration",
          title: "Historic Gold Coast Brownstone",
          excerpt: "Meticulous slate roof restoration for a heritage property.",
          imageSrc: "http://img.b2bpic.net/free-photo/wide-shot-brown-building-white-clouds-blue-sky-daytime_181624-1893.jpg",
          imageAlt: "Historic brownstone slate roof",
          authorName: "Y&B Roofing Inc.",
          authorAvatar: "http://img.b2bpic.net/free-photo/handsome-business-man-white-shirt-walking-street_1303-28066.jpg",
          date: "March 2024",
        },
        {
          id: "project-4",
          category: "Storm Damage",
          title: "Suburban Home Storm Repair",
          excerpt: "Emergency storm damage repair and full roof restoration.",
          imageSrc: "http://img.b2bpic.net/free-photo/female-worker-wearing-work-clothes_273609-10975.jpg",
          imageAlt: "Storm damaged roof repair",
          authorName: "Y&B Roofing Inc.",
          authorAvatar: "http://img.b2bpic.net/free-photo/cheerful-manager_1098-15671.jpg",
          date: "February 2024",
        },
        {
          id: "project-5",
          category: "Multi-Family",
          title: "Wicker Park Apartment Complex",
          excerpt: "Roofing solutions for a multi-unit residential building.",
          imageSrc: "http://img.b2bpic.net/free-photo/hong-kong-terrace_181624-6391.jpg",
          imageAlt: "Apartment complex roof",
          authorName: "Y&B Roofing Inc.",
          authorAvatar: "http://img.b2bpic.net/free-photo/portait-handsome-european-elderly-man-smiles-positively-enjoys-retirement-wears-shirt-spectacles-has-perfect-white-teeth-isolated-beige-studio-wall_273609-44196.jpg",
          date: "January 2024",
        },
        {
          id: "project-6",
          category: "Custom",
          title: "River North Modern Residence",
          excerpt: "Custom metal roofing installation for an architectural masterpiece.",
          imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg",
          imageAlt: "Modern residence metal roof",
          authorName: "Y&B Roofing Inc.",
          authorAvatar: "http://img.b2bpic.net/free-photo/stylish-young-man-posing-elegant_23-2148289222.jpg",
          date: "December 2023",
        },
      ]}
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah Johnson",
          date: "May 10, 2024",
          title: "Exceptional Service and Craftsmanship!",
          quote: "Y&B Roofing Inc. exceeded all my expectations. The team was professional, the materials were top-notch, and the new roof looks absolutely stunning. Highly recommend!",
          tag: "5 Stars",
          avatarSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg",
          avatarAlt: "Sarah Johnson",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-stadium_1127-110.jpg",
          imageAlt: "New roof installation",
        },
        {
          id: "2",
          name: "Michael Chen",
          date: "April 22, 2024",
          title: "High-Quality Materials, Precise Installation",
          quote: "The quality of materials and the precision of the installation were outstanding. Y&B Roofing proved to be reliable and delivered exactly what they promised.",
          tag: "5 Stars",
          avatarSrc: "http://img.b2bpic.net/free-photo/blissful-laughing-woman-playing-with-hairs-enjoing-uotumn-day-european-city-elegant-look_273443-3213.jpg",
          avatarAlt: "Michael Chen",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg",
          imageAlt: "Roofing team working",
        },
        {
          id: "3",
          name: "Emily Rodriguez",
          date: "March 15, 2024",
          title: "Great Pricing and Exceptional Work Ethic",
          quote: "I was very impressed with both the competitive pricing and the incredible work ethic of the Y&B Roofing team. They completed the project efficiently and flawlessly.",
          tag: "5 Stars",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-light-blue-suit-glasses-white_158538-11366.jpg",
          avatarAlt: "Emily Rodriguez",
          imageSrc: "http://img.b2bpic.net/free-photo/concrete-building_1127-2031.jpg",
          imageAlt: "Roof inspection drone",
        },
        {
          id: "4",
          name: "David Kim",
          date: "February 28, 2024",
          title: "Trusted Experts, Seamless Process",
          quote: "From inspection to completion, Y&B Roofing made the entire process seamless. Their expertise and transparent communication made me feel completely at ease.",
          tag: "5 Stars",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-cute-joyful-woman-with-charming-cheerful-smile-posing-happiness-positiveness-good-mood-concept_273609-587.jpg",
          avatarAlt: "David Kim",
          imageSrc: "http://img.b2bpic.net/free-photo/mountain-landscape-illuminated-by-moonlight-milky-way-generated-by-ai_188544-11622.jpg",
          imageAlt: "Luxury home exterior",
        },
        {
          id: "5",
          name: "Laura Williams",
          date: "January 19, 2024",
          title: "Professional and Reliable Roofing",
          quote: "Y&B Roofing delivered a truly professional and reliable service. They addressed all my concerns and provided a durable solution for my home.",
          tag: "5 Stars",
          avatarSrc: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up_74855-15159.jpg",
          avatarAlt: "Laura Williams",
          imageSrc: "http://img.b2bpic.net/free-photo/female-realtor-handshaking-couple-congratulate-them-their-new-house_23-2148895484.jpg",
          imageAlt: "Roofer shaking hands with client",
        },
      ]}
      title="What Our Clients Say"
      description="With 164+ five-star reviews, our commitment to quality and customer satisfaction speaks for itself. Read why homeowners trust Y&B Roofing."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Get Your Free Roof Inspection Today!"
      description="Fill out the form below for a no-obligation quote or call us directly at (773) 495-2021 if you have a roof leak or storm damage. We're here to provide expert roofing help before the damage gets worse."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Full Name",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Phone Number",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Email Address",
          required: true,
        },
        {
          name: "address",
          type: "text",
          placeholder: "Property Address (e.g., 123 Main St, Chicago, IL)",
          required: true,
        },
      ]}
      multiSelect={{
        name: "serviceNeeded",
        label: "Select Roofing Service Needed",
        options: [
          "Roof Installation",
          "Roof Replacement",
          "Roof Repair",
          "Storm Damage Restoration",
          "Insurance Claim Assistance",
          "Roof Inspection",
          "Other",
        ],
      }}
      textarea={{
        name: "message",
        placeholder: "Tell us more about your roofing needs (optional)",
        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/fashion-girl-walking-sspring-park_1157-21317.jpg"
      imageAlt="Luxury home with new roof for contact form background"
      mediaAnimation="opacity"
      mediaPosition="right"
      buttonText="Get My Free Inspection"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/miami-city-skyline-panorama-dusk-with-urban-skyscrapers-sea-with-reflection_649448-2142.jpg"
      imageAlt="Chicago skyline at night"
      logoText="Y&B Roofing Inc."
      columns={[
        {
          title: "Navigation",
          items: [
            {
              label: "Home",
              href: "#home",
            },
            {
              label: "Services",
              href: "#services",
            },
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Projects",
              href: "#projects",
            },
            {
              label: "Reviews",
              href: "#reviews",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Services",
          items: [
            {
              label: "Roof Installation",
              href: "#services",
            },
            {
              label: "Roof Replacement",
              href: "#services",
            },
            {
              label: "Roof Repair",
              href: "#services",
            },
            {
              label: "Storm Restoration",
              href: "#services",
            },
            {
              label: "Insurance Claims",
              href: "#services",
            },
            {
              label: "Roof Inspection",
              href: "#services",
            },
          ],
        },
        {
          title: "Contact",
          items: [
            {
              label: "Phone: (773) 495-2021",
              href: "tel:+17734952021",
            },
            {
              label: "Email: info@ybroofing.com",
              href: "mailto:info@ybroofing.com",
            },
            {
              label: "Address: Chicago, Illinois",
              href: "#",
            },
          ],
        },
        {
          title: "Follow Us",
          items: [
            {
              label: "Facebook",
              href: "https://facebook.com/ybroofing",
            },
            {
              label: "Instagram",
              href: "https://instagram.com/ybroofing",
            },
            {
              label: "LinkedIn",
              href: "https://linkedin.com/company/ybroofing",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Y&B Roofing Inc. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
