"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Leaf, Sprout, Hammer, Sparkles } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="small"
      sizing="mediumLarge"
      background="circleGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Van der Parre & Co"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Portfolio", id: "portfolio" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" },
            { name: "Call: +31 10 123 4567", id: "tel:+31101234567" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Professional Garden Construction & Landscaping in Rotterdam"
          description="Transform your outdoor space into a stunning modern garden. Expert design, quality craftsmanship, and on-time delivery for homes and businesses throughout Rotterdam."
          background={{ variant: "circleGradient" }}
          kpis={[
            { value: "⭐ 5.0", label: "Google Rating" },
            { value: "15+", label: "Years Experience" },
            { value: "500+", label: "Gardens Built" }
          ]}
          enableKpiAnimation={true}
          tag="Premium Landscaping"
          tagIcon={Leaf}
          tagAnimation="slide-up"
          buttons={[
            { text: "Request Free Quote", href: "#contact" },
            { text: "Call Now: +31 10 123 4567", href: "tel:+31101234567" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/covered-lifestyle-garden-with-indoor-outdoor-living_1127-3427.jpg"
          imageAlt="Beautiful modern garden landscape design"
          mediaAnimation="slide-up"
          imagePosition="right"
        />
      </div>

      <div id="trust" data-section="trust">
        <MetricCardTen
          title="Why Choose Van der Parre & Co"
          description="Local landscaping specialists trusted by homeowners and businesses throughout Rotterdam, Schiedam, Delft, and the surrounding areas."
          tag="Trust & Reliability"
          metrics={[
            {
              id: "1",              title: "Professional Garden Specialists",              subtitle: "Certified landscape architects with extensive expertise",              category: "Expertise",              value: "✓",              buttons: []
            },
            {
              id: "2",              title: "On-Time Project Delivery",              subtitle: "We guarantee punctuality and respect your timeline",              category: "Reliability",              value: "✓",              buttons: []
            },
            {
              id: "3",              title: "Transparent Pricing",              subtitle: "Clear quotes with no hidden fees or surprises",              category: "Honest",              value: "✓",              buttons: []
            },
            {
              id: "4",              title: "Premium Materials",              subtitle: "Only highest quality materials and plants used",              category: "Quality",              value: "✓",              buttons: []
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardEight
          title="Our Services"
          description="Comprehensive landscaping solutions for residential and commercial properties"
          tag="Services"
          tagIcon={Sprout}
          features={[
            {
              id: 1,
              title: "Garden Design",              description: "Custom garden designs tailored to your vision and outdoor space",              imageSrc: "http://img.b2bpic.net/free-photo/old-woman-doing-fitness-exercises_23-2149565535.jpg"
            },
            {
              id: 2,
              title: "Landscape Construction",              description: "Professional construction of your new garden from concept to completion",              imageSrc: "http://img.b2bpic.net/free-photo/long-corridor-showcase_1127-3442.jpg"
            },
            {
              id: 3,
              title: "Garden Renovation",              description: "Transform existing gardens with modern design and quality materials",              imageSrc: "http://img.b2bpic.net/free-photo/raking-gray-haired-gardener-raking-ground-looking-busy_259150-58930.jpg"
            },
            {
              id: 4,
              title: "Terrace & Paving",              description: "Beautiful stone patios and professional paving installation services",              imageSrc: "http://img.b2bpic.net/free-photo/garden-center_23-2148013459.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="process" data-section="process">
        <FeatureCardEight
          title="How It Works"
          description="Simple 3-step process to bring your garden dreams to life"
          tag="Process"
          tagIcon={Hammer}
          features={[
            {
              id: 1,
              title: "Free Consultation",              description: "Meet with our landscape specialists to discuss your ideas, budget, and timeline",              imageSrc: "http://img.b2bpic.net/free-photo/old-woman-doing-fitness-exercises_23-2149565535.jpg"
            },
            {
              id: 2,
              title: "Garden Design & Planning",              description: "Detailed design proposal with 3D visualization and material selections",              imageSrc: "http://img.b2bpic.net/free-photo/long-corridor-showcase_1127-3442.jpg"
            },
            {
              id: 3,
              title: "Professional Construction",              description: "Expert team builds your garden with precision and quality craftsmanship",              imageSrc: "http://img.b2bpic.net/free-photo/covered-lifestyle-garden-with-indoor-outdoor-living_1127-3424.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <BlogCardTwo
          title="Recent Projects"
          description="View our latest garden transformations and landscaping projects in Rotterdam"
          tag="Portfolio"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          blogs={[
            {
              id: "1",              category: ["Modern Design", "Patio Construction"],
              title: "Contemporary Garden with Stone Patio",              excerpt: "Beautiful modern garden featuring natural stone patio, contemporary plantings, and outdoor living space perfect for entertaining.",              imageSrc: "http://img.b2bpic.net/free-photo/covered-lifestyle-garden-with-indoor-outdoor-living_1127-3424.jpg",              imageAlt: "Modern garden with stone patio",              authorName: "Van der Parre Team",              authorAvatar: "http://img.b2bpic.net/free-photo/portrait-professional-elegant-businessman_23-2150917050.jpg",              date: "March 2025"
            },
            {
              id: "2",              category: ["Garden Renovation", "Luxury Design"],
              title: "Luxury Backyard Renovation",              excerpt: "Complete backyard transformation from overgrown space to stunning contemporary outdoor oasis with integrated lighting and landscaping.",              imageSrc: "http://img.b2bpic.net/free-photo/outdoor-with-circle-chair_1339-5460.jpg",              imageAlt: "Luxury backyard renovation",              authorName: "Van der Parre Team",              authorAvatar: "http://img.b2bpic.net/free-photo/businesswoman-her-desk_23-2147636005.jpg",              date: "February 2025"
            },
            {
              id: "3",              category: ["Eco-Design", "Green Space"],
              title: "Sustainable Garden Design",              excerpt: "Environmentally conscious garden with native plantings, water features, and natural materials creating a harmonious outdoor sanctuary.",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-with-plants-frame_23-2148928484.jpg",              imageAlt: "Sustainable garden design",              authorName: "Van der Parre Team",              authorAvatar: "http://img.b2bpic.net/free-photo/close-up-smiley-man-posing_23-2148563424.jpg",              date: "January 2025"
            },
            {
              id: "4",              category: ["Premium Quality", "Design Excellence"],
              title: "Executive Estate Landscaping",              excerpt: "High-end residential landscaping featuring premium materials, sophisticated plantings, and multi-level garden design.",              imageSrc: "http://img.b2bpic.net/free-photo/long-shot-young-woman-taking-care-plants_23-2148509881.jpg",              imageAlt: "Executive estate landscaping",              authorName: "Van der Parre Team",              authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-natural-pretty-woman-with-curly-hairstyle_285396-4322.jpg",              date: "December 2024"
            }
          ]}
          carouselMode="buttons"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Client Testimonials"
          description="Hear from satisfied homeowners who transformed their outdoor spaces with Van der Parre & Co"
          tag="Client Reviews"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Ruben Den Butter",              handle: "Rotterdam Homeowner",              testimonial: "Delivered exactly the result we expected. Very professional work and delivered even before the deadline. Highly recommended!",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-elegant-businessman_23-2150917050.jpg",              imageAlt: "Ruben Den Butter"
            },
            {
              id: "2",              name: "Maria van de Berg",              handle: "Rotterdam Business Owner",              testimonial: "Outstanding service from consultation to final result. The team was professional, punctual, and delivered exceptional quality. Our garden is stunning!",              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-her-desk_23-2147636005.jpg",              imageAlt: "Maria van de Berg"
            },
            {
              id: "3",              name: "Johan Pieterse",              handle: "Schiedam Resident",              testimonial: "Best landscaping company in the region. They listened to our ideas, improved our design, and executed flawlessly. Worth every euro!",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-posing_23-2148563424.jpg",              imageAlt: "Johan Pieterse"
            },
            {
              id: "4",              name: "Sophie Keijzer",              handle: "Delft Property Manager",              testimonial: "Professional, responsive, and detail-oriented. The garden renovation transformed our property. Their transparent pricing was refreshing too!",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-natural-pretty-woman-with-curly-hairstyle_285396-4322.jpg",              imageAlt: "Sophie Keijzer"
            },
            {
              id: "5",              name: "Thomas Vermeulen",              handle: "Rotterdam Homeowner",              testimonial: "From initial consultation through project completion, Van der Parre & Co exceeded expectations. Highly skilled team with genuine passion for landscaping.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",              imageAlt: "Thomas Vermeulen"
            },
            {
              id: "6",              name: "Anna Hermans",              handle: "Capelle aan den IJssel",              testimonial: "Outstanding attention to detail and quality materials. Our garden is now our favorite outdoor space. Absolutely fantastic work!",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-elegant-businessman_23-2150917050.jpg",              imageAlt: "Anna Hermans"
            }
          ]}
          speed={40}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our landscaping services"
          tag="Help & Support"
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "What areas do you serve?",              content: "We serve Rotterdam, Schiedam, Delft, Capelle aan den IJssel, and surrounding areas within 15km. Contact us to confirm service availability for your location."
            },
            {
              id: "2",              title: "How much does a garden design consultation cost?",              content: "Our initial consultation is completely free! We'll discuss your vision, assess your space, and provide preliminary ideas at no cost. Detailed design proposals have separate fees based on project scope."
            },
            {
              id: "3",              title: "What is the typical timeline for a garden project?",              content: "Project timelines vary based on complexity and size. Small renovations may take 1-2 weeks, while larger construction projects can take 4-8 weeks. We'll provide a detailed timeline during your consultation."
            },
            {
              id: "4",              title: "Do you use sustainable materials?",              content: "Yes! We prioritize sustainable and environmentally friendly materials whenever possible, including native plantings, recycled materials, and eco-conscious design practices."
            },
            {
              id: "5",              title: "Can you work with my existing budget?",              content: "Absolutely. We work with budgets of all sizes and can create designs that maximize value. Our transparent pricing means no hidden costs or surprises."
            },
            {
              id: "6",              title: "Do you offer garden maintenance services?",              content: "Yes, we offer ongoing maintenance packages to keep your garden beautiful year-round. From seasonal care to regular upkeep, we've got you covered."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Ready to Transform?"
          title="Ready to Transform Your Garden?"
          description="Get started today with a free consultation. Our team is ready to help you create the outdoor space of your dreams."
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          background={{ variant: "circleGradient" }}
          useInvertedBackground={true}
          inputPlaceholder="Your email address"
          buttonText="Request Quote"
          termsText="We respect your privacy. Unsubscribe at any time."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigate",              items: [
                { label: "Services", href: "#services" },
                { label: "Portfolio", href: "#portfolio" },
                { label: "Process", href: "#process" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Phone: +31 10 123 4567", href: "tel:+31101234567" },
                { label: "Sint-Jacobstraat 117, 3011 DK Rotterdam", href: "#" },
                { label: "Email: info@vanderparre.nl", href: "mailto:info@vanderparre.nl" }
              ]
            },
            {
              title: "Service Areas",              items: [
                { label: "Rotterdam", href: "#" },
                { label: "Schiedam", href: "#" },
                { label: "Delft", href: "#" },
                { label: "Capelle aan den IJssel", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Van der Parre & Co. Local landscaping specialists serving Rotterdam."
          bottomRightText="⭐ 5.0 Google Rating | Premium Landscaping Services"
        />
      </div>
    </ThemeProvider>
  );
}