"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSimple from '@/components/sections/footer/FooterSimple';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="none"
      cardStyle="layered-gradient"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Cinematic Estates"
          navItems={[
            { name: "Services", id: "features" },
            { name: "Portfolio", id: "blog" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonial" }
          ]}
          button={{
            text: "Get Started",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Cinematic Estates"
          description="Boutique real estate videography for the nation's most prestigious properties. Partnering with top companies to transform luxury real estate marketing through cinematic storytelling."
          buttons={[
            { text: "View Portfolio", href: "blog" },
            { text: "Request Demo", href: "contact" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          videoSrc="http://img.b2bpic.net/free-photo/aerial-view-amazing-porch-with-garden-umbrella-loungers_116348-109.jpg"
          frameStyle="browser"
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Premium Real Estate Video Production"
          description={[
            "We are a boutique video production company dedicated to showcasing luxury real estate through cinematic excellence. Our team combines aerial cinematography, sophisticated editing, and storytelling expertise to create compelling property videos that engage high-net-worth buyers.",            "With partnerships across the nation's top real estate companies, we've established ourselves as the trusted choice for premium properties. Every frame is crafted to highlight architectural beauty, luxury amenities, and location advantages with cinematic precision.",            "From initial concept to final delivery, we handle every aspect of real estate video production with meticulous attention to detail and artistic vision."
          ]}
          buttons={[
            { text: "Learn Our Process", href: "features" }
          ]}
          showBorder={true}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyOne
          title="Our Services"
          description="Comprehensive video production solutions tailored for luxury real estate marketing."
          tag="Services"
          imageSrc="http://img.b2bpic.net/free-photo/grass-field-daytime_181624-1502.jpg"
          imageAlt="Drone footage of luxury property"
          accordionItems={[
            {
              id: "1",              title: "Aerial Cinematography & Drone Footage",              content: "Showcase properties with stunning aerial perspectives. Our drone pilots capture breathtaking exterior views, architectural details, and surrounding landscape to provide comprehensive property overview."
            },
            {
              id: "2",              title: "4K & 8K Video Production",              content: "Experience properties in ultra-high definition. We deliver professional-grade 4K and 8K video content that highlights every detail of luxury homes and premium properties."
            },
            {
              id: "3",              title: "Professional Video Editing & Color Grading",              content: "Transform raw footage into cinema-quality videos. Our post-production team applies professional color grading, sound design, and editing to create emotionally compelling property showcases."
            },
            {
              id: "4",              title: "3D Virtual Tours & Interactive Walkthroughs",              content: "Immersive property experiences for remote buyers. Create interactive 3D tours that allow potential buyers to explore every room and amenity at their own pace."
            },
            {
              id: "5",              title: "Real Estate Marketing Videos",              content: "Compelling promotional content designed to attract serious buyers. We create targeted marketing videos that highlight unique selling points and lifestyle opportunities of premium properties."
            }
          ]}
          useInvertedBackground="noInvert"
          mediaPosition="left"
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardFive
          title="Client Success Stories"
          description="Hear from real estate professionals who've transformed their marketing with our video production"
          tag="Testimonials"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell, CEO of LuxeRealty USA",              date: "Date: 15 November 2024",              title: "Transformed our property listings completely",              quote: "Cinematic Estates elevated our luxury property marketing to unprecedented levels. Their drone cinematography and editing expertise resulted in 40% more qualified inquiries within three months. The professionalism and attention to detail exceeded all expectations.",              tag: "Luxury Portfolio",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg"
            },
            {
              id: "2",              name: "James Rodriguez, Founder of Premier Properties Inc.",              date: "Date: 22 October 2024",              title: "The gold standard for real estate videography",              quote: "We've worked with several video production companies, but Cinematic Estates stands apart. Their understanding of luxury real estate marketing and ability to capture the essence of high-end properties is unmatched. Our listing times decreased significantly.",              tag: "High-End Sales",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-resting-home-with-good-mood_651396-28.jpg"
            },
            {
              id: "3",              name: "Michelle Chen, VP Marketing at Elite Estates Network",              date: "Date: 8 September 2024",              title: "Exceptional partner for our enterprise",              quote: "Cinematic Estates demonstrated remarkable scalability and consistency across all our properties. Their 3D tours and interactive features gave our remote buyers an immersive experience that converted like no other marketing material we've tried.",              tag: "Enterprise Solutions",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/relax-sofa-window_1150-12924.jpg"
            },
            {
              id: "4",              name: "David Thompson, Director of Top Tier Homes Collective",              date: "Date: 25 August 2024",              title: "Boutique expertise at enterprise scale",              quote: "What impressed us most was their boutique approach combined with enterprise-level execution. Every project felt personalized, yet delivered with the professionalism of a major production house. Highly recommended for anyone serious about real estate marketing excellence.",              tag: "Portfolio Growth",              avatarSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/modern-dining-room-living-room-with-luxury-decor_105762-1672.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="blog" data-section="blog">
        <BlogCardOne
          title="Featured Projects"
          description="Explore our portfolio of stunning real estate video productions for luxury properties"
          tag="Portfolio"
          blogs={[
            {
              id: "1",              category: "Luxury Estate",              title: "Modern Masterpiece on the Coast",              excerpt: "Cinematic presentation of a $12M contemporary beach estate featuring architectural innovation, smart home technology, and panoramic ocean views.",              imageSrc: "http://img.b2bpic.net/free-photo/contemporary-living-room_1150-12613.jpg",              imageAlt: "Aerial view of luxury coastal estate",              authorName: "Cinematic Estates Team",              authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              date: "15 Nov 2024"
            },
            {
              id: "2",              category: "Architectural Showcase",              title: "Historic Mansion Renovation",              excerpt: "Full-scale video production showcasing the meticulous restoration of a 1920s mansion, blending historical elegance with modern luxury amenities.",              imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg",              imageAlt: "Historic mansion with modern renovations",              authorName: "Cinematic Estates Team",              authorAvatar: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              date: "8 Nov 2024"
            },
            {
              id: "3",              category: "Urban Luxury",              title: "Downtown Penthouse Collection",              excerpt: "Comprehensive video tour of a premium urban penthouse featuring floor-to-ceiling glass, curated art collection, and 360-degree city views.",              imageSrc: "http://img.b2bpic.net/free-photo/modern-lounge-room-interior-office-building_1262-12374.jpg",              imageAlt: "Downtown luxury penthouse interior",              authorName: "Cinematic Estates Team",              authorAvatar: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              date: "1 Nov 2024"
            },
            {
              id: "4",              category: "Country Estate",              title: "Equestrian Paradise",              excerpt: "Sweeping aerial cinematography of a sprawling country estate with horse facilities, guest cottages, and pristine grounds across 50 acres.",              imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-living-room_1203-2721.jpg",              imageAlt: "Aerial view of country estate",              authorName: "Cinematic Estates Team",              authorAvatar: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",              date: "25 Oct 2024"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          carouselMode="buttons"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to elevate your real estate marketing? Let's create something extraordinary together. Contact us to discuss your project and discover how we can transform your properties into cinematic showcases."
          animationType="entrance-slide"
          buttons={[
            { text: "Start Your Project", href: "#contact-form" },
            { text: "Schedule Consultation", href: "#consultation" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Services",              items: [
                { label: "Drone Cinematography", href: "#services" },
                { label: "4K & 8K Production", href: "#services" },
                { label: "Post Production", href: "#services" },
                { label: "Virtual Tours", href: "#services" }
              ]
            },
            {
              title: "Portfolio",              items: [
                { label: "Featured Projects", href: "#blog" },
                { label: "Case Studies", href: "#testimonial" },
                { label: "Recent Work", href: "#blog" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Team", href: "#about" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#privacy" },
                { label: "Terms of Service", href: "#terms" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Cinematic Estates. All rights reserved."
          bottomRightText="Boutique Real Estate Videography"
        />
      </div>
    </ThemeProvider>
  );
}