"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Award, Coffee, Heart, Leaf, Smile, Star, Users } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="grid"
      cardStyle="soft-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Tree House Cafe"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "features" },
            { name: "Services", id: "product" },
            { name: "Reviews", id: "testimonial" },
            { name: "Location", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Tree House Cafe"
          description="Where Nature Meets Taste"
          buttons={[
            { text: "View Menu", href: "#features" },
            { text: "Order Now", href: "#" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/empty-hammock-by-tree_53876-95417.jpg"
          imageAlt="Tree House Cafe cozy interior with warm lighting"
          mediaAnimation="opacity"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Welcome to Tree House Cafe"
          metrics={[
            { icon: Coffee, label: "Premium Coffee", value: "Specialty Brews" },
            { icon: Heart, label: "LGBTQ+ Friendly", value: "All Welcome" },
            { icon: Leaf, label: "Nature Inspired", value: "Eco-Conscious" },
            { icon: Users, label: "Community Space", value: "Gathering Place" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          title="Our Menu"
          description="Savor delicious offerings crafted with care and fresh ingredients. From artisan coffee to hearty meals, there's something for everyone."
          features={[
            {
              id: "coffee",              title: "Premium Coffee",              description: "Specialty brews, lattes, cappuccinos, and espresso drinks. Each cup is crafted by our experienced baristas.",              imageSrc: "http://img.b2bpic.net/free-photo/coffee-chocolate-with-copy-space_23-2148337623.jpg",              imageAlt: "Premium specialty coffee with latte art"
            },
            {
              id: "snacks",              title: "Fresh Snacks",              description: "Freshly baked pastries, croissants, and light bites. Perfect for a quick treat or mid-day snack.",              imageSrc: "http://img.b2bpic.net/free-photo/cookie-jar_23-2147984972.jpg",              imageAlt: "Fresh baked pastries and cafe snacks"
            },
            {
              id: "meals",              title: "Hearty Meals",              description: "Nutritious bowls, sandwiches, and daily specials. Made with fresh ingredients and served with care.",              imageSrc: "http://img.b2bpic.net/free-photo/delicious-seafood-dish-with-salmon_23-2150463250.jpg",              imageAlt: "Gourmet meal bowls and healthy cafe cuisine"
            },
            {
              id: "desserts",              title: "Sweet Treats",              description: "Decadent cakes, desserts, and confections. A perfect way to end your cafe experience.",              imageSrc: "http://img.b2bpic.net/free-photo/cool-sweet-breakfast-bed_23-2147658681.jpg",              imageAlt: "Artisan desserts and premium cakes"
            }
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardFour
          title="Our Services"
          description="Enjoy Tree House Cafe however you prefer. We offer flexible dining options to suit your lifestyle."
          products={[
            {
              id: "dine-in",              name: "Dine In",              price: "Experience",              variant: "Cozy ambiance perfect for meetings, work, or relaxation",              imageSrc: "http://img.b2bpic.net/free-photo/luxurious-office-space-multinational-company-with-monitor_482257-119882.jpg",              imageAlt: "Comfortable cafe dine-in seating area"
            },
            {
              id: "takeaway",              name: "Takeaway",              price: "On-the-Go",              variant: "Quick and convenient service with eco-friendly packaging",              imageSrc: "http://img.b2bpic.net/free-photo/pile-eco-friendly-cups-high-view_23-2148723787.jpg",              imageAlt: "Eco-friendly takeaway packaging"
            },
            {
              id: "delivery",              name: "Delivery",              price: "Home Delivery",              variant: "Fresh meals delivered straight to your door",              imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-giving-groceries-order-customer_23-2149950068.jpg",              imageAlt: "Fast food delivery service"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="metric" data-section="metric">
        <MetricCardOne
          title="Our Impact"
          description="Trusted by the community. Here's what makes Tree House Cafe special."
          metrics={[
            {
              id: "rating",              value: "4.6",              title: "Star Rating",              description: "Based on 600+ customer reviews",              icon: Star
            },
            {
              id: "years",              value: "5+",              title: "Years Serving",              description: "Your favorite local cafe",              icon: Award
            },
            {
              id: "daily",              value: "500+",              title: "Happy Customers",              description: "Every single day",              icon: Smile
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardFive
          title="What Our Customers Say"
          description="Join our community of happy customers who love Tree House Cafe. Real reviews from real people."
          testimonials={[
            {
              id: "testimonial-1",              name: "Priya Sharma",              date: "3 weeks ago",              title: "Absolutely Love It!",              quote: "The ambiance is perfect for work and study. Coffee is amazing and the staff is so friendly. Highly recommend!",              tag: "Regular Customer",              avatarSrc: "http://img.b2bpic.net/free-photo/young-lady-browsing-internet-cafe_1153-7402.jpg",              avatarAlt: "Priya Sharma"
            },
            {
              id: "testimonial-2",              name: "Rajesh Kumar",              date: "2 weeks ago",              title: "Great Vibes",              quote: "Finally found a cafe that feels like home. The food is fresh, prices are fair, and everyone is welcome here.",              tag: "First Time Visitor",              avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-coffee-cup_23-2149104422.jpg",              avatarAlt: "Rajesh Kumar"
            },
            {
              id: "testimonial-3",              name: "Meera Devi",              date: "1 week ago",              title: "Perfect Hangout Spot",              quote: "Love the inclusive vibe and nature-inspired decor. The menu variety is impressive and everything is delicious.",              tag: "Frequent Visitor",              avatarSrc: "http://img.b2bpic.net/free-photo/businesswomen-discussing-having-fun_53876-65327.jpg",              avatarAlt: "Meera Devi"
            },
            {
              id: "testimonial-4",              name: "Arjun Singh",              date: "5 days ago",              title: "Best Cafe in Jorhat",              quote: "Outstanding service and quality. This place has become my favorite weekend destination. Worth every visit!",              tag: "Community Member",              avatarSrc: "http://img.b2bpic.net/free-photo/young-cheerful-woman-winking-showing-her-support-with-thumbs-up-smiling-give-confidence-boost-praising-nice-work-compliment-recommend-company-white-background_176420-54437.jpg",              avatarAlt: "Arjun Singh"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="blog" data-section="blog">
        <BlogCardOne
          title="Gallery & Stories"
          description="Explore the beauty of Tree House Cafe through photos and moments from our community."
          blogs={[
            {
              id: "gallery-1",              category: "Interior",              title: "Aesthetic Spaces",              excerpt: "Discover the cozy nooks and nature-inspired corners that make Tree House Cafe special.",              imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-with-people_1162-118.jpg",              imageAlt: "Cafe interior with plants and aesthetic design",              authorName: "Tree House Cafe",              authorAvatar: "http://img.b2bpic.net/free-photo/empty-hammock-by-tree_53876-95417.jpg",              date: "Recently"
            },
            {
              id: "gallery-2",              category: "Outdoor",              title: "Garden Seating",              excerpt: "Experience the tranquility of our outdoor area surrounded by nature and greenery.",              imageSrc: "http://img.b2bpic.net/free-photo/house-home-blur-blurred-outdoors-blurry_53876-71253.jpg",              imageAlt: "Cafe outdoor garden seating area",              authorName: "Tree House Cafe",              authorAvatar: "http://img.b2bpic.net/free-photo/empty-hammock-by-tree_53876-95417.jpg",              date: "Recently"
            },
            {
              id: "gallery-3",              category: "Food",              title: "Culinary Delights",              excerpt: "Taste the craftsmanship in every dish. Fresh ingredients, beautiful presentation.",              imageSrc: "http://img.b2bpic.net/free-photo/wide-closeup-shot-person-pouring-ketchup-cooked-meal-white-plate_181624-2012.jpg",              imageAlt: "Gourmet food photography from cafe",              authorName: "Tree House Cafe",              authorAvatar: "http://img.b2bpic.net/free-photo/empty-hammock-by-tree_53876-95417.jpg",              date: "Recently"
            },
            {
              id: "gallery-4",              category: "Beverages",              title: "Coffee Craftsmanship",              excerpt: "From bean to cup. Every coffee is made with passion and expertise.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-working-with-towel_23-2148865578.jpg",              imageAlt: "Specialty coffee with latte art",              authorName: "Tree House Cafe",              authorAvatar: "http://img.b2bpic.net/free-photo/empty-hammock-by-tree_53876-95417.jpg",              date: "Recently"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="📍 Opposite Central Bank, Fancy Ali, Nirmal Chariali, Gar-Ali, Jorhat, Assam 785001\n\n📞 Phone: 091013 17735\n\n⏰ Open till 9:30 PM Daily\n\nVisit us today or place your order online. We look forward to serving you!"
          animationType="entrance-slide"
          buttons={[
            { text: "Call Us", href: "tel:091013-17735" },
            { text: "Get Directions", href: "#" }
          ]}
          background={{ variant: "animated-grid" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/blank-mock-up-design-cafe-signboard-nice-building-outdoors_158595-6498.jpg"
          imageAlt="Tree House Cafe evening ambiance"
          logoText="Tree House Cafe"
          copyrightText="© 2025 Tree House Cafe | Where Nature Meets Taste"
          columns={[
            {
              title: "Quick Links",              items: [
                { label: "Home", href: "#hero" },
                { label: "About", href: "#about" },
                { label: "Menu", href: "#features" },
                { label: "Services", href: "#product" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Phone: 091013 17735", href: "tel:091013-17735" },
                { label: "Email: hello@treehousecafe.com", href: "mailto:hello@treehousecafe.com" },
                { label: "Address: Jorhat, Assam", href: "#" },
                { label: "Hours: Till 9:30 PM", href: "#" }
              ]
            },
            {
              title: "Follow Us",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "WhatsApp", href: "https://wa.me" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "LGBTQ+ Policy", href: "#" },
                { label: "Feedback", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}