"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Award, Shield, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="medium"
        background="noise"
        cardStyle="gradient-mesh"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Services",
          id: "features",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Roofina"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="Roofing Excellence You Can Trust"
      description="Roofina provides top-tier roofing solutions for residential homes. Durable, professional, and reliable."
      testimonials={[
        {
          name: "Sarah J.",
          handle: "@sarahj",
          testimonial: "Excellent service and quick installation!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg",
        },
        {
          name: "Michael R.",
          handle: "@miker",
          testimonial: "Very professional and durable finish.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15689.jpg",
        },
        {
          name: "Emily P.",
          handle: "@emilyp",
          testimonial: "Best roofing company in town, highly recommended.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-new-home-man-decorating-living-room_329181-270.jpg",
        },
        {
          name: "David W.",
          handle: "@davidw",
          testimonial: "Reliable and honest company. Highly satisfied.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-working-home-renovation-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-5465.jpg",
        },
        {
          name: "Lisa K.",
          handle: "@lisak",
          testimonial: "Fast turnaround and top-tier quality.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-male-model-posing-outdoor_23-2148289284.jpg",
        },
      ]}
      buttons={[
        {
          text: "Get a Quote",
          href: "#contact",
        },
        {
          text: "Our Services",
          href: "#features",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg"
      imageAlt="modern roofing house exterior"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-earphones_23-2149343656.jpg",
          alt: "Medium shot man working with earphones",
        },
        {
          src: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg",
          alt: "Construction worker doing his job with belt",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-working-roof_23-2149343654.jpg",
          alt: "Medium shot smiley man working on roof",
        },
        {
          src: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg",
          alt: "Full shot man wearing protection helmet",
        },
        {
          src: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg",
          alt: "Full shot roofers working with helmets",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Decades of Roofing Mastery"
      description="At Roofina, we combine traditional craftsmanship with modern roofing technology to ensure your home stays protected for years."
      metrics={[
        {
          value: "15+",
          title: "Years Experience",
        },
        {
          value: "1200+",
          title: "Roofs Completed",
        },
        {
          value: "100%",
          title: "Customer Satisfaction",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg"
      imageAlt="professional roofing team on site"
      mediaAnimation="slide-up"
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          icon: Shield,
          title: "Full Roof Replacement",
          description: "High-quality installation for long-term safety.",
        },
        {
          icon: Zap,
          title: "Emergency Repairs",
          description: "Rapid response for any weather-related damages.",
        },
        {
          icon: Award,
          title: "Routine Maintenance",
          description: "Regular inspections to extend roof lifespan.",
        },
      ]}
      title="Professional Services"
      description="We handle every aspect of your roof with precision and care."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Asphalt Shingles",
          price: "$50/sq",
          variant: "Standard",
          imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-17253.jpg",
        },
        {
          id: "2",
          name: "Metal Roofing",
          price: "$120/sq",
          variant: "Premium",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-abstract-metal-background-close-up_23-2148859894.jpg",
        },
        {
          id: "3",
          name: "Natural Slate",
          price: "$300/sq",
          variant: "Luxury",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-ceramic-tiles_181624-11924.jpg",
        },
        {
          id: "4",
          name: "Roof Insulation",
          price: "$20/sq",
          variant: "Eco",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19966.jpg",
        },
        {
          id: "5",
          name: "Ventilation Kits",
          price: "$80/ea",
          variant: "Pro",
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281309.jpg",
        },
        {
          id: "6",
          name: "Copper Gutters",
          price: "$150/ea",
          variant: "Deluxe",
          imageSrc: "http://img.b2bpic.net/free-photo/texture-gray-lines_1122-2237.jpg",
        },
      ]}
      title="Premium Materials"
      description="Choose from our wide selection of durable roofing materials."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "basic",
          badge: "Standard",
          price: "$2,500",
          subtitle: "Essential roof repair and maintenance.",
          buttons: [
            {
              text: "Choose Basic",
              href: "#contact",
            },
          ],
          features: [
            "Safety inspection",
            "Minor leak repairs",
            "Gutter cleaning",
          ],
        },
        {
          id: "pro",
          badge: "Popular",
          price: "$8,500",
          subtitle: "Full roof replacement with warranty.",
          buttons: [
            {
              text: "Choose Pro",
              href: "#contact",
            },
          ],
          features: [
            "Full shingle install",
            "Underlayment included",
            "10-year warranty",
          ],
        },
        {
          id: "enterprise",
          badge: "Premium",
          price: "$15,000",
          subtitle: "Luxury materials and bespoke service.",
          buttons: [
            {
              text: "Choose Premium",
              href: "#contact",
            },
          ],
          features: [
            "Premium metal/slate",
            "Lifetime warranty",
            "Priority dispatch",
          ],
        },
      ]}
      title="Competitive Pricing Plans"
      description="Transparent pricing for all your roofing needs."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "24/7",
          title: "Support Availability",
          items: [
            "Always on call",
            "Rapid response",
            "Client peace of mind",
          ],
        },
        {
          id: "m2",
          value: "98%",
          title: "Referral Rate",
          items: [
            "Happy neighbors",
            "Word of mouth",
            "Trusted partner",
          ],
        },
        {
          id: "m3",
          value: "5k+",
          title: "Inspections Done",
          items: [
            "Comprehensive checks",
            "Expert reports",
            "Detailed analysis",
          ],
        },
      ]}
      title="Why Roofina Succeeds"
      description="We deliver measurable value through hard work."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "John Doe",
          role: "Homeowner",
          company: "Local Resident",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
        },
        {
          id: "2",
          name: "Jane Smith",
          role: "Architect",
          company: "DesignCo",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/people-relaxing-their-wooden-home_23-2151335831.jpg",
        },
        {
          id: "3",
          name: "Robert Fox",
          role: "Client",
          company: "ConstructionBiz",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-carefree-young-woman-sitting-kitchen-floor-with-digital-tablet-working_1258-201263.jpg",
        },
        {
          id: "4",
          name: "Alice Green",
          role: "Homeowner",
          company: "Happy Client",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-celebrating-birthday-together_23-2150598991.jpg",
        },
        {
          id: "5",
          name: "David Clark",
          role: "Client",
          company: "Satisfied House",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-hugging_23-2149039821.jpg",
        },
      ]}
      title="What Clients Say"
      description="See why our customers love our roofing quality."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars",
      }}
      text="Ready to protect your home? Reach out to the experts today for a professional consultation and estimate."
      buttons={[
        {
          text: "Contact Us Now",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Roofina"
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Team",
              href: "#",
            },
          ],
        },
        {
          title: "Resources",
          items: [
            {
              label: "Privacy",
              href: "#",
            },
            {
              label: "Terms",
              href: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
