"use client"

import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Camera, Flower2, Heart, Leaf, Mail, Quote, Sparkles, Star } from "lucide-react";

export default function ViolaPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmall"
      background="aurora"
      cardStyle="gradient-mesh"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Viola"
          navItems={[
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Gallery", id: "gallery" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Now",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Crafted Floral Artistry"
          description="Welcome to Viola, where every arrangement tells a story. We create bespoke flower designs that celebrate life's most beautiful moments with elegance and botanical passion."
          tag="Premium Flower Studio"
          tagIcon={Sparkles}
          buttons={[
            { text: "Explore Collections", href: "gallery" },
            { text: "Book Consultation", href: "contact" }
          ]}
          background={{ variant: "radial-gradient" }}
          carouselItems={[
            { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-pretty-floral-decoration_23-2147609389.jpg", imageAlt: "Premium rose arrangement" },
            { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-beautifully-bloomed-colorful-rose-flowers_23-2149005538.jpg", imageAlt: "Wedding bouquet showcase" },
            { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/decoration-artificial-flower_1232-2043.jpg", imageAlt: "Spring flower collection" },
            { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/pink-tiny-roses-close-up_1304-4048.jpg", imageAlt: "Luxury floral design" },
            { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/assorted-flower-arrangement-vase_209848-94.jpg", imageAlt: "Romantic pink bouquet" },
            { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-flowers-blue-surface_23-2147609383.jpg", imageAlt: "Colorful tulip arrangement" }
          ]}
          autoPlay={true}
          autoPlayInterval={5000}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          tagIcon={Leaf}
          title="Viola: Where Art Meets Botany"
          description="Founded with a passion for flowers and an eye for design, Viola brings together classical floral traditions with contemporary aesthetic sensibilities."
          subdescription="Established in 2018 | Serving our community with love"
          icon={Heart}
          imageSrc="http://img.b2bpic.net/free-photo/florist_23-2148013627.jpg"
          imageAlt="Viola florist at work in the studio"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="gallery" data-section="gallery">
        <FeatureCardTwentyFour
          title="Featured Arrangements"
          description="Explore our signature collections that showcase the diversity and artistry of our floral designs."
          tag="Gallery"
          tagIcon={Camera}
          features={[
            {
              id: "1",              title: "Blue Hydrangea Elegance",              author: "Viola Design Team",              description: "A stunning arrangement featuring premium blue hydrangeas combined with white roses and eucalyptus. Perfect for weddings, corporate events, or bringing sophistication to any space.",              tags: ["Wedding", "Blue Tones", "Premium"],
              imageSrc: "http://img.b2bpic.net/free-photo/side-view-pink-color-roses-flower-bouquet_140725-12180.jpg",              imageAlt: "Blue hydrangea arrangement"
            },
            {
              id: "2",              title: "Romantic Peony Charm",              author: "Viola Design Team",              description: "Delicate garden peonies in soft pink arranged with blush roses and lush greenery. A timeless choice for anniversaries, romantic occasions, or creating a dreamy atmosphere.",              tags: ["Romantic", "Pink Palette", "Seasonal"],
              imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-bouquet-white-red-color-roses-with-red-color-tulips-pink-color-hydrangea-trachelium-wall-flowers_140725-12874.jpg",              imageAlt: "Pink peony arrangement"
            },
            {
              id: "3",              title: "Sunlit Sunflower Radiance",              author: "Viola Design Team",              description: "Vibrant sunflowers combined with golden accents and warm greenery. This arrangement brings energy and joy to any environment, ideal for celebrations and daily freshness.",              tags: ["Bright", "Yellow Tones", "Cheerful"],
              imageSrc: "http://img.b2bpic.net/free-photo/cream-color-purple-set-flowers-flower-art_114579-2483.jpg",              imageAlt: "Sunflower arrangement"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Choose Your Arrangement"
          description="Select the perfect package for your occasion or customize your design with our team."
          tag="Pricing"
          tagIcon={Flower2}
          plans={[
            {
              id: "1",              price: "$85",              name: "Classic Bouquet",              buttons: [
                { text: "Inquire", href: "contact" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "12-15 stems selected daily",                "Standard vase arrangement",                "Local delivery available",                "Care instructions included",                "Perfect for gifts and occasions"
              ]
            },
            {
              id: "2",              badge: "Most Popular",              badgeIcon: Star,
              price: "$150",              name: "Premium Design",              buttons: [
                { text: "Book Now", href: "contact" },
                { text: "Chat with us", href: "#" }
              ],
              features: [
                "20-25 premium stems",                "Custom design consultation",                "Choice of vase or container",                "Extended freshness guarantee",                "Same-day delivery in city"
              ]
            },
            {
              id: "3",              price: "$250+",              name: "Bespoke Masterpiece",              buttons: [
                { text: "Schedule Consultation", href: "contact" },
                { text: "View Portfolio", href: "#" }
              ],
              features: [
                "35+ luxury stems curated personally",                "One-on-one design session",                "Custom vase or installation",                "Unlimited revisions",                "Perfect for weddings and events"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Clients Say"
          description="Hear from those who have experienced the beauty and artistry of Viola's floral creations."
          tag="Testimonials"
          tagIcon={Quote}
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell, Wedding Planner",              date: "Date: 15 November 2024",              title: "Absolutely Transformed Our Wedding Vision",              quote: "Working with Viola was a dream. Their attention to detail and understanding of our vision brought our wedding florals to life in ways we never imagined. Every guest commented on how stunning the arrangements were.",              tag: "Wedding",              avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-florist-with-pruner-vase_23-2147742939.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-bunch-romantic-roses_23-2148387902.jpg",              imageAlt: "Wedding ceremony floral design"
            },
            {
              id: "2",              name: "James Chen, Event Director",              date: "Date: 8 October 2024",              title: "Professional Excellence and Creativity",              quote: "We've worked with Viola for multiple corporate events, and they consistently deliver sophisticated, fresh arrangements that elevate the entire atmosphere. Their team is responsive and genuinely passionate about their craft.",              tag: "Corporate",              avatarSrc: "http://img.b2bpic.net/free-photo/florist-makes-beautiful-bouquet-studio_1157-28388.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-bouquet-made-pink-white-beautiful-flowers_181624-15886.jpg",              imageAlt: "Corporate event floral installation"
            },
            {
              id: "3",              name: "Emma Rodriguez, Office Manager",              date: "Date: 2 September 2024",              title: "Our Office Has Never Looked Better",              quote: "We have a weekly floral delivery from Viola for our office, and it has genuinely improved the workspace. The arrangements are always fresh, beautiful, and perfectly suited to our professional environment.",              tag: "Office",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-florist-woman_23-2149215312.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bouquet-pastel-color-flowers-cage-container_114579-1883.jpg",              imageAlt: "Office floral arrangement"
            },
            {
              id: "4",              name: "David Thompson, Customer",              date: "Date: 25 August 2024",              title: "Made Her Smile with Every Petal",              quote: "I sent my mother a bouquet from Viola for her birthday, and she absolutely loved it. Not only were the flowers gorgeous and fragrant, but the presentation was so thoughtful. I'll definitely be ordering again.",              tag: "Gift",              avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-making-bouquet_23-2148377273.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/bouquet-mixed-flowers-furniture_114579-2392.jpg",              imageAlt: "Gift bouquet delivery"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get in Touch"
          tagIcon={Mail}
          title="Ready to Create Your Perfect Floral Moment?"
          description="Contact Viola today to discuss your floral needs. Whether you're planning a wedding, corporate event, or simply want to brighten someone's day, our team is ready to bring your vision to life with beauty and artistry."
          buttons={[
            { text: "Schedule Consultation", href: "#" },
            { text: "Send Message", href: "#" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/side-view-pink-ranunculus-flowers-bouquet-glass-vase-flower-shop_140725-12178.jpg"
          imageAlt="Soft botanical background"
          logoText="Viola"
          copyrightText="© 2025 Viola Flowers Studio | Handcrafted with Love"
          columns={[
            {
              title: "Shop",              items: [
                { label: "All Collections", href: "#gallery" },
                { label: "Wedding Flowers", href: "#gallery" },
                { label: "Corporate Events", href: "#gallery" },
                { label: "Custom Orders", href: "#contact" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Viola", href: "#about" },
                { label: "Our Story", href: "#about" },
                { label: "Contact Us", href: "#contact" },
                { label: "Testimonials", href: "#testimonials" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Care Guide", href: "#" },
                { label: "Delivery Info", href: "#" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}