"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Ship, Star, Waves, UtensilsCrossed, Images, Quote, MapPin, Calendar } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="large"
      background="noise"
      cardStyle="glass-depth"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Experience", id: "experience" },
            { name: "Menu", id: "menu" },
            { name: "Reviews", id: "testimonials" },
            { name: "Location", id: "location" },
            { name: "Reserve", id: "reservation" }
          ]}
          button={{ text: "Call Now", href: "tel:06364153331" }}
          brandName="Abbakka Queen"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Unforgettable Cruise Dining in Mangaluru"
          description="Experience fresh seafood, live music, and breathtaking ocean views on a 3-hour sail. Where coastal cuisine meets premium hospitality."
          background={{ variant: "plain" }}
          tag="Premium Cruise Experience"
          tagIcon={Ship}
          tagAnimation="slide-up"
          buttons={[
            { text: "Call Now: 063641 53331", href: "tel:06364153331" },
            { text: "Reserve Your Table", href: "#reservation" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/side-view-breakfast-with-baked-grape-omelette-white-plate-balc-ony-by-sea_176474-3019.jpg"
          imageAlt="Cruise dining experience with ocean views"
          mediaAnimation="slide-up"
        />
      </div>

      <div id="trust" data-section="trust">
        <TextAbout
          tag="Trusted by Hundreds"
          tagIcon={Star}
          tagAnimation="slide-up"
          title="4.3★ Rated by 379+ Happy Guests | Loved for Authentic Seafood & Unforgettable Memories"
          buttons={[
            { text: "View All Reviews", href: "https://www.google.com/search?q=Abbakka+Queen+Cruise+Mangaluru" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="experience" data-section="experience">
        <FeatureCardTwelve
          features={[
            {
              id: "duration",              label: "3 Hours",              title: "Premium Cruise Duration",              items: ["Scenic water journey", "Sunset or evening sail", "Full dining experience included"],
              buttons: []
            },
            {
              id: "music",              label: "Live",              title: "Music & Entertainment",              items: ["Live DJ or band performances", "Ambient coastal vibes", "Dance floor available"],
              buttons: []
            },
            {
              id: "comfort",              label: "AC",              title: "Premium Lounge",              items: ["Air-conditioned indoor seating", "Climate-controlled comfort", "Full-service bar available"],
              buttons: []
            },
            {
              id: "family",              label: "Family",              title: "Welcoming for All",              items: ["Family-friendly atmosphere", "Kids welcome anytime", "Group celebration packages"],
              buttons: []
            }
          ]}
          animationType="slide-up"
          title="Why Choose Abbakka Queen Cruise"
          description="A complete dining and entertainment experience designed for families, couples, and celebration groups."
          tag="The Experience"
          tagIcon={Waves}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardThree
          products={[
            {
              id: "fish-fry",              name: "Special Fish Fry",              price: "₹450",              imageSrc: "http://img.b2bpic.net/free-photo/woman-squeezing-lemon-crispy-fries-fish_141793-1838.jpg",              imageAlt: "Special Fish Fry",              initialQuantity: 1
            },
            {
              id: "fish-curry",              name: "Coastal Fish Curry",              price: "₹380",              imageSrc: "http://img.b2bpic.net/free-photo/chicken-curry-black-cup-with-rice-noodles_1150-23789.jpg",              imageAlt: "Coastal Fish Curry",              initialQuantity: 1
            },
            {
              id: "combo",              name: "Family Seafood Combo",              price: "₹1,200",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-tray-with-food-meat-fish-meals-along-with-different-sauces-brown-wooden-desk-food-meal-meat-cuisine_140725-28351.jpg",              imageAlt: "Family Seafood Combo",              initialQuantity: 1
            }
          ]}
          title="Our Menu Highlights"
          description="Fresh seafood specials and signature dishes prepared by our expert chefs"
          tag="Culinary Specialties"
          tagIcon={UtensilsCrossed}
          tagAnimation="slide-up"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardThree
          products={[
            {
              id: "gal-1",              name: "Fresh Catch",              price: "Cuisines",              imageSrc: "http://img.b2bpic.net/free-psd/delicious-seafood-platter-with-lobster-shrimp-mussels_84443-76131.jpg",              imageAlt: "Fresh seafood dishes",              initialQuantity: 1
            },
            {
              id: "gal-2",              name: "Grilled Specialties",              price: "Premium Prep",              imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-lemon-slices-garlic_140725-6641.jpg",              imageAlt: "Grilled fish specialties",              initialQuantity: 1
            },
            {
              id: "gal-3",              name: "Evening Ambience",              price: "Atmospheric",              imageSrc: "http://img.b2bpic.net/free-photo/long-exposure-day-working-nights-landscape_1122-1780.jpg",              imageAlt: "Evening cruise ambience",              initialQuantity: 1
            },
            {
              id: "gal-4",              name: "Happy Moments",              price: "Celebrations",              imageSrc: "http://img.b2bpic.net/free-photo/happy-multigeneration-family-having-lunch-together-home-senior-woman-is-bringing-food-table_637285-10308.jpg",              imageAlt: "Happy customer celebrations",              initialQuantity: 1
            },
            {
              id: "gal-5",              name: "Family Dining",              price: "Togetherness",              imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-friends-are-having-dinner-together_53876-40927.jpg",              imageAlt: "Family dining experience",              initialQuantity: 1
            }
          ]}
          title="Gallery"
          description="Moments from our cruise dining experience"
          tag="Visual Journey"
          tagIcon={Images}
          tagAnimation="slide-up"
          gridVariant="bento-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          testimonials={[
            {
              id: "1",              title: "Unforgettable Family Evening",              quote: "Good food, music and 3 hour sail in the water is unforgettable. The whole family loved it. Perfect for a weekend getaway.",              name: "Rajesh Sharma",              role: "Family of 4",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",              imageAlt: "Rajesh Sharma"
            },
            {
              id: "2",              title: "Best Anniversary Celebration",              quote: "Nice place to spend time with family and friends. The seafood was incredibly fresh and the service was impeccable. We'll be back soon!",              name: "Priya Nair",              role: "Anniversary Couple",              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=1",              imageAlt: "Priya Nair"
            },
            {
              id: "3",              title: "Amazing Birthday Party",              quote: "The cruise experience for our son's birthday was magical. The staff went above and beyond to make it special. Highly recommended!",              name: "Meena Desai",              role: "Parent & Host",              imageSrc: "http://img.b2bpic.net/free-photo/self-portrait-cheerful-modern-couple-love_1262-12888.jpg",              imageAlt: "Meena Desai"
            },
            {
              id: "4",              title: "Corporate Team Outing Success",              quote: "Fantastic venue for a corporate gathering. The food quality, hospitality, and unique cruise experience impressed everyone. Will book again!",              name: "Vikram Patel",              role: "Corporate Event Organizer",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",              imageAlt: "Vikram Patel"
            },
            {
              id: "5",              title: "Romance on Water",              quote: "The perfect romantic dinner setting. Delicious seafood, stunning sunset views, and warm hospitality. This is where memories are made.",              name: "Arjun Kumar",              role: "Honeymooning Couple",              imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",              imageAlt: "Arjun Kumar"
            },
            {
              id: "6",              title: "Worth Every Moment",              quote: "A hidden gem in Mangaluru! The experience is unique, the food is authentic coastal cuisine, and the staff is genuinely friendly.",              name: "Sneha Gupta",              role: "Tourist & Food Enthusiast",              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=2",              imageAlt: "Sneha Gupta"
            }
          ]}
          title="What Our Guests Say"
          description="Real experiences from families, couples, and celebration groups"
          tag="Testimonials"
          tagIcon={Quote}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="location" data-section="location">
        <ContactCenter
          tag="Find Us"
          tagIcon={MapPin}
          tagAnimation="slide-up"
          title="Visit Abbakka Queen Cruise"
          description="AC Breeze Lounge, Bokkapatna Rd, near Havana Island, Gandhinagar, Mangaluru, Karnataka 575013. Open until 10:30 PM. Call us at 063641 53331 for reservations or directions."
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email to get updates"
          buttonText="Subscribe"
          termsText="We respect your privacy. Get updates on special events and offers."
        />
      </div>

      <div id="reservation" data-section="reservation">
        <ContactCenter
          tag="Secure Your Spot"
          tagIcon={Calendar}
          tagAnimation="slide-up"
          title="Reserve Your Cruise Table"
          description="Limited seats available per cruise. Book your unforgettable evening now. For group bookings or special requirements, call 063641 53331 directly."
          background={{ variant: "rotated-rays-animated" }}
          useInvertedBackground={true}
          inputPlaceholder="Your best email address"
          buttonText="Get Reservation Details"
          termsText="We'll send you confirmation details and a direct booking link to secure your cruise table immediately."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Abbakka Queen Cruise"
          columns={[
            {
              items: [
                { label: "Experience", href: "#experience" },
                { label: "Menu", href: "#menu" },
                { label: "Gallery", href: "#gallery" }
              ]
            },
            {
              items: [
                { label: "Reviews", href: "#testimonials" },
                { label: "Location", href: "#location" },
                { label: "Reserve", href: "#reservation" }
              ]
            },
            {
              items: [
                { label: "Call: 063641 53331", href: "tel:06364153331" },
                { label: "WhatsApp Booking", href: "https://wa.me/916364153331" },
                { label: "Contact Us", href: "#location" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
