"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MediaAbout from '@/components/sections/about/MediaAbout';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="largeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal 
          brandName="Gloria-Flower"
          button={{
            text: "Shop Now",            href: "#products"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroLogoBillboard 
          logoText="Gloria-Flower"
          description="Discover the finest handcrafted floral arrangements for every occasion. From elegant roses to vibrant seasonal flowers, we bring nature's beauty to your doorstep."
          imageSrc="https://img.b2bpic.net/free-photo/bouquet-pink-roses-with-green-leaves-inside-vase_114579-1439.jpg"
          imageAlt="Beautiful floral arrangement"
          frameStyle="card"
          logoLineHeight={1.1}
        />
      </div>
      
      <div id="products" data-section="products">
        <ProductCardOne 
          title="Featured Flowers"
          description="Explore our exquisite collection of premium flowers and arrangements"
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="invertDefault"
          products={[
            {
              id: "1",              name: "Elegant Rose Bouquet",              price: "$85.00",              imageSrc: "https://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg",              imageAlt: "Premium red rose bouquet"
            },
            {
              id: "2",              name: "Vibrant Tulip Collection",              price: "$65.00",              imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-gift-surprise-dark_114579-445.jpg",              imageAlt: "Colorful spring tulips"
            },
            {
              id: "3",              name: "Sunflower Joy",              price: "$55.00",              imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-gift-surprise-dark_114579-446.jpg",              imageAlt: "Bright cheerful sunflowers"
            }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <MediaAbout 
          title="About Gloria-Flower"
          description="Since 1995, Gloria-Flower has been delivering the finest floral arrangements to our community. Each bouquet is crafted with passion and care by our expert florists, using only the freshest, highest-quality flowers sourced from trusted growers."
          tag="Our Story"
          imageSrc="https://img.b2bpic.net/free-photo/bunch-fresh-flowers-glass-desk_23-2147929233.jpg"
          imageAlt="Gloria-Flower shop interior"
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "Learn More",              href: "#contact"
            }
          ]}
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive 
          title="What Our Customers Say"
          description="Discover why Gloria-Flower is the trusted choice for special moments"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson, Wedding Coordinator",              date: "Date: 15 November 2024",              title: "Simply breathtaking arrangements!",              quote: "Gloria-Flower delivered the most stunning bouquets for my daughter's wedding. Every detail was perfect, and the freshness lasted throughout the celebration. Highly recommended!",              tag: "Wedding",              avatarSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              avatarAlt: "Sarah Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg",              imageAlt: "Wedding bouquet arrangement"
            },
            {
              id: "2",              name: "Michael Chen, Business Owner",              date: "Date: 10 October 2024",              title: "Perfect for corporate events",              quote: "We've used Gloria-Flower for our office events for two years now. The arrangements are always elegant, timely, and make a lasting impression on our clients.",              tag: "Corporate",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",              avatarAlt: "Michael Chen",              imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-gift-surprise-dark_114579-446.jpg",              imageAlt: "Corporate arrangement"
            },
            {
              id: "3",              name: "Emily Rodriguez, Event Planner",              date: "Date: 22 September 2024",              title: "Exceptional quality and service",              quote: "Gloria-Flower consistently exceeds expectations. Their team is responsive, creative, and truly understands how to bring vision to life through flowers.",              tag: "Events",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-woman_23-2147615403.jpg",              avatarAlt: "Emily Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-gift-surprise-dark_114579-445.jpg",              imageAlt: "Event arrangement"
            },
            {
              id: "4",              name: "Jennifer Lee, Regular Customer",              date: "Date: 5 August 2024",              title: "My go-to flower shop!",              quote: "I've been ordering from Gloria-Flower for all occasions. The flowers are always fresh, the delivery is reliable, and the customer service is warm and welcoming.",              tag: "Regular",              avatarSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1600.jpg",              avatarAlt: "Jennifer Lee",              imageSrc: "https://img.b2bpic.net/free-photo/bouquet-pink-roses-with-green-leaves-inside-vase_114579-1439.jpg",              imageAlt: "Customer favorite arrangement"
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactSplitForm 
          title="Get in Touch"
          description="Have questions about our flowers or want to place a special order? We'd love to hear from you. Contact Gloria-Flower today!"
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Your Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Your Email",              required: true
            },
            {
              name: "phone",              type: "tel",              placeholder: "Phone Number",              required: false
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your floral needs...",            rows: 5,
            required: true
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/bunch-fresh-flowers-glass-desk_23-2147929233.jpg"
          imageAlt="Gloria-Flower contact"
          mediaPosition="right"
          buttonText="Send Message"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBaseCard 
          logoText="Gloria-Flower"
          copyrightText="© 2025 Gloria-Flower. All rights reserved."
          columns={[
            {
              title: "Shop",              items: [
                {
                  label: "Bouquets",                  href: "#products"
                },
                {
                  label: "Seasonal",                  href: "#products"
                },
                {
                  label: "Gift Cards",                  href: "#contact"
                }
              ]
            },
            {
              title: "Company",              items: [
                {
                  label: "About Us",                  href: "#about"
                },
                {
                  label: "Contact",                  href: "#contact"
                },
                {
                  label: "Blog",                  href: "#blog"
                }
              ]
            },
            {
              title: "Support",              items: [
                {
                  label: "Delivery Info",                  href: "#"
                },
                {
                  label: "Care Guide",                  href: "#"
                },
                {
                  label: "Returns",                  href: "#"
                }
              ]
            },
            {
              title: "Connect",              items: [
                {
                  label: "Instagram",                  href: "#"
                },
                {
                  label: "Facebook",                  href: "#"
                },
                {
                  label: "Pinterest",                  href: "#"
                }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}