"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import {
  Award,
  Clock,
  Coffee,
  Facebook,
  Heart,
  Instagram,
  Shield,
  ShoppingCart,
  Sparkles,
  Star,
  TrendingUp,
  Twitter,
  User
} from "lucide-react";

export default function SitePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="blurBottom"
      cardStyle="glass-depth"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Hero", id: "hero-section" },
            { name: "About", id: "about-section" },
            { name: "Feature", id: "features-section" },
            { name: "Product", id: "products-section" },
            { name: "Testimonial", id: "testimonials-section" },
            { name: "Pricing", id: "pricing-section" },
            { name: "Contact", id: "contact-section" },
          ]}
          button={{ text: "Shop Now", href: "#products-section" }}
          brandName="Dring Together"
        />
      </div>

      <div id="hero-section" data-section="hero-section">
        <HeroBillboardDashboard
          title="Elevate Your Daily Brew with Dring Together"
          description="Discover premium, sustainably crafted cups designed for coffee and tea lovers who value both style and function. Experience the perfect blend of elegance and durability."
          background={{ variant: 'radial-gradient' }}
          tag="Premium Quality"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Shop Collection", href: "#products-section" },
            { text: "Learn More", href: "#about-section" },
          ]}
          buttonAnimation="slide-up"
          dashboard={{
            title: "Featured Collection",            stats: [
              { title: "Sustainable Materials", description: "Eco-friendly materials", values: [100, 0, 0], valueSuffix: "%" },
              { title: "Customer Satisfaction", description: "Positive feedback", values: [98, 0, 0], valueSuffix: "%" },
              { title: "Global Shipping", description: "Worldwide delivery", values: [200, 0, 0], valueSuffix: "+ Countries" },
            ],
            logoIcon: Coffee,
            sidebarItems: [
              { icon: Heart },
              { icon: ShoppingCart },
              { icon: User },
            ],
            buttons: [{ text: "View Details", href: "#products-section" }],
            listItems: [
              { title: "Ceramic Collection", icon: Coffee, status: "active" },
              { title: "Glass Series", icon: Coffee, status: "active" },
              { title: "Travel Mugs", icon: Coffee, status: "active" },
            ],
            imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-cup-tea-with-flowers-white-surface_141793-13652.jpg",            searchPlaceholder: "Search products...",            chartTitle: "Customer Ratings",            chartData: [
              { name: "5 Stars", value: 85 },
              { name: "4 Stars", value: 10 },
              { name: "3 Stars", value: 5 },
            ],
            listTitle: "Popular Categories",            imageAlt: "Featured Dring Together cups collection"}}
          ariaLabel="Hero section showcasing premium drinking cups"
          className="bg-white"
          containerClassName="relative overflow-hidden"
          textBoxClassName="z-10 relative"
          titleClassName="text-4xl md:text-5xl font-bold text-gray-900 mb-4"
          descriptionClassName="text-lg text-gray-600 max-w-2xl mb-8"
          tagClassName="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-purple-100 text-purple-800 mb-6"
          buttonContainerClassName="flex flex-col sm:flex-row gap-4"
          buttonClassName="px-6 py-3 rounded-lg font-medium transition-all duration-300 hover:shadow-lg"
          buttonTextClassName="flex items-center gap-2"
          dashboardClassName="mt-12"
        />
      </div>

      <div id="about-section" data-section="about-section">
        <AboutMetric
          title="Our Commitment to Quality & Craftsmanship"
          metrics={[
            { icon: Award, label: "Premium Materials", value: "100% Sustainable Glass" },
            { icon: Heart, label: "Customer Satisfaction", value: "98% Positive Reviews" },
            { icon: Clock, label: "Craftsmanship Time", value: "48+ Hours Per Cup" },
            { icon: Shield, label: "Quality Guarantee", value: "Lifetime Warranty" },
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="features-section" data-section="features-section">
        <FeatureCardTwentyFour
          features={[
            {
              id: "feature-1",              title: "Premium Glass Construction",              author: "Dring Together",              description: "Crafted from high-grade borosilicate glass, our cups offer superior durability and heat resistance. Each piece is carefully designed to maintain your beverage's perfect temperature while providing an elegant drinking experience.",              tags: ["Durable", "Heat Resistant", "Elegant"],
              imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646448.jpg?_wi=1",              imageAlt: "Premium glass cup showcasing its clarity and craftsmanship"},
            {
              id: "feature-2",              title: "Ergonomic Design",              author: "Dring Together",              description: "Our innovative ergonomic grip ensures comfort in every hand. The contoured handle provides a secure hold, making it effortless to carry your favorite hot or cold beverages anywhere.",              tags: ["Comfortable", "Secure Grip", "Portable"],
              imageSrc: "http://img.b2bpic.net/free-photo/cup-tea-marble-table-with-cinnamon-books-high-quality-photo_114579-67985.jpg?_wi=1",              imageAlt: "Hand holding a Dring Together cup with ergonomic grip"},
            {
              id: "feature-3",              title: "Temperature Control Technology",              author: "Dring Together",              description: "Advanced double-wall insulation keeps your drinks at the ideal temperature for hours. Whether you're enjoying a steaming latte or refreshing iced tea, every sip remains perfectly balanced.",              tags: ["Insulated", "Temperature Control", "Long-lasting"],
              imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646448.jpg?_wi=2",              imageAlt: "Cup demonstrating temperature control with steam rising from the top"},
          ]}
          animationType="slide-up"
          title="Why Choose Dring Together Cups?"
          description="Experience the perfect blend of form and function with our premium collection of glass cups. Designed for coffee and tea lovers who demand both style and substance in their daily rituals."
          tag="Premium Quality"
          tagIcon={Sparkles}
          tagAnimation="blur-reveal"
          buttons={[{ text: "Explore Collection", href: "#products-section" }]}
          buttonAnimation="opacity"
          textboxLayout="split"
          useInvertedBackground={true}
        />
      </div>
      
      <div id="products-section" data-section="products-section">
        <ProductCardFour
          products={[
            {
              id: "dring-together-premium-glass",              name: "Premium Glass Collection",              price: "$49.99",              variant: "Clear & Frosted",              imageSrc: "http://img.b2bpic.net/free-photo/glasses-arrangement-with-ice-cube_23-2148644612.jpg",              imageAlt: "Premium Glass Collection cup set"},
            {
              id: "dring-together-eco-friendly",              name: "Eco-Friendly Bamboo",              price: "$39.99",              variant: "Natural & Sustainable",              imageSrc: "http://img.b2bpic.net/free-photo/cup-tea-marble-table-with-cinnamon-books-high-quality-photo_114579-67985.jpg?_wi=2",              imageAlt: "Eco-Friendly Bamboo cup"},
            {
              id: "dring-together-thermal-series",              name: "Thermal Insulated",              price: "$59.99",              variant: "Double-Walled Design",              imageSrc: "http://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-cup-top-view_23-2149871691.jpg",              imageAlt: "Thermal Insulated cup"},
            {
              id: "dring-together-ceramic-classic",              name: "Classic Ceramic",              price: "$34.99",              variant: "Earthy & Elegant",              imageSrc: "http://img.b2bpic.net/free-photo/three-cups-coffee-wooden-board_114579-52730.jpg",              imageAlt: "Classic Ceramic cup"},
          ]}
          carouselMode="buttons"
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          title="Premium Drinkware Collection"
          description="Discover our curated selection of high-quality cups designed for coffee and tea lovers who value both style and function."
          tag="Best Sellers"
          tagIcon={Star}
          tagAnimation="slide-up"
          buttons={[{ text: "View All Products", href: "#products-section" }]}
          buttonAnimation="opacity"
          textboxLayout="inline-image"
          useInvertedBackground={true}
          ariaLabel="Premium drinkware collection showcasing best-selling cups"
          gridClassName="gap-8"
          cardClassName="bg-white/80 backdrop-blur-sm border border-gray-200 rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300"
          imageClassName="w-full h-64 object-cover rounded-t-xl"
          textBoxTitleClassName="text-2xl font-bold text-gray-900 mb-2"
          textBoxDescriptionClassName="text-gray-600 mb-4"
          cardNameClassName="font-semibold text-gray-900"
          cardPriceClassName="text-purple-600 font-bold text-lg"
          cardVariantClassName="text-sm text-gray-500 mt-1"
        />
      </div>

      <div id="testimonials-section" data-section="testimonials-section">
        <TestimonialCardThirteen
          title="What Our Customers Say"
          description="Hear from coffee and tea enthusiasts who have elevated their drinking experience with Dring Together cups."
          showRating={true}
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          testimonials={[
            {
              id: "testimonial-1",              name: "Alex Morgan",              handle: "@alexmorgan_coffee",              testimonial: "The perfect blend of style and functionality. My morning routine has never felt more luxurious.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-lady-taking-coffee-from-waiter-gesture-thumb-up_114579-92486.jpg?_wi=1",              imageAlt: "Alex Morgan holding a Dring Together cup"},
            {
              id: "testimonial-2",              name: "Jamie Lee",              handle: "@jamieleecollects",              testimonial: "I've tried many premium cups, but none match the craftsmanship and aesthetic of Dring Together.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-couple-spending-time-home_23-2149284102.jpg",              imageAlt: "Jamie Lee with her collection of Dring Together cups"},
            {
              id: "testimonial-3",              name: "Taylor Kim",              handle: "@taylorkim_tea",              testimonial: "The thermal insulation keeps my drinks at the perfect temperature all day long. Highly recommend!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-lady-taking-coffee-from-waiter-gesture-thumb-up_114579-92486.jpg?_wi=2",              imageAlt: "Taylor Kim enjoying a hot beverage from a Dring Together cup"},
          ]}
        />
      </div>

      <div id="pricing-section" data-section="pricing-section">
        <PricingCardFive
          title="Premium Cup Plans"
          description="Choose the perfect plan for your daily brew. Each plan includes our signature craftsmanship and sustainable materials."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
          plans={[
            {
              id: "basic-plan",              tag: "Most Popular",              tagIcon: Star,
              price: "$29",              period: "one-time",              description: "Perfect for casual coffee lovers who want quality without compromise.",              button: { text: "Get Started", href: "#products-section" },
              featuresTitle: "What's Included",              features: [
                "Premium ceramic body",                "Ergonomic handle design",                "Microwave safe",                "Dishwasher friendly",                "Free shipping worldwide"],
            },
            {
              id: "pro-plan",              tag: "Best Value",              tagIcon: TrendingUp,
              price: "$49",              period: "one-time",              description: "Ideal for serious coffee enthusiasts seeking durability and style.",              button: { text: "Get Started", href: "#products-section" },
              featuresTitle: "What's Included",              features: [
                "Double-walled insulation",                "Leak-proof lid",                "Customizable engraving",                "Lifetime warranty",                "Priority customer support"],
            },
            {
              id: "premium-plan",              tag: "Ultimate Experience",              tagIcon: Sparkles,
              price: "$79",              period: "one-time",              description: "For connoisseurs who demand the finest craftsmanship and luxury.",              button: { text: "Get Started", href: "#products-section" },
              featuresTitle: "What's Included",              features: [
                "Handcrafted from volcanic glass",                "Temperature control technology",                "Personalized gift box",                "Exclusive limited edition",                "VIP access to new releases"],
            },
          ]}
        />
      </div>

      <div id="contact-section" data-section="contact-section">
        <ContactSplitForm
          title="Get in Touch"
          description="Have questions about our premium cups or need assistance? Our team is here to help you find the perfect drinkware for your daily rituals."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "subject", type: "text", placeholder: "Subject", required: false },
          ]}
          textarea={{ name: "message", placeholder: "Your Message", rows: 5, required: true }}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/arrangement-with-laptop-plant_23-2148594508.jpg"
          imageAlt="Customer service representative assisting with cup inquiries"
          mediaAnimation="slide-up"
          mediaPosition="left"
          buttonText="Send Message"
          ariaLabel="Contact section"
          className="py-16"
          containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
          contentClassName="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center"
          formCardClassName="bg-white/80 backdrop-blur-sm rounded-2xl p-8 shadow-lg border border-gray-200"
          titleClassName="text-3xl font-bold text-gray-900 mb-4"
          descriptionClassName="text-lg text-gray-600 mb-8"
          buttonClassName="bg-purple-600 hover:bg-purple-700 text-white font-semibold py-3 px-6 rounded-lg transition duration-300 ease-in-out transform hover:-translate-y-0.5"
          buttonTextClassName="flex items-center justify-center"
          mediaWrapperClassName="relative rounded-2xl overflow-hidden shadow-xl"
          mediaClassName="w-full h-full object-cover"
        />
      </div>

      <div id="footer-section" data-section="footer-section">
        <FooterCard
          logoText="Dring Together"
          copyrightText="© 2025 | Dring Together. Crafted for coffee & tea lovers."
          socialLinks={[
            { icon: Twitter, href: "#", ariaLabel: "Follow us on Twitter" },
            { icon: Instagram, href: "#", ariaLabel: "Follow us on Instagram" },
            { icon: Facebook, href: "#", ariaLabel: "Follow us on Facebook" },
          ]}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}
