"use client"

import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Anchor, Compass, Waves } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmall"
      background="blurBottom"
      cardStyle="soft-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Prestige Yachts"
          navItems={[
            { name: "Browse Yachts", id: "products" },
            { name: "About Us", id: "about" },
            { name: "Why Choose Us", id: "features" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Schedule Tour",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Discover Your Dream Vessel"
          description="Explore our curated collection of premium yachts and boats. From luxury sailing yachts to high-performance speedboats, find the perfect vessel for your maritime adventures."
          background={{ variant: "sparkles-gradient" }}
          tag="Premium Fleet"
          tagIcon={Anchor}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Fleet", href: "#products" },
            { text: "Schedule Demo", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-yacht-body-water-new-zealand_181624-14060.jpg"
          imageAlt="Luxury yacht sailing on open water"
          mediaAnimation="blur-reveal"
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Story"
          tagIcon={Compass}
          title="Premier Yacht Brokerage with 25 Years of Maritime Excellence"
          description="Since 1999, Prestige Yachts has been the trusted name in luxury vessel sales and marine services. We combine deep nautical expertise with personalized customer service to match discerning buyers with exceptional boats. Our fleet represents the finest vessels from leading international builders."
          metrics={[
            { value: "500+", title: "Vessels Successfully Sold" },
            { value: "25 yrs", title: "Industry Experience" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/man-suit_1321-1164.jpg?_wi=1"
          imageAlt="Prestige Yachts headquarters"
          useInvertedBackground={false}
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Featured Yacht Collection"
          description="Browse our selection of meticulously maintained luxury vessels, each inspected and certified for quality and performance."
          tag="Available Now"
          tagIcon={Waves}
          tagAnimation="slide-up"
          products={[
            {
              id: "1",              name: "Azimut 66 Fly Bridge",              price: "$2,450,000",              variant: "Motor Yacht | 20.1m | 2022",              imageSrc: "http://img.b2bpic.net/free-photo/view-beautiful-white-yacht-daylight-horizontal-sea-background_1220-1498.jpg",              imageAlt: "Azimut 66 Fly Bridge yacht"
            },
            {
              id: "2",              name: "Beneteau Oceanis 54",              price: "$890,000",              variant: "Sailing Yacht | 16.5m | 2020",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-motorboat-sailing-surface-sea_181624-39371.jpg",              imageAlt: "Beneteau Oceanis 54 sailing yacht"
            },
            {
              id: "3",              name: "Sunseeker Manhattan 55",              price: "$1,875,000",              variant: "Motor Yacht | 16.7m | 2021",              imageSrc: "http://img.b2bpic.net/free-photo/young-healthy-calm-woman-doing-yoga-sailing-yacht-boat-sea-island_1153-4004.jpg",              imageAlt: "Sunseeker Manhattan 55 motor yacht"
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyThree
          title="Why Choose Prestige Yachts"
          description="Experience the difference that expertise, transparency, and dedicated service make when buying your dream boat."
          tag="Our Advantages"
          features={[
            {
              id: "1",              title: "Expert Vessel Appraisals",              tags: ["Marine Surveying", "Quality Assured"],
              imageSrc: "http://img.b2bpic.net/free-photo/man-suit_1321-1164.jpg?_wi=2"
            },
            {
              id: "2",              title: "Comprehensive Support Services",              tags: ["Full Service", "Maintenance"],
              imageSrc: "http://img.b2bpic.net/free-photo/business-couple-talking-waitress-while-choosing-order-from-menu-restaurant_637285-8925.jpg"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Prestige Yachts made finding and purchasing my dream yacht seamless and enjoyable. Their expertise and attention to detail were unmatched. I couldn't be happier with my Azimut."
          rating={5}
          author="Captain James Mitchell, Yacht Owner"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "James Mitchell" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Sarah Chen" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Robert Williams" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Victoria Santos" }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Leading the Marine Sales Industry with Proven Results"
          tag="By The Numbers"
          metrics={[
            {
              id: "1",              value: "98%",              description: "Client satisfaction rating across all transactions and services."
            },
            {
              id: "2",              value: "$850M+",              description: "Total value of vessels sold and brokered over 25 years."
            }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about purchasing, financing, and maintaining your vessel."
          tag="Support"
          faqs={[
            {
              id: "1",              title: "What is included in the yacht inspection?",              content: "Our comprehensive yacht inspections include hull integrity assessment, engine and mechanical systems evaluation, electrical systems review, interior condition assessment, and full safety equipment verification. All inspections are performed by certified marine surveyors."
            },
            {
              id: "2",              title: "Do you offer financing options?",              content: "Yes, we work with leading marine lenders to provide flexible financing solutions. We can help arrange boat loans with competitive rates and terms tailored to your financial situation."
            },
            {
              id: "3",              title: "What after-sale services do you provide?",              content: "We offer comprehensive post-purchase support including maintenance coordination, haul-out services, crew training, provisioning assistance, and 24/7 customer support for all vessel owners."
            },
            {
              id: "4",              title: "How do I schedule a vessel tour?",              content: "You can schedule a tour directly through our website contact form or call our sales team. We offer flexible scheduling with in-person viewings, virtual tours, and sea trials for qualified buyers."
            },
            {
              id: "5",              title: "What is the warranty on used yachts?",              content: "All pre-owned vessels come with a comprehensive 90-day warranty covering major mechanical systems including engines, generators, and essential electronics. Extended warranty options are available for additional peace of mind with coverage up to 5 years on qualifying yachts."
            }
          ]}
          textboxLayout="default"
          faqsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Prestige Yachts"
          columns={[
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Fleet", href: "#products" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Services",              items: [
                { label: "Yacht Sales", href: "#" },
                { label: "Brokerage", href: "#" },
                { label: "Maintenance", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "FAQ", href: "#faq" },
                { label: "Support Portal", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Licensing", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Prestige Yachts | Premium Vessel Brokerage"
        />
      </div>
    </ThemeProvider>
  );
}