"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Camera, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="mediumLarge"
      background="none"
      cardStyle="soft-shadow"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="The Landscape Contractor"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "services" },
            { name: "Portfolio", id: "portfolio" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="Luxury Landscape Design & Build—Without the Stress"
          description="Transform your yard with a team known for fast response, clear communication, and detail-focused craftsmanship. From cleanups to full outdoor makeovers, we handle everything from design through installation—on time."
          background={{ variant: "plain" }}
          avatars={[
            {
              src: "http://img.b2bpic.net/free-photo/brown-wooden-bench-near-green-plants_250224-381.jpg",              alt: "Luxury landscape transformation"
            }
          ]}
          avatarText="Trusted by 500+ Homeowners"
          buttons={[
            { text: "Request a Quote", href: "#contact" },
            { text: "View Portfolio", href: "#portfolio" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Design-forward craftsmanship meets" },
            {
              type: "image",              src: "http://img.b2bpic.net/free-photo/concentrated-gardeners-arranging-coniferous-plants-garden-man-woman-wearing-aprons-growing-small-thuja-greenhouse-selective-focus-commercial-gardening-activity-summer-concept_74855-12739.jpg",              alt: "Landscape expertise"
            },
            { type: "text", content: "stress-free execution" }
          ]}
          useInvertedBackground={false}
          buttons={[
            { text: "Learn More", href: "#services" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyFour
          features={[
            {
              id: "design",              title: "Landscape Design",              author: "Strategic Planning",              description: "We create detailed design plans that blend your vision with proven landscaping principles. Every sketch is detail-obsessed, ensuring seamless execution and stunning results.",              tags: ["Design", "Planning", "Consultation"],
              imageSrc: "http://img.b2bpic.net/free-photo/grass-background_1127-3417.jpg",              imageAlt: "Landscape design process"
            },
            {
              id: "installation",              title: "Professional Installation",              author: "Expert Execution",              description: "From hardscaping to planting, our crews execute every project on time and on budget. We respect your property and deliver meticulous craftsmanship visible in every seam and edge.",              tags: ["Installation", "Construction", "Craftsmanship"],
              imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-material-pieces-wooden-boxes_181624-18062.jpg?_wi=1",              imageAlt: "Professional installation team"
            },
            {
              id: "maintenance",              title: "Ongoing Maintenance",              author: "Long-term Care",              description: "Landscape maintenance programs keep your outdoor space thriving year-round. Regular care ensures your investment maintains its beauty and value.",              tags: ["Maintenance", "Care", "Support"],
              imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-s-hand-cutting-plant-with-secateurs_23-2148165259.jpg",              imageAlt: "Landscape maintenance service"
            }
          ]}
          animationType="slide-up"
          title="Our Services"
          description="Comprehensive landscape solutions from concept through final walkthrough. We handle every detail with precision and care."
          tag="Complete Outdoor Solutions"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <ProductCardFour
          products={[
            {
              id: "project-1",              name: "Modern Hillside Transformation",              price: "Residential",              variant: "Design · Installation · Grading",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-swimming-pool-with-palm-trees-thai-style-decoration_1258-111445.jpg",              imageAlt: "Modern hillside landscape design"
            },
            {
              id: "project-2",              name: "Luxury Outdoor Living Space",              price: "Residential",              variant: "Hardscape · Lighting · Planting",              imageSrc: "http://img.b2bpic.net/free-photo/back-view-young-woman-taking-care-plants_23-2148509882.jpg",              imageAlt: "Outdoor living patio project"
            },
            {
              id: "project-3",              name: "Contemporary Hardscape",              price: "Residential",              variant: "Patio · Walkways · Edging",              imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-material-pieces-wooden-boxes_181624-18062.jpg?_wi=2",              imageAlt: "Hardscape patio installation"
            },
            {
              id: "project-4",              name: "Focal Point Water Feature",              price: "Residential",              variant: "Water Feature · Lighting · Landscape",              imageSrc: "http://img.b2bpic.net/free-photo/fountains-garden_1361-140.jpg",              imageAlt: "Landscape with water feature"
            }
          ]
          title="Featured Projects"
          description="Before-and-after transformations that showcase our attention to detail and design expertise. Each project tells a story of vision realized."
          tag="Portfolio Highlights"
          tagIcon={Camera}
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Richardson",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: "James Richardson"
            },
            {
              id: "3",              name: "Jennifer Adams",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",              imageAlt: "Jennifer Adams"
            },
            {
              id: "4",              name: "Robert Chen",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4",              imageAlt: "Robert Chen"
            },
            {
              id: "5",              name: "Maria Rodriguez",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=5",              imageAlt: "Maria Rodriguez"
            },
            {
              id: "6",              name: "David Thompson",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=6",              imageAlt: "David Thompson"
            }
          ]}
          cardTitle="Trusted by homeowners who demand exceptional design and flawless execution"
          cardTag="See what they say"
          cardTagIcon={Star}
          cardAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Featured In & Partnerships"
          description="Recognized for design excellence and professional standards by industry leaders."
          tag="Industry Recognition"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "HGTV Design",            "Architectural Digest",            "National Landscape Design Association",            "Outdoor Living Magazine",            "Design Excellence Award",            "Green Earth Certified",            "Professional Standards Board"
          ]}
          showCard={true}
          speed={40}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          faqs={[
            {
              id: "1",              title: "How long does a typical landscape project take?",              content: "Timeline varies by project scope. Simple cleanups take 1-2 weeks, while comprehensive outdoor transformations typically range from 4-12 weeks. We provide detailed timelines during the planning phase and prioritize on-time delivery."
            },
            {
              id: "2",              title: "What is your design process?",              content: "We begin with detailed site analysis and consultation to understand your vision. We create multiple design concepts, refine based on your feedback, and provide 3D visualizations before any work begins. You'll feel confident before we break ground."
            },
            {
              id: "3",              title: "Do you handle permits and inspections?",              content: "Yes. We manage all necessary permits, inspections, and regulatory compliance. Our expertise ensures projects meet local codes and pass inspections on the first attempt."
            },
            {
              id: "4",              title: "What areas do you serve?",              content: "We serve the greater metropolitan area and surrounding communities within a 25-mile radius. Contact us for specific location availability and to discuss your project."
            },
            {
              id: "5",              title: "Can you fix common landscape problems?",              content: "Absolutely. We specialize in solving complex issues: hillside grading challenges, old irrigation problems, artificial turf seam issues, and hardscape durability. We assess root causes and implement lasting solutions."
            },
            {
              id: "6",              title: "How is pricing determined?",              content: "We provide detailed, transparent quotes based on site analysis, materials, labor, and timeline. There are no surprise costs—what we quote is what you pay. We offer flexible financing options for larger projects."
            }
          ]}
          title="Common Questions"
          description="Clear answers to help you understand our process and what to expect from start to finish."
          tag="FAQ"
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Request Your Free Consultation"
          description="Share details about your project, and we'll respond within 24 hours with a personalized plan. Let's bring your outdoor vision to life."
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Full Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Email Address",              required: true
            },
            {
              name: "phone",              type: "tel",              placeholder: "Phone Number",              required: false
            },
            {
              name: "address",              type: "text",              placeholder: "Project Location",              required: true
            }
          ]}
          textarea={{
            name: "projectDetails",            placeholder: "Describe your project vision and any specific challenges or goals...",            rows: 5,
            required: true
          }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-31517.jpg"
          imageAlt="Landscape consultation"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Request Quote"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Services", href: "#services" },
                { label: "Portfolio", href: "#portfolio" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Design Tips", href: "#" },
                { label: "FAQ", href: "#faq" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Project Timeline", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "License & Insurance", href: "#" },
                { label: "Accessibility", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 The Landscape Contractor. All rights reserved."
          bottomRightText="Crafted with precision and care."
        />
      </div>
    </ThemeProvider>
  );
}