"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Coffee, Heart, Star, Sparkles, Users, Utensils, Wifi, Music, Smile } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSmallSizeMediumTitles"
      background="fluid"
      cardStyle="gradient-mesh"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="PANCH KAILASH"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Book Table", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
          title="Welcome to PANCH KAILASH"
          description="Experience the finest coffee culture and culinary delights in the heart of Jaipur. Discover a space where premium beverages meet warm hospitality."
          tag="Premium Cafe"
          tagIcon={Coffee}
          tagAnimation="slide-up"
          buttons={[
            { text: "Visit Us Today", href: "contact" },
            { text: "View Menu", href: "products" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/two-businesswomen-working-cafe_1157-26380.jpg"
          imageAlt="PANCH KAILASH Cafe Interior"
          imagePosition="right"
          mediaAnimation="slide-up"
          background={{ variant: "glowing-orb" }}
          testimonials={[
            {
              name: "Priya Sharma",              handle: "Regular Customer",              testimonial: "The best cafe experience in Vaishali Nagar! Exceptional coffee and welcoming ambiance.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"
            },
            {
              name: "Rajesh Kumar",              handle: "Coffee Enthusiast",              testimonial: "Outstanding brew quality and perfect place to work. Highly recommended!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1"
            }
          ]}
          testimonialRotationInterval={5000}
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Story"
          tagIcon={Heart}
          tagAnimation="slide-up"
          title="Crafted for Coffee Lovers"
          description="At PANCH KAILASH, we believe every cup tells a story. Our dedication to sourcing premium coffee beans and creating an inviting atmosphere has made us Jaipur's favorite destination for coffee enthusiasts and casual visitors alike. Located in the vibrant Vaishali Nagar area, we serve expertly crafted beverages in a space designed for genuine connection and comfort."
          metrics={[
            { value: "5+", title: "Years of Excellence" },
            { value: "1000+", title: "Happy Customers Daily" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/pretty-fashion-model-red-sunglasses-works-with-her-tablet-sitting-cafe_8353-5106.jpg"
          imageAlt="PANCH KAILASH Cafe Ambiance"
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureBorderGlow
          title="Why Choose PANCH KAILASH"
          description="Discover what makes our cafe the ultimate destination for coffee lovers and food enthusiasts"
          tag="Premium Features"
          tagIcon={Star}
          tagAnimation="slide-up"
          features={[
            {
              icon: Coffee,
              title: "Artisan Coffee",              description: "Carefully selected, freshly roasted beans prepared with precision by our expert baristas"
            },
            {
              icon: Users,
              title: "Welcoming Space",              description: "A comfortable, social atmosphere perfect for meetings, work sessions, or casual hangouts"
            },
            {
              icon: Utensils,
              title: "Gourmet Menu",              description: "Delicious pastries, snacks, and light meals crafted daily to complement our beverages"
            },
            {
              icon: Wifi,
              title: "Perfect Connectivity",              description: "High-speed WiFi and ample charging stations for digital nomads and remote workers"
            },
            {
              icon: Music,
              title: "Curated Ambiance",              description: "Relaxing music, warm lighting, and thoughtful design create the perfect escape"
            },
            {
              icon: Smile,
              title: "Genuine Hospitality",              description: "Our team treats every guest like family, ensuring a memorable visit every time"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            { text: "Learn More", href: "about" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Our Menu"
          description="Explore our curated selection of premium beverages and culinary delights"
          tag="Featured Items"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          products={[
            {
              id: "1",              brand: "PANCH KAILASH",              name: "Signature Espresso",              price: "₹150",              rating: 5,
              reviewCount: "324",              imageSrc: "http://img.b2bpic.net/free-photo/double-espresso-coffee-mug-with-cinnamon-sticks-coffee-beans-wooden-board_181624-57625.jpg",              imageAlt: "Signature Espresso"
            },
            {
              id: "2",              brand: "PANCH KAILASH",              name: "Creamy Cappuccino",              price: "₹180",              rating: 5,
              reviewCount: "287",              imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-cafe-latte-cappuccino-newspaper-concept_53876-42953.jpg",              imageAlt: "Creamy Cappuccino"
            },
            {
              id: "3",              brand: "PANCH KAILASH",              name: "Cold Brew Delight",              price: "₹200",              rating: 5,
              reviewCount: "156",              imageSrc: "http://img.b2bpic.net/free-photo/cold-summer-coffee-drink-with-ice-orange-juice_169016-21399.jpg",              imageAlt: "Cold Brew Delight"
            },
            {
              id: "4",              brand: "PANCH KAILASH",              name: "Chocolate Mocha",              price: "₹190",              rating: 5,
              reviewCount: "198",              imageSrc: "http://img.b2bpic.net/free-photo/hot-mocha-coffee-with-cake_1339-2387.jpg",              imageAlt: "Chocolate Mocha"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          carouselMode="buttons"
          buttons={[
            { text: "View Full Menu", href: "contact" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Customers Say"
          description="Hear from the people who make PANCH KAILASH their favorite cafe destination"
          tag="Customer Reviews"
          tagIcon={Heart}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Anjali Verma",              role: "Marketing Manager",              company: "Tech Solutions",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Anjali Verma"
            },
            {
              id: "2",              name: "Sanjay Patel",              role: "Entrepreneur",              company: "Creative Agency",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: "Sanjay Patel"
            },
            {
              id: "3",              name: "Neha Gupta",              role: "Designer",              company: "Design Studio",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-woman-sitting-table-trench-coat-working-laptop-co-working-office-wearing-glasses-smiling-happy-positive-workplace_285396-65.jpg",              imageAlt: "Neha Gupta"
            },
            {
              id: "4",              name: "Vikram Singh",              role: "Student",              company: "University",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-handsome-man-with-blond-hair-wearing-burgunde-casual-t-shirt-standing_176532-9610.jpg",              imageAlt: "Vikram Singh"
            },
            {
              id: "5",              name: "Priya Desai",              role: "Freelance Writer",              company: "Content Creator",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-her-journal_23-2150416364.jpg",              imageAlt: "Priya Desai"
            },
            {
              id: "6",              name: "Arjun Khanna",              role: "Business Owner",              company: "Retail Store",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",              imageAlt: "Arjun Khanna"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          carouselMode="buttons"
          buttons={[
            { text: "Share Your Experience", href: "contact" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
          description="Visit us at our Vaishali Nagar location or send us a message. We'd love to hear from you!"
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "phone", type: "tel", placeholder: "Your Phone", required: true },
            { name: "subject", type: "text", placeholder: "Subject", required: true }
          ]}
          textarea={{
            name: "message",            placeholder: "Your Message",            rows: 5,
            required: true
          }}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg"
          imageAlt="Contact us at PANCH KAILASH"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigate",              items: [
                { label: "Home", href: "#hero" },
                { label: "About", href: "#about" },
                { label: "Menu", href: "#products" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Visit Us",              items: [
                { label: "Vaishali Nagar, Jaipur", href: "#" },
                { label: "Store 1 & 2", href: "#" },
                { label: "Plot No. SB-1,2", href: "#" },
                { label: "Call: 09829958326", href: "tel:09829958326" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Facebook", href: "#" },
                { label: "Instagram", href: "#" },
                { label: "Twitter", href: "#" },
                { label: "WhatsApp", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 PANCH KAILASH Cafe. All rights reserved."
          bottomRightText="Made with ❤️ for Jaipur"
        />
      </div>
    </ThemeProvider>
  );
}
