"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactText from '@/components/sections/contact/ContactText';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, Star, Instagram, Facebook, Mail } from 'lucide-react';

export default function PortfolioPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumLargeSizeLargeTitles"
      background="aurora"
      cardStyle="elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Jessica"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "Portfolio", id: "/portfolio" },
            { name: "About", id: "/about" }
          ]}
          button={{
            text: "Book Now",
            href: "/contact"
          }}
        />
      </div>

      <div id="portfolio-featured" data-section="portfolio-featured">
        <ProductCardOne
          title="Portfolio Showcase"
          description="Explore our extensive collection of stunning floral arrangements, from intimate wedding bouquets to grand event installations. Each piece represents Jessica's commitment to artistry and excellence."
          tag="Featured Work"
          tagIcon={Sparkles}
          products={[
            {
              id: "1",
              name: "Enchanted Garden Wedding",
              price: "View Details",
              imageSrc: "https://img.b2bpic.net/free-photo/vertical-closeup-shot-beautiful-wedding-bouquet-with-gorgeous-white-roses_181624-15923.jpg",
              imageAlt: "Enchanted Garden Wedding Florals"
            },
            {
              id: "2",
              name: "Modern Corporate Gala",
              price: "View Details",
              imageSrc: "https://img.b2bpic.net/free-photo/composition-flowers-stand-table_8353-10452.jpg",
              imageAlt: "Modern Corporate Event Florals"
            },
            {
              id: "3",
              name: "Rustic Celebration Centerpieces",
              price: "View Details",
              imageSrc: "https://img.b2bpic.net/free-photo/green-yellow-bouquet-with-golden-christmas-ball_114579-2440.jpg",
              imageAlt: "Rustic Event Centerpieces"
            },
            {
              id: "4",
              name: "Spring Romance Collection",
              price: "View Details",
              imageSrc: "https://img.b2bpic.net/free-photo/violet-pink-tone-flowers-bouquet_114579-2150.jpg",
              imageAlt: "Spring Romance Floral Collection"
            },
            {
              id: "5",
              name: "Elegant Bridal Suite",
              price: "View Details",
              imageSrc: "https://img.b2bpic.net/free-photo/wedding-bouquet-table_23-2148105873.jpg",
              imageAlt: "Elegant Bridal Floral Suite"
            },
            {
              id: "6",
              name: "Artisan Workshop Series",
              price: "View Details",
              imageSrc: "https://img.b2bpic.net/free-photo/bride-her-friends-hold-wedding-bouquet_8353-9249.jpg",
              imageAlt: "Artisan Floral Workshop"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Commission Similar", href: "/contact" }
          ]}
        />
      </div>

      <div id="portfolio-testimonials" data-section="portfolio-testimonials">
        <TestimonialCardOne
          title="Client Stories Behind Our Work"
          description="Discover the stories and experiences of clients who have worked with Jessica to create their perfect floral moments."
          tag="Success Stories"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",
              name: "Emma Richardson",
              role: "Bride",
              company: "September Wedding 2024",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/florist_23-2148013627.jpg",
              imageAlt: "Emma Richardson - Satisfied Wedding Client"
            },
            {
              id: "2",
              name: "Marcus Thompson",
              role: "Corporate Event Manager",
              company: "Innovate Tech Solutions",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-happy-woman-making-bouquet_23-2148377273.jpg",
              imageAlt: "Marcus Thompson - Corporate Client"
            },
            {
              id: "3",
              name: "Sofia Martinez",
              role: "Anniversary Celebration",
              company: "Private Client",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/florist-makes-beautiful-bouquet-studio_1157-28388.jpg",
              imageAlt: "Sofia Martinez - Anniversary Client"
            },
            {
              id: "4",
              name: "Catherine Walsh",
              role: "Event Coordinator",
              company: "Premier Event Planning",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/roses-bouquet_23-2148013609.jpg",
              imageAlt: "Catherine Walsh - Event Coordinator"
            },
            {
              id: "5",
              name: "Rachel Green",
              role: "Baby Shower Host",
              company: "Family Celebration",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/attractive-african-woman-florist-smiling-making-bouquet-flowers-workplace-white-wall_176420-12262.jpg",
              imageAlt: "Rachel Green - Baby Shower Client"
            },
            {
              id: "6",
              name: "Lisa Chen",
              role: "Corporate Client",
              company: "Modern Design Studio",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-flowers_23-2148377282.jpg",
              imageAlt: "Lisa Chen - Corporate Space Client"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="portfolio-contact" data-section="portfolio-contact">
        <ContactText
          text="Inspired by what you see? Let's create something equally beautiful for your special occasion. Contact Jessica to discuss bringing your floral vision to life."
          animationType="background-highlight"
          buttons={[
            { text: "Start Your Project", href: "/contact" },
            { text: "Browse Services", href: "/services" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterCard
        logoText="Jessica"
        copyrightText="© 2025 Jessica Flowers Studio. All rights reserved."
        socialLinks={[
          { icon: Instagram, href: "https://instagram.com/jessicaflowersstudio", ariaLabel: "Instagram" },
          { icon: Facebook, href: "https://facebook.com/jessicaflowersstudio", ariaLabel: "Facebook" },
          { icon: Mail, href: "mailto:hello@jessicaflowers.com", ariaLabel: "Email" }
        ]}
      />
    </ThemeProvider>
  );
}