"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Globe, Instagram, Linkedin, ShieldCheck, Sparkles, Star, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumSizeLargeTitles"
        background="grid"
        cardStyle="outline"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Properties",
          id: "#properties",
        },
        {
          name: "Investments",
          id: "#insights",
        },
        {
          name: "Destinations",
          id: "#destinations",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Insights",
          id: "#insights",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      button={{
        text: "Schedule Consultation",
        href: "#contact",
      }}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ExDTPsVpJK1DlnXBv0obPmuQTK/uploaded-1781111713572-66l4kfrp.png"
      logoAlt="Aurevia Estates Logo"
      brandName="Aurevia Estates"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "plain",
      }}
      imagePosition="right"
      title="Where Extraordinary Living Begins"
      description="Discover curated luxury residences, iconic penthouses and investment opportunities across the world's most desirable locations."
      kpis={[
        {
          value: "500+",
          label: "Luxury Properties",
        },
        {
          value: "20+",
          label: "Global Locations",
        },
        {
          value: "$2B+",
          label: "Property Transactions",
        },
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "Explore Properties",
          href: "#properties",
        },
        {
          text: "Schedule Consultation",
          href: "#contact",
        },
      ]}
      videoSrc="http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248309.jpg?_wi=1"
      videoAriaLabel="Ultra luxury villa overlooking ocean and city skyline during golden hour"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-male-inviting-come-white-shirt-jacket-looking-confident-front-view_176474-99670.jpg",
          alt: "Successful man",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-succesful-senior-entrrepeneur-conference-room_482257-4100.jpg",
          alt: "Confident business leader",
        },
        {
          src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg",
          alt: "Confident entrepreneur",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-elegant-mature-man-looking-away_23-2148673398.jpg",
          alt: "Smiling manager",
        },
        {
          src: "http://img.b2bpic.net/free-photo/handsome-young-businessman-walking-outdoors_171337-19893.jpg",
          alt: "Positive businessman",
        },
      ]}
      avatarText="Trusted by UHNW Clients Worldwide"
      marqueeItems={[
        {
          type: "text",
          text: "Exclusive Listings",
        },
        {
          type: "text-icon",
          text: "Global Reach",
          icon: Globe,
        },
        {
          type: "text",
          text: "Tailored Investment Strategies",
        },
        {
          type: "text-icon",
          text: "Discreet Transactions",
          icon: ShieldCheck,
        },
        {
          type: "text",
          text: "Unrivalled Market Insight",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248309.jpg?_wi=2"
      imageAlt="ultra luxury villa ocean golden hour"
    />
  </div>

  <div id="properties" data-section="properties">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Waterfront Villa, Miami",
          price: "$25,000,000",
          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-architectural-design-with-pool-reflection_23-2151993729.jpg",
          imageAlt: "Luxury Waterfront Villa in Miami",
        },
        {
          id: "p2",
          name: "Sky Penthouse, NYC",
          price: "$50,000,000",
          imageSrc: "http://img.b2bpic.net/free-photo/relax-sofa-window_1150-12924.jpg",
          imageAlt: "Sky Penthouse with City View in New York",
        },
        {
          id: "p3",
          name: "Private Estate, Tuscany",
          price: "$18,000,000",
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-building-munich-daytime_181624-22949.jpg",
          imageAlt: "Private Estate in Tuscany",
        },
        {
          id: "p4",
          name: "Investment Property, Dubai",
          price: "$12,000,000",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-plain-concrete-structure-city_23-2148814197.jpg",
          imageAlt: "Investment Property in Dubai",
        },
        {
          id: "p5",
          name: "Beachfront Mansion, Malibu",
          price: "$35,000,000",
          imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-villa-with-modern-architectural-design_23-2151694111.jpg",
          imageAlt: "Beachfront Mansion in Malibu",
        },
        {
          id: "p6",
          name: "Urban Loft, London",
          price: "$9,500,000",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-messy-bun-hair-style_23-2149459254.jpg",
          imageAlt: "Urban Loft in London",
        },
      ]}
      title="Luxury Property Showcase"
      description="Explore our exclusive portfolio of properties tailored for the discerning investor."
    />
  </div>

  <div id="about-metric" data-section="about-metric">
      <AboutMetric
      useInvertedBackground={false}
      title="Why Aurevia Estates?"
      metrics={[
        {
          icon: Star,
          label: "Luxury Expertise",
          value: "Unrivalled market insight and personalized service.",
        },
        {
          icon: Globe,
          label: "Global Network",
          value: "Access to exclusive off-market properties worldwide.",
        },
        {
          icon: Sparkles,
          label: "Exclusive Opportunities",
          value: "Curated selection of high-yield investment properties.",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="destinations" data-section="destinations">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "d1",
          title: "Dubai",
          author: "The Future City",
          description: "A hub of innovation and opulence, offering breathtaking penthouses and villas.",
          tags: [
            "UAE",
            "Luxury",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/modern-buildings-dubai-marina-city-artificial-channel-length-3-kilometers-along-persian-gulf_231208-7575.jpg",
          imageAlt: "Dubai City Skyline",
        },
        {
          id: "d2",
          title: "London",
          author: "Timeless Elegance",
          description: "Iconic addresses and discreet investments in a global financial capital.",
          tags: [
            "UK",
            "Prime",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-famous-church-our-lady-bruges-bruges-belgium_181624-44506.jpg",
          imageAlt: "London Luxury Mews House",
        },
        {
          id: "d3",
          title: "New York",
          author: "Urban Grandeur",
          description: "Exclusive penthouses and investment opportunities in the heart of Manhattan.",
          tags: [
            "USA",
            "Iconic",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/new-york-city-manhattan-street-aerial-view_649448-4476.jpg",
          imageAlt: "New York City Luxury Penthouse View",
        },
      ]}
      title="Featured Destinations"
      description="Discover our prime locations where luxury properties await your acquisition."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      carouselMode="auto"
      testimonials={[
        {
          id: "t1",
          name: "Jonathan Sterling",
          role: "Global Investor",
          testimonial: "Aurevia Estates provided unparalleled service, securing an off-market gem that exceeded all expectations. Truly world-class.",
          imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
          imageAlt: "Jonathan Sterling",
        },
        {
          id: "t2",
          name: "Isabella Rossi",
          role: "Tech Entrepreneur",
          testimonial: "The team at Aurevia is incredibly knowledgeable and discreet. Their insights into the luxury market are invaluable.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
          imageAlt: "Isabella Rossi",
        },
        {
          id: "t3",
          name: "The Chen Family",
          role: "Private Buyers",
          testimonial: "Our dream villa in Monaco became a reality thanks to Aurevia. A seamless and truly luxurious experience from start to finish.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-love-garden_23-2147986358.jpg",
          imageAlt: "The Chen Family",
        },
        {
          id: "t4",
          name: "Marcus Thorne",
          role: "Real Estate Developer",
          testimonial: "As a developer, I appreciate precision and expertise. Aurevia Estates delivers both, consistently identifying prime opportunities.",
          imageSrc: "http://img.b2bpic.net/free-photo/lawyer-by-river_23-2147984059.jpg",
          imageAlt: "Marcus Thorne",
        },
        {
          id: "t5",
          name: "Dr. Anya Sharma",
          role: "NRI Investor",
          testimonial: "Navigating international real estate was daunting, but Aurevia made it effortless. Their global network is exceptional.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-holding-boarding-pass-checking-his-mobile-phone_107420-95787.jpg",
          imageAlt: "Dr. Anya Sharma",
        },
      ]}
      title="Client Testimonials"
      description="Hear from our esteemed clients who have experienced extraordinary service."
    />
  </div>

  <div id="insights" data-section="insights">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Investment Insights"
      description="Stay informed with our premium market reports, investment trends, and luxury buying guides."
      blogs={[
        {
          id: "b1",
          category: "Market Report",
          title: "Global Luxury Real Estate Outlook 2024",
          excerpt: "An in-depth analysis of emerging markets and high-yield regions.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-pointing-chalkboard-estate-agency_23-2147764176.jpg",
          imageAlt: "Financial chart with global market data",
          authorName: "Aurevia Research",
          authorAvatar: "http://img.b2bpic.net/free-vector/antique-badge_23-2147511609.jpg",
          date: "July 15, 2024",
        },
        {
          id: "b2",
          category: "Buying Guide",
          title: "The Art of Acquiring an Iconic Property",
          excerpt: "Expert tips for discreetly purchasing your next landmark residence.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-standing-by-building_1303-11922.jpg",
          imageAlt: "Luxury villa exterior with modern architecture",
          authorName: "Aurevia Experts",
          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gjs84e",
          date: "July 10, 2024",
        },
        {
          id: "b3",
          category: "Investment Trends",
          title: "Sustainable Luxury: A New Frontier",
          excerpt: "Exploring the rising demand for eco-conscious high-end properties.",
          imageSrc: "http://img.b2bpic.net/free-photo/confident-people-holding-toy-house-together_23-2147764167.jpg",
          imageAlt: "Abstract financial background with investment data",
          authorName: "Aurevia Insights",
          authorAvatar: "http://img.b2bpic.net/free-vector/real-estate-logo-luxury-gradient-design-illustrations_483537-1245.jpg",
          date: "July 5, 2024",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "about-1",
          title: "Founding Vision",
          author: "2010",
          description: "Established with a vision to redefine luxury real estate, focusing on bespoke client experiences.",
          tags: [
            "Legacy",
            "Vision",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-complex-low-angle-shot_181624-503.jpg",
          imageAlt: "Modern architectural building exterior",
        },
        {
          id: "about-2",
          title: "Global Expansion",
          author: "2015",
          description: "Expanded our network to key global cities, offering access to exclusive international properties.",
          tags: [
            "Growth",
            "Reach",
          ],
          imageSrc: "http://img.b2bpic.net/free-vector/terrain-big-data-visualization-futuristic-map-infographic-complex-topographical-data-graphic-visualization-abstract-data-elevation-graph-colorful-geographical-data-image_1217-2165.jpg",
          imageAlt: "Global city map abstract",
        },
        {
          id: "about-3",
          title: "Innovation & Trust",
          author: "Today",
          description: "Leading the market with innovative services, building lasting relationships based on trust and excellence.",
          tags: [
            "Future",
            "Excellence",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/corporate-connected-teamwork-perforated-paper-gear_53876-30307.jpg",
          imageAlt: "Handshake over architectural blueprints",
        },
      ]}
      title="About Aurevia Estates"
      description="Our journey is defined by a commitment to unparalleled luxury and client satisfaction."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Let's Find Your Next Landmark Property"
      description="Schedule a confidential consultation with our luxury real estate specialists."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Your Inquiry",
        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/authentic-scene-young-person-undergoing-psychological-therapy_23-2150161969.jpg"
      imageAlt="Luxury office interior"
      mediaAnimation="slide-up"
      mediaPosition="right"
      buttonText="Schedule Consultation"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ExDTPsVpJK1DlnXBv0obPmuQTK/uploaded-1781111713572-66l4kfrp.png"
      logoText="Aurevia Estates"
      copyrightText="© 2024 Aurevia Estates. All rights reserved."
      socialLinks={[
        {
          icon: Instagram,
          href: "#",
          ariaLabel: "Instagram",
        },
        {
          icon: Linkedin,
          href: "#",
          ariaLabel: "LinkedIn",
        },
        {
          icon: Twitter,
          href: "#",
          ariaLabel: "Twitter",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
