"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Building, Droplet, Facebook, History, Home, Instagram, Key, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="mediumLargeSizeMediumTitles"
        background="aurora"
        cardStyle="gradient-bordered"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Features",          id: "features"},
        {
          name: "Gallery",          id: "gallery"},
        {
          name: "Legacy",          id: "legacy"},
        {
          name: "Team",          id: "team"},
        {
          name: "Testimonials",          id: "testimonials"},
        {
          name: "Contact",          id: "contact"},
        {
          name: "Booking",          id: "/booking"},
      ]}
      brandName="Beaston House"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "rotated-rays-animated"}}
      title="Beaston House: An Italian Legacy Reimagined"
      description="Experience the epitome of old-world charm and modern luxury at Beaston House, a timeless estate awaiting its next chapter."
      tagAnimation="none"
      buttons={[
        {
          text: "Explore the Estate",          href: "#features"},
        {
          text: "Schedule a Tour",          href: "#contact"},
      ]}
      buttonAnimation="none"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/castell-de-pubol-catalonia-spain_1398-1299.jpg",          imageAlt: "Luxurious Italian villa exterior at golden hour"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666333.jpg",          imageAlt: "Opulent Italian villa interior dining room"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-rural-crops-fields-landscape_23-2148346091.jpg",          imageAlt: "Italian vineyard estate with panoramic view"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-spiral-staircase_23-2151961775.jpg",          imageAlt: "Master bedroom in an Italian luxury villa"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-making-dish-with-figs-home-kitchen_23-2150304390.jpg",          imageAlt: "Gourmet kitchen in an Italian villa with modern appliances"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/cozy-vintage-library-with-green-chairs-whiskey-glasses-create-classy-setting_482257-125662.jpg",          imageAlt: "Historic library in an Italian villa with antique books"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Our Philosophy"
      tagAnimation="none"
      title="Timeless Elegance, Modern Living"
      description="Beaston House stands as a testament to unparalleled craftsmanship and architectural grandeur, blending historical reverence with contemporary comforts."
      subdescription="A meticulously preserved estate where every detail reflects a heritage of luxury."
      icon={Home}
      imageSrc="http://img.b2bpic.net/free-photo/entrance-home_1398-1361.jpg"
      imageAlt="Historic Italian villa architectural detail"
      mediaAnimation="opacity"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSixteen
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      negativeCard={{
        items: [
          "Hand-carved Stone Fireplaces",          "Original Fresco Ceilings",          "Vintage Wine Cellar",          "Terracotta Roofing",          "Ornate Wrought Iron Accents",          "Ancient Olive Groves"],
      }}
      positiveCard={{
        items: [
          "Smart Home Automation",          "Integrated Security System",          "Gourmet Chef's Kitchen",          "Spa-inspired Marble Bathrooms",          "High-speed Fiber Internet",          "Eco-friendly Climate Control"],
      }}
      title="Exclusive Amenities & Bespoke Design"
      description="Beaston House offers a curated selection of features that define luxurious Italian living, harmonizing classic allure with every modern comfort."
      tag="Property Highlights"
      tagAnimation="none"
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "product-1",          name: "The Main Villa",          price: "Enquire for Price",          imageSrc: "http://img.b2bpic.net/free-photo/aix-en-provence-france-october-18-2017-front-view-pavillon-de-vendome-arts-culture-gallery_1101-2848.jpg",          imageAlt: "Exterior view of the grand main Italian villa"},
        {
          id: "product-2",          name: "The Guest House",          price: "Included",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-dress_23-2149055356.jpg",          imageAlt: "Charming Italian guest house exterior"},
        {
          id: "product-3",          name: "The Vineyard",          price: "Cultivated",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-green-grapes-vineyard-sunlight-with-blurry_181624-6004.jpg",          imageAlt: "Lush Italian vineyard landscape"},
        {
          id: "product-4",          name: "The Olive Grove",          price: "Producing",          imageSrc: "http://img.b2bpic.net/free-photo/landscape-shot-val-d-orcia-tuscany-italy-with-cloudy-sunny-blue-sky_181624-11133.jpg",          imageAlt: "Ancient Italian olive grove"},
        {
          id: "product-5",          name: "The Infinity Pool Pavilion",          price: "Luxurious",          imageSrc: "http://img.b2bpic.net/free-photo/white-resort-with-coconut-tree-leaves_23-2148249098.jpg",          imageAlt: "Infinity pool with panoramic views"},
        {
          id: "product-6",          name: "The Private Gardens",          price: "Manicured",          imageSrc: "http://img.b2bpic.net/free-photo/sunset-tuscan-terrace_23-2151986090.jpg",          imageAlt: "Manicured private Italian gardens"},
      ]}
      title="A Sanctuary of Grandeur"
      description="Explore the distinguished sections and unique offerings that comprise Beaston House, each designed for an exclusive living experience."
      tag="Property Wings"
      tagAnimation="none"
    />
  </div>

  <div id="legacy" data-section="legacy">
      <MetricCardThree
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "metric-1",          icon: Home,
          title: "Total Acreage",          value: "250+"},
        {
          id: "metric-2",          icon: Key,
          title: "Bedrooms",          value: "12"},
        {
          id: "metric-3",          icon: Droplet,
          title: "Bathrooms",          value: "15"},
        {
          id: "metric-4",          icon: Home,
          title: "Living Space",          value: "25,000 sqft"},
        {
          id: "metric-5",          icon: History,
          title: "Built",          value: "17th Century"},
        {
          id: "metric-6",          icon: Building,
          title: "Restored",          value: "2022"},
      ]}
      title="Key Features & Dimensions"
      description="Uncover the impressive scope and refined details that make Beaston House an exceptional investment, steeped in history and natural beauty."
      tag="Estate at a Glance"
      tagAnimation="none"
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      members={[
        {
          id: "member-1",          name: "Antonio Ricci",          role: "Lead Estate Agent",          description: "Antonio's deep understanding of the luxury market ensures a seamless acquisition process.",          imageSrc: "http://img.b2bpic.net/free-photo/serious-male-boss-instructing-female-assistant_1262-20385.jpg",          imageAlt: "Portrait of Antonio Ricci"},
        {
          id: "member-2",          name: "Sofia Bellini",          role: "Property Specialist",          description: "Sofia provides personalized guidance, making your journey to Beaston House truly exceptional.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-document_23-2149445754.jpg",          imageAlt: "Portrait of Sofia Bellini"},
        {
          id: "member-3",          name: "Luca Moretti",          role: "Architectural Liaison",          description: "Luca's expertise in historical architecture highlights Beaston House's unique heritage.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-black-costume-lady-with-halloween-makeup_1157-41129.jpg",          imageAlt: "Portrait of Luca Moretti"},
      ]}
      title="Dedicated to Your Legacy"
      description="Meet the team committed to guiding you through the acquisition of this magnificent estate, ensuring a seamless and distinguished experience."
      tag="Our Curators"
      tagAnimation="none"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="“Beaston House isn't just a property; it's a masterpiece. The attention to detail and authentic Italian charm are simply breathtaking. A truly unparalleled experience in luxury living.”"
      rating={5}
      author="Eleanor & Giovanni Rossi, Sophia Bellagio, Marco & Isabella Bianchi, and the Santoro Family"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-stylish-senior-man-sitting-outdoors_23-2149038047.jpg",          alt: "Eleanor Rossi"},
        {
          src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",          alt: "Giovanni Rossi"},
        {
          src: "http://img.b2bpic.net/free-photo/smiling-woman-leaning-wall_250224-223.jpg",          alt: "Sophia Bellagio"},
        {
          src: "http://img.b2bpic.net/free-photo/young-beautiful-couple-man-woman-looking-camera-happy-cheerful-smiling-broadly-celebrating-valentines-day-standing-green-wall_141793-59088.jpg",          alt: "Marco and Isabella Bianchi"},
        {
          src: "http://img.b2bpic.net/free-photo/cheerful-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-office-employer-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-6842.jpg",          alt: "Distinguished older couple smiling"},
      ]}
      ratingAnimation="opacity"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Architectural Digest",        "Forbes Global Properties",        "Christie's International Real Estate",        "Sotheby's Realty",        "Luxury Portfolio International",        "Prestige Magazine",        "Elite Traveler",        "The Wall Street Journal",        "Conde Nast Traveler"]}
      title="Recognized Excellence"
      description="Beaston House has been celebrated by leading luxury real estate publications and architectural societies for its exquisite design and heritage."
      tag="Featured In"
      tagAnimation="none"
      buttonAnimation="none"
      speed={40}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Inquire About Beaston House"
      description="Arrange a private viewing or request a comprehensive brochure for this exceptional Italian estate. Our team is ready to assist you."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Your Phone Number"},
      ]}
      textarea={{
        name: "message",        placeholder: "Your Message",        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/interior-national-art-museum-bucharest-romania-golden-details-marble-painting_1268-19833.jpg"
      imageAlt="Luxurious Italian villa interior grand entrance"
      mediaAnimation="opacity"
      mediaPosition="right"
      buttonText="Send Inquiry"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Beaston House"
      copyrightText="© 2024 Beaston House. All rights reserved."
      socialLinks={[
        {
          icon: Instagram,
          href: "#",          ariaLabel: "Instagram"},
        {
          icon: Facebook,
          href: "#",          ariaLabel: "Facebook"},
        {
          icon: Twitter,
          href: "#",          ariaLabel: "Twitter"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
