"use client"

import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { CheckCircle, Award, TrendingUp, User, Target, Star, Handshake } from "lucide-react";

export default function RealEstatePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumLarge"
      background="grid"
      cardStyle="gradient-bordered"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          navItems={[
            {"name": "Hero", "id": "hero-section"},
            {"name": "Feature", "id": "features-section"},
            {"name": "About", "id": "about-section"},
            {"name": "Team", "id": "team-section"},
            {"name": "Testimonial", "id": "testimonials-section"},
            {"name": "Contact", "id": "contact-section"}
          ]}
          brandName="AquaView Realty"
          button={{
            "text": "Schedule Consultation",            "href": "#contact-section"
          }}
        />
      </div>

      <div id="hero-section" data-section="hero-section">
        <HeroBillboardRotatedCarousel
          title="Discover Your Perfect Waterfront Property"
          description="Explore AquaView Realty's exclusive collection of premium waterfront homes and investment properties. Our expert agents specialize in luxury coastal real estate with unmatched market knowledge."
          background={{ variant: "radial-gradient" }}
          tag="Waterfront Specialists"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          buttons={[
            { text: "Browse Listings", href: "#listings", dataWebildId: "btn_browse_listings" },
            { text: "Contact an Agent", href: "#contact", dataWebildId: "btn_contact_agent" }
          ]}
          buttonAnimation="slide-up"
          carouselItems={[
            {
              id: "property-1",
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-pool-villa-spectacular-contemporary-design-digital-art-real-estate-home-house-property-ge_1258-150759.jpg?_wi=1",
              imageAlt: "Luxury waterfront villa with ocean view"
            },
            {
              id: "property-2",
              imageSrc: "https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg?_wi=1",
              imageAlt: "Modern beachfront property"
            },
            {
              id: "property-3",
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-pool-villa-spectacular-contemporary-design-digital-art-real-estate-home-house-property-ge_1258-150759.jpg?_wi=2",
              imageAlt: "Contemporary coastal residence"
            },
            {
              id: "property-4",
              imageSrc: "https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg?_wi=2",
              imageAlt: "Premium waterfront investment"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={5000}
          ariaLabel="AquaView Realty featured properties carousel"
        />
      </div>

      <div id="features-section" data-section="features-section">
        <FeatureCardThree
          features={[
            {
              "id": "feature-1",              "title": "Market Insights",              "description": "Stay ahead with our in-depth market analysis and up-to-date property trends to make informed decisions.",              "imageSrc": "http://img.b2bpic.net/free-photo/diverse-group-corporate-associates-look-into-project-timelines-agenda-create-strategy_482257-136251.jpg"
            },
            {
              "id": "feature-2",              "title": "Professional Guidance",              "description": "Benefit from our expert advice and personalized strategies tailored to your unique real estate goals.",              "imageSrc": "http://img.b2bpic.net/free-photo/handshake-after-successful-deal-couple-female-signing-contract-vertical_1163-4186.jpg"
            },
            {
              "id": "feature-3",              "title": "Seamless Communication",              "description": "Experience transparent and timely communication throughout every step of your property transaction.",              "imageSrc": "http://img.b2bpic.net/free-photo/relaxed-coworkers-office-having-fun-chatting-while-reviewing-documents_482257-126482.jpg"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="Expert Real Estate Services You Can Trust"
          description="Our comprehensive suite of services is designed to make your real estate journey smooth, successful, and stress-free."
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="about-section" data-section="about-section">
        <SplitAbout
          title="Your Trusted Partner in Real Estate Excellence"
          description="With over 15 years of experience in the competitive urban and suburban markets, our team of certified agents brings unmatched expertise to every transaction. We combine deep market knowledge with personalized service to ensure your real estate journey is seamless and successful."
          tag="Award-Winning Team"
          tagIcon={Award}
          tagAnimation="slide-up"
          buttons={[
            {"text": "Meet Our Agents", "href": "#team-section"},
            {"text": "View Listings", "href": "#features-section"}
          ]}
          buttonAnimation="slide-up"
          bulletPoints={[
            {
              "title": "Market Expertise",              "description": "Deep understanding of local market trends and pricing strategies.",              "icon": TrendingUp
            },
            {
              "title": "Personalized Service",              "description": "Tailored approach to meet your unique buying or selling needs.",              "icon": User
            },
            {
              "title": "Proven Results",              "description": "Consistently delivering exceptional outcomes for our clients.",              "icon": Target
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/person-expressing-appreciation-their-workmates_23-2149430610.jpg"
          imageAlt="Professional real estate team working together in a modern office setting"
          mediaAnimation="slide-up"
          imagePosition="left"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="team-section" data-section="team-section">
        <TeamCardOne
          members={[
            {
              "id": "member-1",              "name": "Sarah Johnson",              "role": "Senior Real Estate Agent",              "imageSrc": "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-businessman-office_1163-5471.jpg",              "imageAlt": "Sarah Johnson, Senior Real Estate Agent"
            },
            {
              "id": "member-2",              "name": "Michael Chen",              "role": "Market Analysis Specialist",              "imageSrc": "http://img.b2bpic.net/free-photo/young-businesswoman-prepared-meeting_1098-2188.jpg",              "imageAlt": "Michael Chen, Market Analysis Specialist"
            },
            {
              "id": "member-3",              "name": "Emily Rodriguez",              "role": "Property Consultant",              "imageSrc": "http://img.b2bpic.net/free-photo/happy-senior-man-shaking-hands-with-doctor-after-consultations-clinic_637285-1875.jpg",              "imageAlt": "Emily Rodriguez, Property Consultant"
            },
            {
              "id": "member-4",              "name": "David Thompson",              "role": "Client Relations Manager",              "imageSrc": "http://img.b2bpic.net/free-photo/couple-party-having-fun-holding-balloons_23-2148912377.jpg",              "imageAlt": "David Thompson, Client Relations Manager"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="Meet Our Expert Team"
          description="Our dedicated team of professionals brings years of experience and market expertise to help you navigate the real estate journey with confidence and success."
          tag="Trusted Professionals"
          tagIcon={CheckCircle}
          tagAnimation="blur-reveal"
          buttons={[
            {"text": "View All Agents", "href": "#about-section"}
          ]}
          buttonAnimation="slide-up"
          textboxLayout="inline-image"
          useInvertedBackground={false}
          ariaLabel="Our expert real estate team members"
        />
      </div>

      <div id="testimonials-section" data-section="testimonials-section">
        <TestimonialCardTwo
          testimonials={[
            {
              "id": "testimonial-1",              "name": "Sarah Johnson",              "role": "First-time Homebuyer",              "testimonial": "The team at Urban Estates made my dream of buying a home a reality. Their expertise and personalized service were unmatched throughout the entire process.",              "imageSrc": "http://img.b2bpic.net/free-photo/handshake-after-successful-deal-couple-female-signing-contract-vertical_1163-4186.jpg",              "imageAlt": "Sarah Johnson, satisfied homebuyer",              "icon": Star
            },
            {
              "id": "testimonial-2",              "name": "Michael Torres",              "role": "Property Seller",              "testimonial": "I couldn't be happier with how my property was marketed and sold. The agents provided exceptional guidance and achieved the best possible price.",              "imageSrc": "http://img.b2bpic.net/free-photo/smiling-businessman-listening-senior-man_1262-1970.jpg",              "imageAlt": "Michael Torres, satisfied seller",              "icon": Star
            },
            {
              "id": "testimonial-3",              "name": "Emily Chen",              "role": "Investor & Realtor",              "testimonial": "Working with Urban Estates has transformed my real estate journey. Their market insights and strategic advice helped me make smart investment decisions.",              "imageSrc": "http://img.b2bpic.net/free-photo/happy-real-estate-agent-giving-couple-keys-their-new-home_637285-6089.jpg",              "imageAlt": "Emily Chen, real estate investor",              "icon": Star
            }
          ]}
          carouselMode="buttons"
          animationType="slide-up"
          title="What Our Clients Say"
          description="Hear from homeowners and investors who have experienced our exceptional service and results."
          tag="Trusted by Thousands"
          tagIcon={Award}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Client testimonials and reviews"
        />
      </div>

      <div id="contact-section" data-section="contact-section">
        <ContactSplitForm
          title="Ready to Find Your Dream Home?"
          description="Get in touch with our expert real estate team today. We're here to guide you through every step of your buying or selling journey with personalized service and market insights."
          inputs={[
            {"name": "fullName", "type": "text", "placeholder": "Your Full Name", "required": true},
            {"name": "email", "type": "email", "placeholder": "Your Email Address", "required": true},
            {"name": "phone", "type": "tel", "placeholder": "Your Phone Number", "required": false}
          ]}
          textarea={{
            "name": "message",            "placeholder": "Tell us about your property needs...",            "rows": 4,
            "required": true
          }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/male-entrepreneur-discussing-about-business-reports-with-female-colleague-while-working-office-desk-there-are-people-background_637285-1039.jpg"
          imageAlt="Real estate agent assisting client with property documents"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Send Message"
          ariaLabel="Contact section"
        />
      </div>

      <div id="footer-section" data-section="footer-section">
        <FooterLogoEmphasis
          logoText="PrimeHomes Real Estate"
          columns={[
            {
              "items": [
                {"label": "Home", "href": "#hero-section"},
                {"label": "Properties", "href": "#features-section"},
                {"label": "About Us", "href": "#about-section"},
                {"label": "Testimonials", "href": "#testimonials-section"}
              ]
            },
            {
              "items": [
                {"label": "Contact", "href": "#contact-section"},
                {"label": "Our Team", "href": "#team-section"},
                {"label": "Market Insights", "href": "#features-section"},
                {"label": "FAQ", "href": "#contact-section"}
              ]
            },
            {
              "items": [
                {"label": "Privacy Policy", "href": "#footer-section"},
                {"label": "Terms of Service", "href": "#footer-section"},
                {"label": "Careers", "href": "#team-section"},
                {"label": "Blog", "href": "#features-section"}
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}