"use client";

import ReactLenis from "lenis/react";
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterCard from "@/components/sections/footer/FooterCard";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Sparkles, Plane, Compass, Instagram, Facebook, Linkedin } from "lucide-react";

export default function LuxuryTravelAgencyTemplatePage() {
    return (
        <ThemeProvider
            defaultButtonVariant="icon-arrow"
            defaultTextAnimation="entrance-slide"
            borderRadius="rounded"
            contentWidth="medium"
            sizing="medium"
            background="none"
            cardStyle="solid"
            primaryButtonStyle="shadow"
            secondaryButtonStyle="solid"
            headingFontWeight="medium"
        >
            <ReactLenis root>
                <NavbarLayoutFloatingInline
                    navItems={[
                        { name: "About", id: "about" },
                        { name: "Services", id: "services" },
                        { name: "Teeth Whitening", id: "/teeth-whitening" },
                        { name: "Cosmetic Procedures", id: "/cosmetic-procedures" },
                        { name: "Dental Implants", id: "/dental-implants" },
                        { name: "Contact", id: "contact" },
                    ]}
                    brandName="Luxuria"
                    button={{ text: "Plan Your Trip", href: "#contact" }}
                />
                <HeroCarouselLogo
                    logoText="Luxuria"
                    description="Experience the world's most extraordinary destinations with our bespoke luxury travel experiences curated just for you."
                    buttons={[
                        { text: "Plan Your Journey", href: "#contact" },
                        { text: "Explore Destinations", href: "#destinations" },
                    ]}
                    slides={[
                        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero1.webp", imageAlt: "Luxury resort" },
                        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero2.webp", imageAlt: "Private yacht" },
                        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero3.jpg", imageAlt: "Private yacht" },
                        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero4.jpg", imageAlt: "Private yacht" },
                    ]}
                    showDimOverlay={true}
                />
                <InlineImageSplitTextAbout
                    className="pt-40"
                    heading={[
                        { type: "text", content: "We craft" },
                        { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero3.jpg", alt: "Travel" },
                        { type: "text", content: "unforgettable journeys to the world's most" },
                        { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero4.jpg", alt: "Destination" },
                        { type: "text", content: "exclusive destinations" },
                    ]}
                    buttons={[
                        { text: "Our Story", href: "#" },
                    ]}
                    useInvertedBackground={false}
                />
                <FeatureCardOne
                    tag="Services"
                    tagIcon={Sparkles}
                    title="Our Dental Expertise"
                    description="Comprehensive dental care services focused on your comfort and smile aesthetics"
                    textboxLayout="default"
                    animationType="slide-up"
                    gridVariant="uniform-all-items-equal"
                    uniformGridCustomHeightClasses="h-100 2xl:h-110"
                    useInvertedBackground={false}
                    features={[
                        {
                            title: "Teeth Whitening",                            description: "Professional whitening treatments for a brighter, more radiant smile.",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service1.webp",                            imageAlt: "Teeth Whitening"},
                        {
                            title: "Cosmetic Procedures",                            description: "Enhance your smile with our advanced cosmetic dentistry solutions.",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service2.webp",                            imageAlt: "Cosmetic Dentistry"},
                        {
                            title: "Dental Implants",                            description: "Durable and natural-looking tooth replacement options for a full smile.",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service3.webp",                            imageAlt: "Dental Implants"}
                    ]}
                />
                <FeatureCardNine
                    tag="How It Works"
                    tagIcon={Compass}
                    title="Your Journey Begins Here"
                    description="From initial consultation to your return home, we manage every detail"
                    textboxLayout="default"
                    showStepNumbers={true}
                    animationType="slide-up"
                    useInvertedBackground={false}
                    features={[
                        {
                            title: "Share Your Vision",                            description: "Tell us about your dream destination and travel preferences.",                            phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone5.webp", imageAlt: "Consultation" },
                            phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone6.webp", imageAlt: "Planning" },
                        },
                        {
                            title: "Custom Itinerary",                            description: "Receive a bespoke travel plan crafted by our expert advisors.",                            phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone3.webp", imageAlt: "Itinerary" },
                            phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone4.webp", imageAlt: "Details" },
                        },
                        {
                            title: "Seamless Experience",                            description: "Enjoy your journey while we handle every detail behind the scenes.",                            phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone1.webp", imageAlt: "Travel" },
                            phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone2.webp", imageAlt: "Experience" },
                        },
                    ]}
                />
                <TestimonialCardFive
                    tag="Reviews"
                    tagIcon={Sparkles}
                    title="What Our Travelers Say"
                    description="Hear from guests who've experienced extraordinary journeys"
                    textboxLayout="default"
                    useInvertedBackground={false}
                    testimonials={[
                        {
                            id: "1",                            name: "Victoria Sterling",                            date: "December 2024",                            title: "An absolutely flawless experience from start to finish",                            quote: "Luxuria transformed our anniversary trip into something truly magical. Every detail was perfect, from the private transfers to the surprise sunset dinner on the beach. Their team anticipated our every need.",                            tag: "Maldives",                            avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial1.webp",                            avatarAlt: "Victoria Sterling",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial1.webp",                            imageAlt: "Maldives trip"},
                    ]}
                />
                <ContactSplitForm
                    title="Plan Your Journey"
                    description="Let us create your perfect luxury travel experience"
                    useInvertedBackground={false}
                    imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/contact/contact1.webp"
                    imageAlt="Luxury travel"
                    mediaPosition="right"
                    mediaAnimation="slide-up"
                    buttonText="Start Planning"
                    inputs={[
                        { name: "name", type: "text", placeholder: "Full Name", required: true },
                        { name: "email", type: "email", placeholder: "Email Address", required: true },
                        { name: "phone", type: "tel", placeholder: "Phone Number" },
                        { name: "destination", type: "text", placeholder: "Dream Destination" },
                    ]}
                    textarea={{
                        name: "message",                        placeholder: "Tell us about your ideal travel experience...",                        rows: 4,
                    }}
                />
                <FooterCard
                    logoText="Luxuria"
                    copyrightText="© 2025 Luxuria Travel | Luxury Journeys Worldwide"
                    socialLinks={[
                        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
                        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
                        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
                    ]}
                />
            </ReactLenis>
        </ThemeProvider>
    );
}
