"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Scissors } from "lucide-react";

export default function BrandBPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Brand A", id: "/brand-a" },
    { name: "Brand B", id: "/brand-b" },
    { name: "Brand C", id: "/brand-c" },
    { name: "About Us", id: "/about" },
    { name: "Contact", id: "/contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="largeSmall"
      background="aurora"
      cardStyle="gradient-radial"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Italian Luxury Brands"
          navItems={navItems.map(item => ({
            name: item.name,
            id: item.id,
            href: item.id // Ensure href is passed for Link component
          }))}
        />
      </div>

      <div id="brand-b-about" data-section="brand-b-about">
        <TestimonialAboutCard
          tag="Brand B"
          title="Redefining Haute Couture"
          description="Brand B stands at the forefront of global fashion, setting trends with visionary designs and unparalleled textile artistry. We dress the world's most discerning individuals."
          subdescription="Our collections are a symphony of luxurious fabrics, daring silhouettes, and exquisite details, all handcrafted with Italian passion."
          icon={Scissors}
          imageSrc="http://img.b2bpic.net/free-photo/woman-taking-notes-notebook_176420-14573.jpg"
          imageAlt="fashion designer sketching haute couture"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="brand-b-products" data-section="brand-b-products">
        <ProductCardOne
          title="Collections by Brand B"
          description="Experience the latest in luxury fashion, from iconic gowns to sophisticated menswear and accessories."
          products={[
            {"id":"bb-1","name":"Crimson Royale Gown","price":"€15,000","imageSrc":"http://img.b2bpic.net/free-photo/sexy-woman-black-clothes-sitting-chair_613910-360.jpg","imageAlt":"haute couture evening gown model"},
            {"id":"bb-2","name":"Heritage Leather Jacket","price":"€4,500","imageSrc":"http://img.b2bpic.net/free-photo/woman-red-sweater-lady-restaurant_1157-40767.jpg","imageAlt":"luxury men's designer jacket"},
            {"id":"bb-3","name":"Starlight Stilettos","price":"€1,200","imageSrc":"http://img.b2bpic.net/free-photo/new-year-party-concept-with-cut-out-view-girl_23-2147995171.jpg","imageAlt":"designer high heels red sole"},
            {"id":"bb-4","name":"Cashmere Serenity Sweater","price":"€980","imageSrc":"http://img.b2bpic.net/free-photo/beautiful-model-wearing-dark-blue-white-checkered-cardigan_132075-14012.jpg","imageAlt":"italian cashmere sweater premium"},
            {"id":"bb-5","name":"Visionary Sunglasses","price":"€650","imageSrc":"http://img.b2bpic.net/free-photo/pretty-glamorous-lady-sunglasses-jacket-white-tshirt-is-holding-cup-with-coffee-looking-aside-while-enjoying-walking-outdoor_291650-2306.jpg","imageAlt":"luxury branded sunglasses stylish"},
            {"id":"bb-6","name":"Evening Opulence Clutch","price":"€1,800","imageSrc":"http://img.b2bpic.net/free-photo/white-fabric-closeup_53876-31986.jpg","imageAlt":"elegant women's clutch bag evening"}
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="brand-b-team" data-section="brand-b-team">
        <TeamCardTwo
          title="Meet Our Visionaries"
          description="The creative minds and skilled hands behind Brand B's iconic designs and masterful creations."
          members={[
            {"id":"tm1","name":"Sofia Lombardi","role":"Creative Director","description":"A visionary who shapes the future of luxury fashion.","imageSrc":"http://img.b2bpic.net/free-photo/pretty-young-seamstress-shirt-leaning-table-dreamily-looking-camera-modern-sewing-workshop_574295-3764.jpg","imageAlt":"fashion designer portrait studio"},
            {"id":"tm2","name":"Alessandro Vitale","role":"Master Tailor","description":"With decades of experience, he perfects every stitch and silhouette.","imageSrc":"http://img.b2bpic.net/free-photo/medium-shot-jeweler-making-jewellery_23-2150931423.jpg","imageAlt":"master artisan working hands"},
            {"id":"tm3","name":"Valentina Greco","role":"Head of Atelier","description":"Leading our artisans to bring audacious designs to life with unparalleled skill.","imageSrc":"http://img.b2bpic.net/free-photo/business-woman-using-tablet_23-2148095678.jpg","imageAlt":"marketing director luxury brand"}
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Italian Luxury Brands"
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=99p3ul"
          logoAlt="italian luxury brand elegant logo"
        />
      </div>
    </ThemeProvider>
  );
}
