"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Waves, ChefHat, Users, Calendar, Sparkles, Crown } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="large"
      background="plain"
      cardStyle="glass-depth"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Coastal Haven"
          button={{
            text: "Reserve Now",            href: "contact"
          }}
          className="bg-gradient-to-b from-background/80 to-transparent backdrop-blur-sm"
          buttonClassName="px-6 py-2.5"
          buttonTextClassName="font-semibold text-sm tracking-wide"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Coastal Haven"
          description="San Diego's premier beachfront escape. Indulge in world-class dining, curated cocktails, and unparalleled coastal luxury."
          buttons={[
            {
              text: "Reserve a Table",              href: "contact"
            },
            {
              text: "Explore Events",              href: "#"
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/sunset-light-coastal-beach-golden-hour-seaside_169016-69922.jpg"
          imageAlt="Stunning sunset view of Coastal Haven beach club"
          showDimOverlay={true}
          logoLineHeight={1.2}
          className="h-screen"
          containerClassName="relative w-full"
          logoClassName="text-5xl md:text-7xl font-semibold tracking-tight"
          descriptionClassName="text-lg md:text-xl max-w-2xl font-light tracking-wide"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Experience the pinnacle of San Diego coastal living where sophisticated dining meets unmatched oceanfront views"
          useInvertedBackground="invertDefault"
          metrics={[
            {
              icon: Waves,
              label: "Oceanfront Location",              value: "200ft+"
            },
            {
              icon: ChefHat,
              label: "Award-Winning Chefs",              value: "3"
            },
            {
              icon: Users,
              label: "Satisfied Guests",              value: "50K+"
            },
            {
              icon: Calendar,
              label: "Years of Excellence",              value: "15+"
            }
          ]}
          titleClassName="text-4xl md:text-5xl font-semibold tracking-tight mb-8"
          metricsContainerClassName="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"
          metricValueClassName="text-5xl md:text-6xl font-bold tracking-tight"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwelve
          title="Signature Experiences"
          description="Discover what makes Coastal Haven the ultimate San Diego destination"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          features={[
            {
              id: "dining",              label: "Fine Dining",              title: "Culinary Excellence by the Sea",              items: [
                "Farm-to-table Mediterranean cuisine",                "Fresh-caught seafood daily",                "Five-star chef-curated menus",                "Oceanfront terrace seating"
              ],
              buttons: [
                {
                  text: "View Menu",                  href: "#"
                }
              ]
            },
            {
              id: "mixology",              label: "Craft Cocktails",              title: "Artisanal Mixology Experience",              items: [
                "House-made syrups and infusions",                "Premium spirit selection",                "Sunset cocktail specials",                "Expert mixologist team"
              ],
              buttons: [
                {
                  text: "Cocktail Menu",                  href: "#"
                }
              ]
            },
            {
              id: "pool",              label: "Aquatic Oasis",              title: "Resort-Style Pool & Cabanas",              items: [
                "Infinity-edge ocean views",                "Private cabana rentals",                "Poolside dining service",                "Premium beach access"
              ],
              buttons: [
                {
                  text: "Reserve Cabana",                  href: "contact"
                }
              ]
            },
            {
              id: "events",              label: "Private Events",              title: "Destination Event Venue",              items: [
                "Customizable event spaces",                "Full catering available",                "Wedding & celebration expertise",                "Dedicated event coordinators"
              ],
              buttons: [
                {
                  text: "Plan Your Event",                  href: "contact"
                }
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Unforgettable Moments"
          description="Hear from our cherished guests about their Coastal Haven experience"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Travel Enthusiast",              company: "San Diego Living",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Hartley",              role: "Event Planner",              company: "Celebrations Co.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg",              imageAlt: "James Hartley"
            },
            {
              id: "3",              name: "Maria Gonzalez",              role: "Food Critic",              company: "Coastal Cuisine Magazine",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Maria Gonzalez"
            },
            {
              id: "4",              name: "David Chen",              role: "Business Executive",              company: "Tech Innovations Inc.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg",              imageAlt: "David Chen"
            },
            {
              id: "5",              name: "Olivia Torres",              role: "Lifestyle Influencer",              company: "Wanderlust Diaries",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-smiley-woman-work_23-2149622870.jpg",              imageAlt: "Olivia Torres"
            },
            {
              id: "6",              name: "Marcus Johnson",              role: "Hospitality Expert",              company: "Resort Reviews Weekly",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2955.jpg",              imageAlt: "Marcus Johnson"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          title="Membership & Packages"
          description="Choose the perfect membership tier to unlock exclusive benefits and privileges"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "day-pass",              badge: "Day Pass",              price: "$75",              subtitle: "Perfect for a single visit",              buttons: [
                {
                  text: "Get Day Pass",                  href: "contact"
                }
              ],
              features: [
                "Full beach club access",                "Pool and lounge areas",                "Restaurant seating",                "Complimentary parking"
              ]
            },
            {
              id: "seasonal",              badge: "Best Value",              badgeIcon: Sparkles,
              price: "$599",              subtitle: "Seasonal membership (4 months)",              buttons: [
                {
                  text: "Choose Seasonal",                  href: "contact"
                }
              ],
              features: [
                "Unlimited daily access",                "Priority cabana reservations",                "20% dining discount",                "Exclusive member events",                "Guest privileges (2 per week)"
              ]
            },
            {
              id: "annual-premium",              badge: "Most Popular",              badgeIcon: Crown,
              price: "$1,799",              subtitle: "Annual premier membership",              buttons: [
                {
                  text: "Become VIP",                  href: "contact"
                }
              ],
              features: [
                "Year-round unlimited access",                "Complimentary cabanas",                "25% all dining & drinks",                "Private event space access",                "Concierge services",                "Unlimited guest privileges"
              ]
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get In Touch"
          tagIcon={Waves}
          title="Plan Your Coastal Escape"
          description="Whether you're looking to dine with us, host an event, or become a member, we'd love to hear from you. Contact our team to start your Coastal Haven experience."
          useInvertedBackground="invertDefault"
          inputPlaceholder="your@email.com"
          buttonText="Reserve Now"
          termsText="We respect your privacy. We'll only reach out with exclusive offers and updates about Coastal Haven."
          tagClassName="inline-flex items-center gap-2 text-sm font-semibold tracking-wide"
          titleClassName="text-4xl md:text-5xl font-semibold tracking-tight mb-4"
          descriptionClassName="text-lg text-foreground/70 mb-8"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Explore",              items: [
                {
                  label: "Dining",                  href: "#"
                },
                {
                  label: "Bar & Cocktails",                  href: "#"
                },
                {
                  label: "Pool & Lounges",                  href: "#"
                },
                {
                  label: "Events",                  href: "#"
                }
              ]
            },
            {
              title: "Memberships",              items: [
                {
                  label: "Day Pass",                  href: "#"
                },
                {
                  label: "Seasonal",                  href: "#"
                },
                {
                  label: "Annual VIP",                  href: "#"
                },
                {
                  label: "Benefits",                  href: "#"
                }
              ]
            },
            {
              title: "Connect",              items: [
                {
                  label: "Contact Us",                  href: "contact"
                },
                {
                  label: "Make a Reservation",                  href: "contact"
                },
                {
                  label: "Follow Us",                  href: "#"
                },
                {
                  label: "Careers",                  href: "#"
                }
              ]
            }
          ]}
          copyrightText="© 2025 Coastal Haven San Diego. All rights reserved."
          columnTitleClassName="text-lg font-semibold tracking-wide mb-4"
          columnItemClassName="text-sm text-foreground/70 hover:text-foreground transition-colors"
        />
      </div>
    </ThemeProvider>
  );
}