"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import MediaAbout from "@/components/sections/about/MediaAbout";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import Link from "next/link";

export default function HomePage() {
  const navItems = [
    { name: "Services", id: "services" },
    { name: "Why Us", id: "why-us" },
    { name: "Reviews", id: "reviews" },
    { name: "Service Area", id: "service-area" },
    { name: "Contact", id: "contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple brandName="A Cut Above" navItems={navItems} />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Tree Removal Done Safely & Right"
          description="Expert tree removal and care from a trusted local professional. Fast response, meticulous work, and complete cleanup. Call Brent today for your free estimate."
          tag="Local Expert Serving Lake Stevens"
          buttons={[
            { text: "Call Now (206) 930-5697", href: "tel:2069305697" },
            { text: "Get Free Estimate" },
          ]}
          background={{ variant: "sparkles-gradient" }}
          carouselItems={[
            {
              id: "carousel-1",              imageSrc:
                "http://img.b2bpic.net/free-photo/closeup-lumberjack-with-chainsaw-forest_181624-59761.jpg",              imageAlt: "tree removal professional arborist precision cutting safe removal"},
            {
              id: "carousel-2",              imageSrc:
                "http://img.b2bpic.net/free-photo/outdoor-shot-logger-having-rest-open-air-after-cutting-trees_176532-14596.jpg?_wi=1",              imageAlt: "tree removal service chainsaw work arborist professional"},
            {
              id: "carousel-3",              imageSrc:
                "http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500866.jpg?_wi=1",              imageAlt: "hazardous tree removal dangerous tree storm damage tree risk"},
            {
              id: "carousel-4",              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-man-cutting-dried-branches_23-2148396749.jpg?_wi=1",              imageAlt: "tree trimming tree pruning branch cutting maintenance"},
            {
              id: "carousel-5",              imageSrc:
                "http://img.b2bpic.net/free-photo/ax-tree-trunk-background-roadway_181624-47172.jpg?_wi=1",              imageAlt: "stump grinding stump removal ground cleanup landscaping"},
            {
              id: "carousel-6",              imageSrc:
                "http://img.b2bpic.net/free-photo/two-women-walking-forest-forest-nature-outdoor-recreation_169016-68233.jpg?_wi=1",              imageAlt: "emergency tree removal storm damaged tree fallen tree urgent"},
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="trust-indicators" data-section="trust-indicators">
        <MetricCardSeven
          metrics={[
            {
              id: "metric-1",              value: "5.0",              title: "Star Rating on Reviews",              items: [
                "11 verified customer reviews",                "100% satisfaction guarantee",                "Professional recommendations"],
            },
            {
              id: "metric-2",              value: "Local",              title: "Owner-Operated Service",              items: [
                "Brent operates with precision care",                "Direct communication with owner",                "Personal accountability on every job"],
            },
            {
              id: "metric-3",              value: "Licensed",              title: "Fully Insured & Bonded",              items: [
                "Professional liability coverage",                "Property protection",                "Peace of mind for homeowners"],
            },
            {
              id: "metric-4",              value: "Fast",              title: "Rapid Response Times",              items: [
                "Same-day consultations available",                "Emergency services daily until 7 PM",                "Quick project completion"],
            },
          ]}
          title="Why Homeowners Trust A Cut Above"
          description="Backed by proven expertise, local reputation, and professional standards."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSixteen
          title="Services That Protect Your Home"
          description="Complete tree care solutions for Lake Stevens homeowners. Every service backed by expertise and meticulous attention to detail."
          negativeCard={{
            items: [
              "Risky DIY tree removal",              "Damage to your property",              "Incomplete cleanup",              "Hidden additional costs"],
          }}
          positiveCard={{
            items: [
              "Professional tree removal by Brent",              "Careful property protection protocols",              "Thorough cleanup included",              "Fair, transparent pricing"],
          }}
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
        />
      </div>

      <div id="service-details" data-section="service-details">
        <ProductCardTwo
          title="Our Tree Services"
          description="Expert solutions for all your tree care needs in Lake Stevens and surrounding areas."
          products={[
            {
              id: "service-1",              brand: "A Cut Above",              name: "Tree Removal",              price: "Professional Grade",              rating: 5,
              reviewCount: "Expert",              imageSrc:
                "http://img.b2bpic.net/free-photo/outdoor-shot-logger-having-rest-open-air-after-cutting-trees_176532-14596.jpg?_wi=2",              imageAlt: "Professional tree removal service"},
            {
              id: "service-2",              brand: "A Cut Above",              name: "Hazardous Tree Removal",              price: "Precision Work",              rating: 5,
              reviewCount: "Specialist",              imageSrc:
                "http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500866.jpg?_wi=2",              imageAlt: "Hazardous tree removal near homes"},
            {
              id: "service-3",              brand: "A Cut Above",              name: "Tree Trimming & Pruning",              price: "Maintenance",              rating: 5,
              reviewCount: "Care",              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-man-cutting-dried-branches_23-2148396749.jpg?_wi=2",              imageAlt: "Professional tree trimming service"},
            {
              id: "service-4",              brand: "A Cut Above",              name: "Stump Grinding",              price: "Complete Removal",              rating: 5,
              reviewCount: "Thorough",              imageSrc:
                "http://img.b2bpic.net/free-photo/ax-tree-trunk-background-roadway_181624-47172.jpg?_wi=2",              imageAlt: "Stump grinding and removal"},
            {
              id: "service-5",              brand: "A Cut Above",              name: "Emergency Tree Service",              price: "24/7 Available",              rating: 5,
              reviewCount: "Urgent",              imageSrc:
                "http://img.b2bpic.net/free-photo/two-women-walking-forest-forest-nature-outdoor-recreation_169016-68233.jpg?_wi=2",              imageAlt: "Emergency tree removal service"},
          ]}
          gridVariant="three-columns-all-equal-width"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
        />
      </div>

      <div id="why-us" data-section="why-us">
        <MediaAbout
          title="Why Choose A Cut Above?"
          description="Precision tree removal near structures, large dangerous tree expertise, fast response times, careful property protection, thorough cleanup, and owner-operated reliability. Brent brings years of professional skill to every job."
          tag="Local Expertise"
          buttons={[{ text: "Call Brent Direct", href: "tel:2069305697" }]}
          imageSrc="http://img.b2bpic.net/free-photo/analyzing-results-expert-study_1098-14778.jpg?_wi=1"
          imageAlt="precision work careful planning professional accuracy"
          useInvertedBackground={false}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardFive
          testimonials={[
            {
              id: "testimonial-1",              name: "Sarah Mitchell, Homeowner",              date: "Date: January 2025",              title: "Extremely professional and perfect job",              quote:
                "Brent removed a massive oak tree right next to our fence. The precision was incredible—no damage to our property at all. Highly recommend for careful, expert work.",              tag: "Tree Removal",              avatarSrc:
                "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              avatarAlt: "professional portrait headshot customer satisfied client",              imageSrc:
                "http://img.b2bpic.net/free-photo/outdoor-shot-logger-having-rest-open-air-after-cutting-trees_176532-14596.jpg?_wi=3",              imageAlt: "safety equipment protective gear professional arborist trained"},
            {
              id: "testimonial-2",              name: "Michael Chen, Property Owner",              date: "Date: December 2024",              title: "Very careful and cleaned up too",              quote:
                "Called for emergency tree removal after the storm. Brent arrived quickly, removed the hazardous tree safely, and left our yard spotless. Professional from start to finish.",              tag: "Emergency Service",              avatarSrc:
                "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              avatarAlt: "professional portrait headshot customer satisfied client",              imageSrc:
                "http://img.b2bpic.net/free-photo/man-yellow-vest-raking-leaves-park_259150-57324.jpg?_wi=1",              imageAlt: "cleanup organized professional thorough"},
            {
              id: "testimonial-3",              name: "Jennifer Rodriguez, Homeowner",              date: "Date: November 2024",              title: "Super nice and fast",              quote:
                "Great communication, fair pricing, and fast work. Brent is the kind of local professional you can trust. Would definitely use again.",              tag: "Trimming Service",              avatarSrc:
                "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              avatarAlt: "professional portrait headshot customer satisfied client",              imageSrc:
                "http://img.b2bpic.net/free-vector/business-man-business-woman-with-statistics-bar-coins_24640-45220.jpg?_wi=1",              imageAlt: "fair pricing value affordable transparent"},
            {
              id: "testimonial-4",              name: "David Thompson, Homeowner",              date: "Date: October 2024",              title: "Best tree service in the area",              quote:
                "Had multiple large trees trimmed. Brent's attention to detail and care for our property was exceptional. Fair price and excellent work.",              tag: "Tree Trimming",              avatarSrc:
                "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              avatarAlt: "professional portrait headshot customer satisfied client",              imageSrc:
                "http://img.b2bpic.net/free-photo/analyzing-results-expert-study_1098-14778.jpg?_wi=2",              imageAlt: "precision work careful planning professional accuracy"},
            {
              id: "testimonial-5",              name: "Lisa Anderson, Property Manager",              date: "Date: September 2024",              title: "Reliable and professional",              quote:
                "Managing multiple properties and need reliable contractors. Brent has been consistent, punctual, and delivers quality work every time.",              tag: "Commercial",              avatarSrc:
                "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              avatarAlt: "professional portrait headshot customer satisfied client",              imageSrc:
                "http://img.b2bpic.net/free-photo/outdoor-shot-logger-having-rest-open-air-after-cutting-trees_176532-14596.jpg?_wi=4",              imageAlt: "safety equipment protective gear professional arborist trained"},
            {
              id: "testimonial-6",              name: "Robert Martinez, Homeowner",              date: "Date: August 2024",              title: "Worth every penny",              quote:
                "Dangerous tree removal next to my garage. Brent planned carefully, executed perfectly, and I had zero concerns about my property. Great local professional.",              tag: "Hazardous Removal",              avatarSrc:
                "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              avatarAlt: "professional portrait headshot customer satisfied client",              imageSrc:
                "http://img.b2bpic.net/free-photo/man-yellow-vest-raking-leaves-park_259150-57324.jpg?_wi=2",              imageAlt: "cleanup organized professional thorough"},
          ]}
          title="What Our Customers Say"
          description="Real reviews from satisfied homeowners who trusted us with their trees."
          tag="Verified Reviews"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get Your Free Estimate"
          title="Call Brent or Submit Your Information"
          description="Quick consultation for your tree removal or service needs. Fast response guaranteed. Open daily until 7 PM."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/outdoor-shot-logger-having-rest-open-air-after-cutting-trees_176532-14596.jpg?_wi=5"
          imageAlt="tree service professional arborist outdoor expert consultation"
          mediaPosition="right"
          mediaAnimation="slide-up"
          inputPlaceholder="Enter your email"
          buttonText="Request Estimate"
          termsText="We respect your privacy. Quick response during business hours. Open daily until 7 PM."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="A Cut Above"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Terms of Service", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}