"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import Link from "next/link";
import { Sparkles, Award, Package, TrendingUp, Heart, Briefcase, Star, CheckCircle, Smile, ShoppingCart, Zap, HelpCircle, Phone, Cake, Croissant, Bread, Cookie, Coffee, Gift } from "lucide-react";

const HomePage = () => {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "Menu", id: "menu" },
    { name: "Custom Orders", id: "custom-orders" },
    { name: "About", id: "about" },
    { name: "Contact", id: "contact" },
  ];

  const footerColumns = [
    {
      title: "Shop",
      items: [
        { label: "All Products", href: "/menu" },
        { label: "Custom Cakes", href: "/menu" },
        { label: "Gift Boxes", href: "/menu" },
        { label: "Seasonal Items", href: "/menu" },
        { label: "Track Order", href: "/menu" },
      ],
    },
    {
      title: "Company",
      items: [
        { label: "About Us", href: "/" },
        { label: "Our Story", href: "/" },
        { label: "Careers", href: "/" },
        { label: "Blog", href: "/" },
        { label: "Press", href: "/" },
      ],
    },
    {
      title: "Support",
      items: [
        { label: "Contact Us", href: "/" },
        { label: "FAQs", href: "/" },
        { label: "Shipping Info", href: "/" },
        { label: "Returns", href: "/" },
        { label: "Live Chat", href: "/" },
      ],
    },
    {
      title: "Legal",
      items: [
        { label: "Privacy Policy", href: "/" },
        { label: "Terms of Service", href: "/" },
        { label: "Cookie Policy", href: "/" },
        { label: "Accessibility", href: "/" },
        { label: "Contact Support", href: "/" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="small"
      sizing="medium"
      background="noiseDiagonalGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="N&H BAKERY"
          navItems={navItems}
          button={{ text: "Order Now", href: "/menu" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Freshly Baked Goodness at N&H BAKERY"
          description="Experience the finest artisanal baked goods crafted with premium ingredients and passion. From custom celebration cakes to everyday favorites, we bring warmth and joy to every occasion."
          tag="Premium Bakery Since 2020"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          background="radial-gradient"
          buttons={[
            { text: "Order Now", href: "/menu" },
            { text: "View Menu", href: "/" },
            { text: "Custom Cake Request", href: "/menu" },
          ]}
          buttonAnimation="blur-reveal"
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/pieces-chocolate-berry-cakes-served-mirror_1304-4685.jpg",
              imageAlt: "premium bakery display cakes pastries",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/white-cake-with-flower-decoration-wedding-reception_637285-5723.jpg",
              imageAlt: "beautiful decorated celebration cakes",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-middle-age-woman-party-hat-with-colorful-balloons-holding-birthday-cake-smiling-broadly_141793-107447.jpg",
              imageAlt: "custom decorated birthday cake",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/healthy-bread-loaf-with-aromatic-herb_23-2147761349.jpg",
              imageAlt: "fresh croissants bread display",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/delicious-safari-party-cupcakes-arrangement_23-2150172541.jpg",
              imageAlt: "colorful decorated cupcakes collection",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/front-view-different-delicious-biscuits-with-present-light-background_140725-94915.jpg",
              imageAlt: "luxury dessert box premium packaging",
            },
          ]}
          mediaAnimation="opacity"
          ariaLabel="N&H Bakery Hero Section"
        />
      </div>

      <div id="featured-products" data-section="featured-products">
        <ProductCardTwo
          title="Featured Delights"
          description="Handpicked favorites from our premium collection. Each item is crafted with the finest ingredients and utmost care."
          tag="Best Sellers"
          tagIcon={Award}
          tagAnimation="slide-up"
          buttons={[{ text: "View Full Menu", href: "/menu" }]}
          buttonAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="bento-grid"
          animationType="slide-up"
          products={[
            {
              id: "wedding-cake",
              brand: "Premium Selection",
              name: "Custom Wedding Cake",
              price: "KSh 5,500",
              rating: 5,
              reviewCount: "48 reviews",
              imageSrc: "http://img.b2bpic.net/free-photo/wedding-cake_1157-538.jpg?_wi=1",
              imageAlt: "elegant white wedding cake design",
            },
            {
              id: "chocolate-croissant",
              brand: "Daily Special",
              name: "Chocolate Croissant",
              price: "KSh 350",
              rating: 4.8,
              reviewCount: "156 reviews",
              imageSrc: "http://img.b2bpic.net/free-photo/croissants-coffee-old-wood-table_1150-12248.jpg?_wi=1",
              imageAlt: "golden butter chocolate croissant",
            },
            {
              id: "cupcake-box",
              brand: "Celebration Pack",
              name: "Gourmet Cupcake Box",
              price: "KSh 1,200",
              rating: 4.9,
              reviewCount: "203 reviews",
              imageSrc: "http://img.b2bpic.net/free-photo/box-with-yummy-muffins_23-2147787040.jpg?_wi=1",
              imageAlt: "gourmet cupcake premium gift box",
            },
            {
              id: "sourdough",
              brand: "Artisan Collection",
              name: "Premium Sourdough Loaf",
              price: "KSh 450",
              rating: 4.7,
              reviewCount: "89 reviews",
              imageSrc: "http://img.b2bpic.net/free-photo/slices-fresh-breads-wooden-background_23-2147955213.jpg?_wi=1",
              imageAlt: "artisan sourdough loaf crusty",
            },
            {
              id: "birthday-cake",
              brand: "Special Occasions",
              name: "Custom Birthday Cake",
              price: "KSh 3,500",
              rating: 5,
              reviewCount: "127 reviews",
              imageSrc: "http://img.b2bpic.net/free-photo/lovely-birthday-concept-with-chocolate-cake_23-2147997433.jpg?_wi=1",
              imageAlt: "custom birthday cake personalized",
            },
            {
              id: "dessert-box",
              brand: "Premium Collection",
              name: "Luxury Dessert Box",
              price: "KSh 2,800",
              rating: 4.9,
              reviewCount: "95 reviews",
              imageSrc: "http://img.b2bpic.net/free-photo/brightly-colored-cakes-refrigerator_1232-3406.jpg?_wi=1",
              imageAlt: "luxury gourmet dessert assortment",
            },
          ]}
        />
      </div>

      <div id="categories" data-section="categories">
        <FeatureBorderGlow
          title="Shop by Category"
          description="Browse our complete selection of premium baked goods organized by category for easy shopping."
          tag="Complete Selection"
          tagIcon={Package}
          tagAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="scale-rotate"
          features={[
            {
              icon: Cake,
              title: "Cakes & Tortes",
              description: "Custom wedding cakes, birthday cakes, celebration tortes, and layered masterpieces",
            },
            {
              icon: Croissant,
              title: "Pastries & Croissants",
              description: "Buttery croissants, pain au chocolat, danish pastries, and continental delights",
            },
            {
              icon: Bread,
              title: "Artisan Breads",
              description: "Sourdough, baguettes, ciabatta, whole grain, and specialty breads",
            },
            {
              icon: Cookie,
              title: "Cookies & Treats",
              description: "Chocolate chip cookies, macarons, brownies, biscotti, and bite-sized delights",
            },
            {
              icon: Coffee,
              title: "Beverages",
              description: "Premium coffee, specialty teas, fresh juices, and hot chocolate",
            },
            {
              icon: Gift,
              title: "Special Orders",
              description: "Custom cakes, corporate gifts, party platters, and bespoke creations",
            },
          ]}
        />
      </div>

      <div id="specials" data-section="specials">
        <PricingCardFive
          title="Special Offerings & Packages"
          description="Curated packages designed for different occasions and preferences. Each includes our signature quality and care."
          tag="Limited Time"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="blur-reveal"
          plans={[
            {
              id: "daily-box",
              tag: "Popular",
              tagIcon: TrendingUp,
              price: "KSh 800",
              period: "per box",
              description: "Daily Fresh Selection",
              button: { text: "Order Daily Box", href: "/menu" },
              featuresTitle: "Includes:",
              features: [
                "4 assorted pastries",
                "2 cookies or brownies",
                "Fresh bread slice",
                "Free delivery with 3+ orders",
              ],
            },
            {
              id: "celebration",
              tag: "Best Value",
              tagIcon: Heart,
              price: "KSh 3,500",
              period: "from",
              description: "Birthday Celebration Package",
              button: { text: "Plan Your Celebration", href: "/menu" },
              featuresTitle: "Includes:",
              features: [
                "Custom designed cake (up to 4kg)",
                "Personalized message",
                "6 cupcakes",
                "Free decoration setup",
                "2 hours consultation",
              ],
            },
            {
              id: "corporate",
              tag: "Premium",
              tagIcon: Briefcase,
              price: "KSh 5,000",
              period: "from",
              description: "Corporate & Events",
              button: { text: "Request Corporate Catering", href: "/" },
              featuresTitle: "Includes:",
              features: [
                "Customized catering menu",
                "Platters for 20-50 guests",
                "Professional setup service",
                "Dedicated event coordinator",
                "Premium packaging",
              ],
            },
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Loved by Our Customers"
          description="Real feedback from our delighted clients who trust N&H BAKERY for their special moments."
          tag="5-Star Reviews"
          tagIcon={Star}
          tagAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          showRating={true}
          testimonials={[
            {
              id: "testimonial-1",
              name: "Sarah Kipchoge",
              handle: "@sarahk_events",
              testimonial: "N&H BAKERY created the most stunning wedding cake for our special day. The attention to detail and taste were absolutely incredible. Highly recommended!",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-girl-dressed-elegant-gray-dress-standing-with-crossed-arms-while-leaning-against-brick-wall_613910-17632.jpg?_wi=1",
              imageAlt: "professional woman portrait headshot",
            },
            {
              id: "testimonial-2",
              name: "James Mwangi",
              handle: "@jamesmw",
              testimonial: "I order their croissants every weekend. Fresh, flaky, and absolutely delicious. The best bakery in Nairobi by far!",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-bearded-man-white-shirt-jacket-posing-camera-with-broad-smile-isolated-gray_171337-629.jpg?_wi=1",
              imageAlt: "professional man portrait headshot",
            },
            {
              id: "testimonial-3",
              name: "Grace Okonkwo",
              handle: "@graceo_lifestyle",
              testimonial: "For my daughter's birthday, N&H BAKERY delivered beyond expectations. The custom cake was a masterpiece and everyone loved it!",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg?_wi=1",
              imageAlt: "smiling woman professional headshot",
            },
            {
              id: "testimonial-4",
              name: "Peter Kariuki",
              handle: "@peter_designs",
              testimonial: "Their custom order service is fantastic. They brought my vision to life with professionalism and creativity. Worth every shilling!",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-work_23-2149116570.jpg?_wi=1",
              imageAlt: "professional man smiling portrait",
            },
            {
              id: "testimonial-5",
              name: "Amara Hassan",
              handle: "@amarah_kitchen",
              testimonial: "As a food blogger, I'm impressed by the quality and consistency. N&H BAKERY maintains premium standards every single day.",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg?_wi=1",
              imageAlt: "professional woman creative portrait",
            },
            {
              id: "testimonial-6",
              name: "David Ochieng",
              handle: "@davidoch",
              testimonial: "Catered my corporate event with their premium package. Professional, delicious, and exceeded all expectations. Will definitely use again!",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg?_wi=1",
              imageAlt: "professional man corporate portrait",
            },
          ]}
        />
      </div>

      <div id="why-us" data-section="why-us">
        <MetricCardOne
          title="Why N&H BAKERY"
          description="Years of excellence, thousands of happy customers, and a commitment to quality that never wavers."
          tag="Our Expertise"
          tagIcon={CheckCircle}
          tagAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="depth-3d"
          gridVariant="uniform-all-items-equal"
          metrics={[
            {
              id: "metric-1",
              value: "5,000+",
              title: "Happy Customers",
              description: "Trusted by thousands for celebrations and daily treats",
              icon: Smile,
            },
            {
              id: "metric-2",
              value: "1,200+",
              title: "Orders Monthly",
              description: "Growing demand for our premium baked goods",
              icon: ShoppingCart,
            },
            {
              id: "metric-3",
              value: "4.9/5",
              title: "Average Rating",
              description: "Consistent quality that exceeds expectations",
              icon: Star,
            },
            {
              id: "metric-4",
              value: "100%",
              title: "Fresh Daily",
              description: "Baked fresh every morning with premium ingredients",
              icon: Zap,
            },
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about our products, orders, and services."
          tag="Help Center"
          tagIcon={HelpCircle}
          tagAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          mediaAnimation="opacity"
          mediaPosition="right"
          imageSrc="http://img.b2bpic.net/free-photo/concentrated-african-american-call-center-operator-working_74855-4048.jpg?_wi=1"
          imageAlt="customer support help center service"
          faqsAnimation="blur-reveal"
          faqs={[
            {
              id: "faq-1",
              title: "Can I place custom cake orders?",
              content: "Absolutely! We specialize in custom cakes for weddings, birthdays, and special events. Please submit your order at least 7 days in advance through our Custom Orders page for best results.",
            },
            {
              id: "faq-2",
              title: "What are your delivery options?",
              content: "We offer free delivery for orders above KSh 2,000 within Nairobi. For custom orders, delivery fees vary based on location. Pickup is available at our main bakery location.",
            },
            {
              id: "faq-3",
              title: "Do you offer gluten-free options?",
              content: "Yes, we have a selection of gluten-free baked goods. Please contact us in advance to ensure availability, as these items require special preparation.",
            },
            {
              id: "faq-4",
              title: "How far in advance should I order?",
              content: "Daily items can be ordered 24 hours in advance. Custom cakes need 7-14 days notice. Large corporate orders require 2-3 weeks advance booking.",
            },
            {
              id: "faq-5",
              title: "What payment methods do you accept?",
              content: "We accept Mpesa, credit/debit cards, bank transfers, and cash on delivery. All payments are secure and encrypted.",
            },
            {
              id: "faq-6",
              title: "Can I schedule recurring orders?",
              content: "Yes! We offer subscription packages for weekly or monthly deliveries. Contact our team for customized recurring order arrangements.",
            },
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          useInvertedBackground={false}
          animationType="slide-up"
          ctaTitle="Get In Touch"
          ctaDescription="Have questions or special requests? We'd love to hear from you. Reach out to our team anytime."
          ctaIcon={Phone}
          ctaButton={{ text: "Contact Us", href: "/" }}
          faqs={[
            {
              id: "contact-1",
              title: "Phone",
              content: "+254 (0)20 123 4567 | +254 (0)712 345 678",
            },
            {
              id: "contact-2",
              title: "Email",
              content: "hello@nhbakery.co.ke | orders@nhbakery.co.ke",
            },
            {
              id: "contact-3",
              title: "Location",
              content: "123 Bakery Lane, Westlands, Nairobi, Kenya",
            },
            {
              id: "contact-4",
              title: "Hours",
              content: "Monday - Saturday: 7:00 AM - 7:00 PM | Sunday: 8:00 AM - 5:00 PM",
            },
            {
              id: "contact-5",
              title: "WhatsApp",
              content: "+254 712 345 678 - Direct messaging available",
            },
            {
              id: "contact-6",
              title: "Social Media",
              content: "Instagram @nhbakery | Facebook /nhbakery | TikTok @nhbakery",
            },
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          copyrightText="© 2024 N&H BAKERY. All rights reserved. Freshly baked goodness since 2020."
          columns={footerColumns}
        />
      </div>
    </ThemeProvider>
  );
};

export default HomePage;