"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Heart } from 'lucide-react';
import Link from 'next/link';

export default function AboutPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Shop", id: "/shop" },
    { name: "About", id: "/about" },
    { name: "Contact", id: "/contact" }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="medium"
      sizing="medium"
      background="circleGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Beautiful Flowers"
          navItems={navItems.map(item => ({
            name: item.name,
            id: item.id
          }))}
          button={{
            text: "Order Now",
            href: "/shop"
          }}
        />
      </div>

      <div id="process" data-section="process">
        <FeatureProcessSteps
          title="How We Bring Your Floral Dreams to Life"
          description="Our streamlined process ensures every arrangement is crafted with precision, freshness, and your vision in mind. From selection to delivery, we handle every detail with care."
          tag="Our Process"
          tagIcon={Heart}
          steps={[
            {
              number: "01",
              title: "Select Your Flowers",
              tag: "Choose Arrangement",
              description: "Browse our extensive collection of fresh, premium flowers and choose the perfect arrangement for your occasion or customize your own bouquet."
            },
            {
              number: "02",
              title: "Expert Crafting",
              tag: "Hand-Arranged",
              description: "Our skilled florists carefully arrange each flower with precision, ensuring perfect balance, color harmony, and maximum freshness for your bouquet."
            },
            {
              number: "03",
              title: "Prompt Delivery",
              tag: "Same-Day Available",
              description: "We deliver your fresh arrangement directly to your recipient with same-day delivery options available. Your flowers arrive in pristine condition."
            }
          ]}
          buttons={[
            { text: "Start Shopping", href: "/shop" },
            { text: "View Occasions", href: "/shop" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Customers Say"
          description="Real stories from happy customers who've experienced the beauty and quality of our floral arrangements"
          tag="Customer Reviews"
          textboxLayout="default"
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell, Wedding Planner",
              date: "Date: 15 November 2024",
              title: "Absolutely stunning arrangements!",
              quote: "Beautiful Flowers transformed our wedding with the most exquisite floral designs. Every detail was perfect and the quality was unmatched. Our guests couldn't stop complimenting the arrangements!",
              tag: "Wedding Flowers",
              avatarSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/still-life-with-bouquet-blue-pink-wildflowers-vase_169016-58261.jpg"
            },
            {
              id: "2",
              name: "James Chen, Corporate Client",
              date: "Date: 10 November 2024",
              title: "Professional and reliable service",
              quote: "We've been ordering arrangements for our office events for months now. The consistency, quality, and professionalism from Beautiful Flowers is exceptional. Highly recommended for any occasion!",
              tag: "Corporate Events",
              avatarSrc: "https://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg"
            },
            {
              id: "3",
              name: "Emma Rodriguez, Event Coordinator",
              date: "Date: 5 November 2024",
              title: "Made my event unforgettable",
              quote: "The custom floral arrangements were breathtaking and exactly what I envisioned. The team was responsive, creative, and went above and beyond to make our event special.",
              tag: "Special Events",
              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-gift-surprise-dark_114579-446.jpg"
            },
            {
              id: "4",
              name: "Michael Thompson, Anniversary Celebration",
              date: "Date: 28 October 2024",
              title: "Perfect gift for my wife",
              quote: "I sent these beautiful flowers to my wife for our anniversary and she absolutely loved them. Fresh, gorgeous, and delivered right on time. Couldn't have asked for better service!",
              tag: "Personal Gifts",
              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-gift-surprise-dark_114579-445.jpg"
            },
            {
              id: "5",
              name: "Lisa Anderson, Florist Enthusiast",
              date: "Date: 20 October 2024",
              title: "Quality that speaks for itself",
              quote: "As someone who knows flowers, I'm impressed by the quality and freshness of Beautiful Flowers' arrangements. They source premium blooms and create truly memorable designs.",
              tag: "Quality Assurance",
              avatarSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-with-ribbon-heart-gift-surprise_114579-449.jpg"
            },
            {
              id: "6",
              name: "David Park, First-Time Customer",
              date: "Date: 15 October 2024",
              title: "Will definitely order again",
              quote: "My first experience with Beautiful Flowers was fantastic. The website was easy to navigate, delivery was quick, and the flowers were even more beautiful in person. Fantastic service!",
              tag: "Customer Satisfaction",
              avatarSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/still-life-with-bouquet-blue-pink-wildflowers-vase_169016-58261.jpg"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <FooterSimple
        columns={[
          {
            title: "Shop",
            items: [
              { label: "All Flowers", href: "/shop" },
              { label: "Occasions", href: "/shop" },
              { label: "Seasonal", href: "/shop" },
              { label: "Custom Orders", href: "/shop" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Our Story", href: "/about" },
              { label: "Careers", href: "#" },
              { label: "Press", href: "#" }
            ]
          },
          {
            title: "Support",
            items: [
              { label: "Contact Us", href: "/contact" },
              { label: "Delivery Info", href: "#" },
              { label: "Returns", href: "#" },
              { label: "FAQ", href: "#" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy", href: "#" },
              { label: "Terms of Service", href: "#" },
              { label: "Shipping Policy", href: "#" },
              { label: "Sitemap", href: "#" }
            ]
          }
        ]}
        bottomLeftText="© 2025 Beautiful Flowers. All rights reserved."
        bottomRightText="Crafted with love for flower enthusiasts"
      />
    </ThemeProvider>
  );
}