"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroSplit from "@/components/sections/hero/HeroSplit";
import SplitAbout from "@/components/sections/about/SplitAbout";
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Sparkles, Target, Video, Filter, Share2, Zap, TrendingUp, Star, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="noise"
      cardStyle="solid"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Growth"
          navItems={[
            { name: "Services", id: "features" },
            { name: "Results", id: "metrics" },
            { name: "Clients", id: "testimonials" },
            { name: "FAQ", id: "faq" },
          ]}
          button={{ text: "Book Your Strategy Call", href: "contact" }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="More seller appointments Less admin work"
          description="We handle video production, lead qualification, and social strategy so you focus on closing deals Your dedicated growth team works 24/7"
          tag="Done-For-You Growth"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          buttons={[
            { text: "Book Your Strategy Call", href: "contact" },
            { text: "Learn More", href: "features" },
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/trading-manager-working-with-stock-market-diagrams-looking-real-time-stattistics-trend-with-forex-exchange-profit-rate-analyzing-hedge-fund-index-global-money-investment-laptop_482257-50292.jpg"
          imageAlt="Growth agency dashboard showing real estate sales metrics"
          imagePosition="right"
          mediaAnimation="slide-up"
          fixedMediaHeight={true}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Your Growth Team Works While You Close Deals"
          description="We integrate three essential services into one seamless operation: professional video production that showcases listings beautifully, intelligent lead qualification that filters prospects, and strategic social media management that builds your brand."
          tag="Integrated Approach"
          tagIcon={Target}
          tagAnimation="slide-up"
          bulletPoints={[
            {
              title: "Professional Video Production",              description: "Studio-quality listing videos and agent testimonials that convert browsers into buyers",              icon: Video,
            },
            {
              title: "Lead Qualification",              description: "Smart vetting process ensures your time is spent only on qualified seller prospects",              icon: Filter,
            },
            {
              title: "Social Media Management",              description: "Consistent, branded content across platforms that positions you as the local real estate expert",              icon: Share2,
            },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-workers-office-working-together-finishing-project_482257-126470.jpg"
          imageAlt="Professional team collaborating on growth strategy"
          imagePosition="right"
          mediaAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardEight
          title="Our Process"
          description="How we help you book more qualified seller appointments every single month"
          tag="How It Works"
          tagIcon={Zap}
          tagAnimation="slide-up"
          features={[
            {
              id: 1,
              title: "Professional Videography",              description: "Studio-grade video production showcasing listings and your expertise to attract high-intent seller leads",              imageSrc: "http://img.b2bpic.net/free-photo/young-filmmaker-working-media-post-production-from-agency-office_482257-119708.jpg",              imageAlt: "Professional video production setup"
            },
            {
              id: 2,
              title: "Lead Qualification",              description: "Our team qualifies every lead through strategic phone calls, ensuring only serious sellers reach your calendar",              imageSrc: "http://img.b2bpic.net/free-photo/architect-woman-phone_1163-1433.jpg",              imageAlt: "Lead qualification process"
            },
            {
              id: 3,
              title: "Social Strategy",              description: "Consistent brand-building content strategy across Instagram, Facebook, and TikTok that builds authority",              imageSrc: "http://img.b2bpic.net/free-vector/marketing-strategy-landing-page_23-2148103533.jpg",              imageAlt: "Social media content strategy"
            },
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Results That Matter"
          description="Real outcomes from real estate agents we've helped scale their seller pipelines"
          tag="Performance Metrics"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          metrics={[
            {
              id: "1",              value: "320%",              title: "Qualified Appointments",              description: "Average increase in seller appointment bookings within 90 days",              imageSrc: "http://img.b2bpic.net/free-photo/schedule-planner-task-agenda-checklist-concept_53876-124095.jpg",              imageAlt: "Successful seller appointment booking"
            },
            {
              id: "2",              value: "45+",              title: "Hours Saved Monthly",              description: "Per agent from eliminating manual admin work and unqualified leads",              imageSrc: "http://img.b2bpic.net/free-vector/rising-business-growth-chart_1308-170777.jpg",              imageAlt: "Productivity and efficiency gains"
            },
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Clients Say"
          description="Hear from real estate agents and teams who've transformed their seller pipeline with our growth service"
          tag="Client Success"
          tagIcon={Star}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Marcus Johnson, Team Lead",              date: "Date: 15 December 2024",              title: "Tripled our seller leads in three months",              quote: "We went from 2-3 qualified seller appointments per month to consistently booking 8-10. The video production quality immediately set us apart, and the lead qualification process meant I wasn't wasting time on tire kickers.",              tag: "5-Agent Team",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              avatarAlt: "Marcus Johnson",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
            },
            {
              id: "2",              name: "Sarah Chen, Solo Agent",              date: "Date: 10 December 2024",              title: "Finally have time to actually close deals",              quote: "The admin work was killing my ability to close. Now my calendar is full of qualified sellers ready to list, and I spend my time selling instead of calling cold leads. Best decision for my business.",              tag: "Solo Operator",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              avatarAlt: "Sarah Chen",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
            },
            {
              id: "3",              name: "Robert Martinez, Broker",              date: "Date: 5 December 2024",              title: "Scaled three agents without adding overhead",              quote: "We implemented this for our entire team and watched conversion rates climb while costs stayed flat. No hiring, no training, just results. This is exactly what we needed to compete.",              tag: "12-Person Brokerage",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              avatarAlt: "Robert Martinez",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
            },
            {
              id: "4",              name: "Jessica Park, Top Producer",              date: "Date: 1 December 2024",              title: "Professional videos made the difference",              quote: "Our listing videos stand out compared to competitors. Sellers are impressed before we even meet. Combined with consistent social content, our brand is now top-of-mind for listing appointments in our market.",              tag: "Premium Team",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              avatarAlt: "Jessica Park",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
            },
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about our growth service"
          faqs={[
            {
              id: "1",              title: "How quickly will I see results?",              content: "Most agents see a noticeable increase in qualified appointments within the first 30 days. We focus on high-intent leads, so you'll start booking more calls immediately. Full momentum typically kicks in after 60-90 days as our content and qualification systems fully engage your market."
            },
            {
              id: "2",              title: "Do you work with individual agents or teams only?",              content: "We work with both solo agents and teams. Our pricing and service levels scale based on your needs, whether you're a one-person operation or a 50-person brokerage. The results-driven approach works at any scale."
            },
            {
              id: "3",              title: "What's included in the video production?",              content: "Professional listing videos (2-4 minutes), agent testimonial content, and social-ready clips. We handle all production, editing, and formatting so you just need to upload and share. All videos are optimized for listing portals and social platforms."
            },
            {
              id: "4",              title: "How do you qualify leads?",              content: "Our team calls every inbound lead, qualifies motivation and timeline, pre-screens for serious intent, and books only qualified appointments on your calendar. You only take calls with people ready to list. Average quality score: 85%+ conversion to closed deals."
            },
            {
              id: "5",              title: "Can I see sample videos before committing?",              content: "Absolutely. Book a strategy call and we'll show you sample work from agents in your market. You'll see the exact video quality, editing style, and how we position agent authority. No surprises."
            },
            {
              id: "6",              title: "What if I'm already managing my own social media?",              content: "We can work with you to enhance what you're doing, or take the entire load off your plate. Most agents we work with were spending 5-8 hours weekly on social with inconsistent results. We handle consistency and strategy so you focus on closing deals."
            },
          ]}
          textPosition="left"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Let's Talk"
          tagIcon={Phone}
          tagAnimation="slide-up"
          title="Ready to Book More Seller Appointments?"
          description="Schedule a 20-minute strategy call with our team. We'll review your current process, identify exactly where you're losing qualified leads, and show you how to fix it."
          buttons={[
            { text: "Book Your Strategy Call", href: "https://calendly.com/growth-agency" },
            { text: "See Sample Videos", href: "#" },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Product",              items: [
                { label: "Video Production", href: "#features" },
                { label: "Lead Qualification", href: "#features" },
                { label: "Social Strategy", href: "#features" },
                { label: "Pricing", href: "#" },
              ],
            },
            {
              title: "Resources",              items: [
                { label: "Case Studies", href: "#" },
                { label: "Blog", href: "#" },
                { label: "FAQ", href: "#faq" },
                { label: "Support", href: "#" },
              ],
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Contact", href: "#contact" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
              ],
            },
          ]}
          copyrightText="© 2025 Growth Agency. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
