"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import MediaAbout from "@/components/sections/about/MediaAbout";
import TeamCardOne from "@/components/sections/team/TeamCardOne";
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import Link from "next/link";
import { Building2, Users, Gem } from "lucide-react";

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="mediumLarge"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Properties", id: "properties" },
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Schedule Tour", href: "/contact" }}
          brandName="Luxury Estates"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Our Legacy of Excellence"
          description="Founded on principles of integrity, expertise, and uncompromising service, Luxury Estates has established itself as the premier authority in high-end real estate. With over 20 years of market leadership, we have consistently delivered exceptional results for discerning clients worldwide."
          tag="About Our Agency"
          tagIcon={Building2}
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/business-team-three-watching-presentation-pc-monitor-discussing-project-sitting-workplace-pointing-display-copy-space-business-meeting-concept_74855-11552.jpg?_wi=2"
          imageAlt="Luxury Estates Team"
          useInvertedBackground={false}
          buttons={[{ text: "Learn More", href: "/about" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardOne
          title="Meet Our Distinguished Experts"
          description="Our team brings together decades of combined expertise in luxury real estate, market analysis, and client service excellence."
          tag="Our Team"
          tagIcon={Users}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          members={[
            {
              id: "1",
              name: "Victoria Sterling",
              role: "Founder & CEO",
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
              imageAlt: "Victoria Sterling",
            },
            {
              id: "2",
              name: "James Mitchell",
              role: "Senior Agent",
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg",
              imageAlt: "James Mitchell",
            },
            {
              id: "3",
              name: "Elena Rodriguez",
              role: "Market Strategist",
              imageSrc: "http://img.b2bpic.net/free-photo/man-looking-away-while-going-upstairs-with-coffee_171337-19937.jpg",
              imageAlt: "Elena Rodriguez",
            },
            {
              id: "4",
              name: "David Chen",
              role: "Investment Advisor",
              imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-businessman-black-suit-white-shirt-with-wireless-earphones-holding-cellphone-hand-while-happily-looking-camera-with-beautiful-building-background_574295-5827.jpg",
              imageAlt: "David Chen",
            },
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
        />
      </div>

      <div id="values" data-section="values">
        <FeatureCardThree
          title="Our Core Values"
          description="The principles that guide everything we do in luxury real estate."
          tag="What We Stand For"
          tagIcon={Gem}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: "01",
              title: "Integrity First",
              description: "Unwavering commitment to transparency, honesty, and ethical practices in every transaction and relationship.",
              imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-reading-magazine-near-panoramic-window_7502-9287.jpg?_wi=5",
              imageAlt: "Integrity",
            },
            {
              id: "02",
              title: "Expert Knowledge",
              description: "Deep market expertise, architectural insight, and investment acumen to guide our clients through complex decisions.",
              imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-summer-holidays_23-2151982712.jpg?_wi=4",
              imageAlt: "Expertise",
            },
            {
              id: "03",
              title: "Discretion & Privacy",
              description: "Complete confidentiality and privacy protection for all clients, their properties, and transactions at the highest level.",
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-outdoors-with-stylish-dress-sunglasses_23-2149548580.jpg?_wi=4",
              imageAlt: "Privacy",
            },
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigate",
              items: [
                { label: "Home", href: "/" },
                { label: "Properties", href: "/properties" },
                { label: "About", href: "/about" },
                { label: "Contact", href: "/contact" },
              ],
            },
            {
              title: "Services",
              items: [
                { label: "Property Search", href: "/" },
                { label: "Investment Analysis", href: "/" },
                { label: "Concierge Services", href: "/" },
                { label: "Market Reports", href: "/" },
              ],
            },
            {
              title: "Company",
              items: [
                { label: "Our Team", href: "/about" },
                { label: "Testimonials", href: "/" },
                { label: "Careers", href: "#" },
                { label: "Press", href: "#" },
              ],
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Disclosure", href: "#" },
                { label: "Contact", href: "/contact" },
              ],
            },
          ]}
          bottomLeftText="© 2025 Luxury Estates. All rights reserved."
          bottomRightText="Redefining Luxury Real Estate Worldwide"
        />
      </div>
    </ThemeProvider>
  );
}