"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBase from '@/components/sections/footer/FooterBase';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, Building, CheckCircle, Linkedin, Star, Trophy, Twitter, Users, Handshake } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="medium"
        background="grid"
        cardStyle="gradient-bordered"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "home"},
        {
          name: "Services",          id: "services"},
        {
          name: "Products",          id: "products"},
        {
          name: "Testimonials",          id: "testimonials"},
        {
          name: "FAQ",          id: "faq"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Rebuild Texas"
    />
  </div>

  <div id="about-us" data-section="about-us">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      imagePosition="right"
      title="Rebuild Texas: Your Trusted Partner in Home Exteriors"
      description="At Rebuild Texas, we believe your home deserves the best. Founded on principles of integrity, quality craftsmanship, and transparent communication, we've grown to become a leading provider of roofing and window solutions across the Lone Star State. We're not just contractors; we're dedicated artisans committed to protecting and enhancing your most valuable asset."
      tag="Our Story"
      tagIcon={Building}
      bulletPoints={[
        {
          title: "Unrivaled Expertise",          description: "Decades of combined experience in roofing, windows, and exterior renovations.",          icon: Award,
        },
        {
          title: "Customer-Centric Approach",          description: "Your satisfaction is our priority, with clear communication and personalized solutions.",          icon: Handshake,
        },
        {
          title: "Quality Materials",          description: "We partner with top manufacturers to ensure durable, long-lasting results.",          icon: CheckCircle,
        },
      ]}
      imageSrc="https://pixabay.com/get/g231120b758f139e5ed4c9e18f113994341747df01dd8190fcb1cff349ff73e491105b8e07df2d51f9244b5142f622ee4b777f09705dee791f47aa1c393cb7474_1280.jpg"
      imageAlt="modern house exterior clean lines"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="our-impact" data-section="our-impact">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="A Legacy of Quality and Trust"
      description="For years, we've set the standard for excellence in Texas home exterior services. Our commitment extends beyond the build, ensuring lasting value and peace of mind for every homeowner."
      metrics={[
        {
          value: "5000+",          title: "Projects Completed"},
        {
          value: "20+",          title: "Years in Business"},
        {
          value: "100%",          title: "Texas Owned & Operated"},
      ]}
      tag="Our Achievements"
      tagIcon={Trophy}
      imageSrc="https://pixabay.com/get/g53b18cb7117c4c26e1d20dcb262834c7dcbbd446b120bc7555f010ebce6e1c65aca9561fcc23c5d91c374eb801e04469964d2d3fb52961d687af71101381d53c_1280.jpg"
      imageAlt="luxurious new roof on modern house"
      mediaAnimation="blur-reveal"
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="our-team" data-section="our-team">
      <TeamCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      members={[
        {
          id: "1",          name: "John Doe",          role: "Founder & CEO",          description: "With over 20 years in the industry, John leads our vision for quality and customer satisfaction.",          imageSrc: "https://pixabay.com/get/gd7d99243f651537715d0df904b8a4001d17e796e78e76c9e86be8acebd96c7712f53c62a72ca82c4926ceb77f2c472f80db0f3510fa1cdf32d40051a021c57a0_1280.jpg",          imageAlt: "man in construction helmet smiling",          socialLinks: [
            {
              icon: Linkedin,
              url: "#"},
            {
              icon: Twitter,
              url: "#"},
          ],
        },
        {
          id: "2",          name: "Jane Smith",          role: "Head of Operations",          description: "Jane ensures every project runs smoothly, on time, and within budget, with meticulous attention to detail.",          imageSrc: "https://pixabay.com/get/gdb705612302c89a72ad93b2042dfcc293b3dd40d3f139281856bdb5737517091c575f4592f530187c664cd0ab1dcfecb3150eae9180365dd2cfae31dc52e32cb_1280.jpg",          imageAlt: "professional woman smiling headshot",          socialLinks: [
            {
              icon: Linkedin,
              url: "#"},
          ],
        },
        {
          id: "3",          name: "Robert Johnson",          role: "Lead Project Manager",          description: "Robert is on-site, overseeing our crews and maintaining open communication with clients throughout the project.",          imageSrc: "https://pixabay.com/get/g7c9d50e349e70ce0559030b9f824e3d2c675c3b9714d6a8a57fbcb446ee013bcc38b7fafe50f09dd366aa0adc1a6dbcd1b99c6d1f3666c360a826e4b0480f1ca_1280.jpg",          imageAlt: "middle-aged man smiling headshot",          socialLinks: [
            {
              icon: Linkedin,
              url: "#"},
          ],
        },
      ]}
      title="Meet the Experts Behind Your Dream Home"
      description="Our team consists of certified professionals and seasoned craftsmen dedicated to delivering exceptional results with every project. We're proud to bring unparalleled expertise and passion to your doorstep."
      tag="Our People"
      tagIcon={Users}
    />
  </div>

  <div id="what-clients-say" data-section="what-clients-say">
      <TestimonialCardSixteen
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Amanda P.",          role: "Homeowner",          company: "Austin, TX",          rating: 5,
          imageSrc: "https://pixabay.com/get/g752b05ebad4baaeb423e26b55b5716ad1b2b2180528f4384d0a25f0326d07895df57334cd1892b006464d553f97a1145a7e1d78aa537b48a2166b478edc9045f_1280.jpg",          imageAlt: "happy homeowner portrait smiling"},
        {
          id: "2",          name: "Brian K.",          role: "Property Manager",          company: "Houston, TX",          rating: 5,
          imageSrc: "https://pixabay.com/get/gd1c7060e93b37cccea3966de0d57b5e72faf21b4a4bda33826d7e4b76b56977fffb0e12076b756c1ab4a88931a32209c0548407ec8d068c3186a8c372e33a1d1_1280.jpg",          imageAlt: "content man smiling portrait"},
        {
          id: "3",          name: "Jessica L.",          role: "Resident",          company: "Dallas, TX",          rating: 5,
          imageSrc: "https://pixabay.com/get/ge6b1e952018a07dda16ad1b27b696107e4310f362922c44b104e4554d190eff37544520d5cb75b85b1a9dbc2760cbce6579e4b7353c86d489d20e85b023d1b09_1280.jpg",          imageAlt: "smiling woman homeowner professional"},
        {
          id: "4",          name: "Kevin S.",          role: "Real Estate Agent",          company: "San Antonio, TX",          rating: 5,
          imageSrc: "https://pixabay.com/get/gabd785e21850575bbc01346aeb97384ab29c21dc420853d72d03cb58bad9a460046ec82be1d13a8d1efa9de5c975f51ccd13678b2fe6f639781f7c5f32670a8b_1280.jpg",          imageAlt: "professional man smiling headshot"},
      ]}
      kpiItems={[
        {
          value: "5.0",          label: "Average Rating"},
        {
          value: "100+",          label: "5-Star Reviews"},
        {
          value: "BBB A+",          label: "Accreditation"},
      ]}
      title="Trusted by Texas Homeowners"
      description="Our clients' satisfaction is our greatest reward. Read what they have to say about their Rebuild Texas experience and see our proven track record."
      tag="Client Stories"
      tagIcon={Star}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Roof Replacement",              href: "/services#roofing"},
            {
              label: "Storm Damage Repair",              href: "/services#storm-damage"},
            {
              label: "Window Installation",              href: "/services#windows"},
            {
              label: "Gutter Systems",              href: "/services#gutters"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "/about"},
            {
              label: "Contact",              href: "/contact"},
            {
              label: "Careers",              href: "#careers"},
          ],
        },
        {
          title: "Resources",          items: [
            {
              label: "Blog",              href: "#blog"},
            {
              label: "FAQs",              href: "/contact#faq"},
            {
              label: "Client Portal",              href: "#portal"},
          ],
        },
      ]}
      copyrightText="© 2024 Rebuild Texas Roofing & Windows. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
