"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Star, Users, MapPin, Clock, Trophy, Heart, Zap, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSmall"
      background="grid"
      cardStyle="gradient-radial"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Shadowlawn Eats"
          navItems={[
            { name: "Home", id: "home" },
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Events", id: "events" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="Shadowlawn Eats"
          description="Experience luxury coastal dining where fresh ingredients meet culinary artistry. Savor our signature surf vibe grill featuring premium crab cake burgers, blackened tuna, perfectly crispy wings, and chimichurri fries. Join us for unforgettable meals in Virginia Beach."
          background={{ variant: "sparkles-gradient" }}
          buttons={[
            { text: "Book Now - Premium Seating", href: "#contact" },
            { text: "View Menu", href: "#menu" }
          ]}
          buttonAnimation="slide-up"
          layoutOrder="default"
          imageSrc="http://img.b2bpic.net/free-photo/burger-with-ham-tomatoes-cabbage_140725-2354.jpg"
          imageAlt="Gourmet crab cake burger - Shadowlawn Eats signature dish"
          mediaAnimation="slide-up"
          frameStyle="card"
          ariaLabel="Hero section - Shadowlawn Eats luxury restaurant"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Craft Excellence Since Day One"
          metrics={[
            { icon: Star, label: "Customer Rating", value: "4.7/5" },
            { icon: Users, label: "Loyal Customers", value: "373+" },
            { icon: MapPin, label: "Location", value: "Virginia Beach" },
            { icon: Clock, label: "Premium Hours", value: "Daily" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="About section - Shadowlawn Eats metrics and excellence"
        />
      </div>

      <div id="menu" data-section="menu">
        <FeatureCardNineteen
          title="Signature Menu Highlights"
          description="Discover our carefully curated selection of premium dishes crafted with the finest ingredients and culinary techniques. Each item represents our commitment to excellence and coastal inspiration."
          tag="Premium Selection"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          features={[
            {
              id: 1,
              tag: "Signature",              title: "SE Crab Cake Burger",              subtitle: "Our Most Celebrated Dish",              description: "Fresh lump crab meat perfectly combined with premium beef, served on artisan brioche with house-made aioli and fresh greens. An absolute must-try masterpiece.",              imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-chips-vegetables_140725-352.jpg?_wi=1",              imageAlt: "SE Crab Cake Burger - signature dish"
            },
            {
              id: 2,
              tag: "Seafood",              title: "Blackened Tuna",              subtitle: "Fresh & Flavorful",              description: "Wild-caught tuna seared to perfection with our signature blackening spice blend. Served with seasonal vegetables and house-made sauce for an elegant experience.",              imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-chips-vegetables_140725-352.jpg?_wi=2",              imageAlt: "Blackened Tuna - premium seafood entree"
            },
            {
              id: 3,
              tag: "Appetizer",              title: "Crispy Wings",              subtitle: "Perfect Start to Any Meal",              description: "Hand-selected wings tossed in our secret spice blend, perfectly crispy on the outside and tender within. Served with premium dipping sauces.",              imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-potato-juice_140725-3616.jpg",              imageAlt: "Crispy Wings - restaurant appetizer"
            },
            {
              id: 4,
              tag: "Sides",              title: "Chimichurri Fries",              subtitle: "Fresh Herb Perfection",              description: "Hand-cut fries coated with vibrant chimichurri sauce, fresh parsley, and premium seasonings. The perfect complement to any entrée.",              imageSrc: "http://img.b2bpic.net/free-photo/french-fries-with-ketchup-mayonnaise-table_140725-9521.jpg",              imageAlt: "Chimichurri Fries - gourmet side dish"
            }
          ]}
          textboxLayout="split"
          useInvertedBackground={false}
          buttons={[{ text: "Full Menu", href: "#" }]}
          buttonAnimation="slide-up"
          ariaLabel="Menu section - Shadowlawn Eats signature dishes"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Why Choose Shadowlawn Eats"
          description="Our commitment to excellence is reflected in every metric that matters. Premium quality, exceptional service, and unforgettable dining experiences."
          textboxLayout="default"
          useInvertedBackground={false}
          metrics={[
            { id: "1", icon: Trophy, title: "Award-Winning Quality", value: "4.7★" },
            { id: "2", icon: Users, title: "Satisfied Guests", value: "373+" },
            { id: "3", icon: Heart, title: "Fresh Ingredients", value: "Daily" },
            { id: "4", icon: Zap, title: "Memorable Moments", value: "Always" }
          ]}
          animationType="slide-up"
          ariaLabel="Metrics section - Shadowlawn Eats achievements"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Shadowlawn Eats is an absolute gem. The crab cake burger is extraordinary, and the entire dining experience reflects true culinary craftsmanship. We return weekly and never leave disappointed."
          rating={5}
          author="Sarah Mitchell"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/high-angle-man-restaurant_23-2148395381.jpg", alt: "Sarah Mitchell - Customer testimonial" },
            { src: "http://img.b2bpic.net/free-photo/person-practicing-tai-chi-indoors_23-2150478922.jpg", alt: "Michael Chen - Customer testimonial" },
            { src: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187164.jpg", alt: "Emily Rodriguez - Customer testimonial" },
            { src: "http://img.b2bpic.net/free-photo/happy-man-cheerful-woman-taking-selfie-smartphone-table_23-2148024527.jpg", alt: "David Kim - Customer testimonial" },
            { src: "http://img.b2bpic.net/free-photo/pleased-middleaged-woman-wearing-tshirt-looking-camera-showing-ok-sign-with-both-hands-isolated-olive-green-background_141793-135420.jpg", alt: "Jessica Wang - Customer testimonial" },
            { src: "http://img.b2bpic.net/free-photo/friendly-waitress-with-cup-hot-drink_23-2147775876.jpg", alt: "Marcus Johnson - Customer testimonial" }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="Testimonial section - Customer reviews"
        />
      </div>

      <div id="events" data-section="events">
        <BlogCardThree
          title="Special Events & Experiences"
          description="Join us for unforgettable nights featuring live entertainment, exclusive specials, and premium dining experiences crafted for our valued guests."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          blogs={[
            {
              id: "1",              category: "Entertainment",              title: "Karaoke Nights",              excerpt: "Every Saturday night, bring your voice and friends for an unforgettable evening. Premium cocktails, great food, and electric entertainment create the perfect atmosphere.",              imageSrc: "http://img.b2bpic.net/free-photo/guests-uplift-glasses-with-different-drink_8353-9966.jpg",              imageAlt: "Karaoke Night Event",              authorName: "Shadowlawn Events",              authorAvatar: "http://img.b2bpic.net/free-photo/high-angle-man-restaurant_23-2148395381.jpg",              date: "Every Saturday"
            },
            {
              id: "2",              category: "Dining",              title: "Happy Hour Specials",              excerpt: "Experience our signature cocktails and premium appetizers at unbeatable prices. Perfect for after-work gatherings or celebrating special moments with friends.",              imageSrc: "http://img.b2bpic.net/free-photo/unique-glass-two-colored-cocktail-garnished-with-rosemarine_140725-5241.jpg",              imageAlt: "Happy Hour Event",              authorName: "Shadowlawn Events",              authorAvatar: "http://img.b2bpic.net/free-photo/person-practicing-tai-chi-indoors_23-2150478922.jpg",              date: "Weekdays 4-6 PM"
            },
            {
              id: "3",              category: "Brunch",              title: "Sunday Brunch Bliss",              excerpt: "Indulge in our luxurious Sunday brunch featuring our famous Bloody Mary bar, fresh pastries, and coastal-inspired dishes. Reserve your table early.",              imageSrc: "http://img.b2bpic.net/free-photo/strawberry-cocktail-table_140725-9732.jpg",              imageAlt: "Sunday Brunch Bloody Mary",              authorName: "Shadowlawn Events",              authorAvatar: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187164.jpg",              date: "Every Sunday"
            }
          ]}
          ariaLabel="Events section - Special dining experiences"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Reserve Your Experience"
          description="Join us at Shadowlawn Eats for an unforgettable dining experience. Fill out the form below to make a reservation or inquire about private events."
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/terrace-with-white-blue-armchairs_1203-2077.jpg"
          imageAlt="Shadowlawn Eats Restaurant Interior"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
            { name: "date", type: "date", placeholder: "Preferred Date & Time", required: true }
          ]}
          textarea={{ name: "message", placeholder: "Special requests or party size — reservations receive priority seating", rows: 4, required: false }}
          buttonText="Reserve Table"
          ariaLabel="Contact form - Reserve at Shadowlawn Eats"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Location",              items: [
                { label: "918 Mediterranean Ave", href: "#" },
                { label: "Virginia Beach, VA 23451", href: "#" },
                { label: "Phone: (757) 555-0123", href: "tel:+17575550123" },
                { label: "Email: info@shadowlawneats.com", href: "mailto:info@shadowlawneats.com" }
              ]
            },
            {
              title: "Hours",              items: [
                { label: "Monday - Thursday: 11 AM - 11 PM", href: "#" },
                { label: "Friday - Saturday: 11 AM - 12 AM", href: "#" },
                { label: "Sunday: 10 AM - 10 PM", href: "#" },
                { label: "Closed Holidays", href: "#" }
              ]
            },
            {
              title: "Menu",              items: [
                { label: "Full Menu", href: "#menu" },
                { label: "Happy Hour Specials", href: "#events" },
                { label: "Sunday Brunch", href: "#events" },
                { label: "Private Events", href: "#contact" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Order Online", href: "#" },
                { label: "Contact Us", href: "#contact" }
              ]
            }
          ]}
          copyrightText="© 2024 Shadowlawn Eats. All rights reserved. Luxury coastal dining in Virginia Beach."
          ariaLabel="Footer section"
        />
      </div>
    </ThemeProvider>
  );
}
