"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import { Shield, Sparkles, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeMediumTitles"
        background="none"
        cardStyle="glass-depth"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        { name: "Home", id: "hero" },
        { name: "Collection", id: "products" },
        { name: "Heritage", id: "about" },
        { name: "Contact", id: "contact" }
      ]}
      brandName="ADAPA"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{ variant: "gradient-bars" }}
      title="Ancient Identity. Modern Streetwear."
      description="هوية عريقة، ستريت وير عصري. Discover the fusion of Mesopotamian legacy and contemporary urban luxury."
      testimonials={[
        { name: "Ali Hassan", handle: "@ali.adapa", testimonial: "The quality and the cultural narrative in every drop are unparalleled.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-model-with-earphones_23-2149429038.jpg" },
        { name: "Layla Zaid", handle: "@laylaz.style", testimonial: "Finally, a brand that feels truly modern yet grounded in our identity.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-sceptical-buisnessman-with-beard-dark-clothing-is-standing-dark-photo-studio_613910-12652.jpg" },
        { name: "Omar Fakhri", handle: "@omar.f", testimonial: "Mesopotamia reimagined for the modern streetwear era. Simply bold.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-darkskinned-curly-woman-stylish-white-blouse-burgundy-trendy-pants-crosses-arms-poses-dressing-room_197531-29873.jpg" },
        { name: "Sarah Mansour", handle: "@sarah.m", testimonial: "A premium look that resonates with my heritage and my city life.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mournful-female-dressed-all-black-black-funeral-grief-death-sadness_179666-42770.jpg" },
        { name: "Zaid Kareem", handle: "@zkareem", testimonial: "Craftsmanship meets history. ADAPA is my go-to luxury choice.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-wearing-red-jacket_23-2149020156.jpg" }
      ]}
      buttons={[{ text: "Shop Collection", href: "#products" }, { text: "Explore Heritage", href: "#about" }]}
      imageSrc="http://img.b2bpic.net/free-photo/diverse-cultural-fashion-portrait_23-2151874311.jpg"
      imageAlt="ADAPA Fashion Banner"
      mediaAnimation="blur-reveal"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/medium-shot-man-with-afro-dreadlocks_23-2149462070.jpg", alt: "Medium shot man with afro dreadlocks" },
        { src: "http://img.b2bpic.net/free-photo/side-view-man-with-afro-dreadlocks-holding-phone_23-2149462074.jpg", alt: "Side view man with afro dreadlocks holding phone" },
        { src: "http://img.b2bpic.net/free-photo/front-view-woman-with-hijab-posing_23-2149522161.jpg", alt: "Front view woman with hijab posing" },
        { src: "http://img.b2bpic.net/free-photo/fashion-portrait-black-african-american-man-green-velvet-jacket-black-hat-sitting-railing-background-old-vintage-house-with-arch_627829-3583.jpg", alt: "Fashion portrait of black african american man" },
        { src: "http://img.b2bpic.net/free-photo/model-posing-with-plant-medium-shot_23-2149411346.jpg", alt: "Model posing with plant" }
      ]}
      marqueeItems={[
        { type: "text", text: "MESOPOTAMIAN LEGACY" },
        { type: "text", text: "URBAN STREETWEAR" },
        { type: "text", text: "MODERN LUXURY" },
        { type: "text", text: "CULTURAL IDENTITY" },
        { type: "text", text: "TIMELESS DESIGN" }
      ]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        { id: "1", name: "Cuneiform Oversized Hoodie", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/teddy-bear-biscuit-white-paper_114579-19123.jpg" },
        { id: "2", name: "Babylonian Art Tee", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-cafe_23-2147710383.jpg" },
        { id: "3", name: "Metallic Hardware Sweatshirt", price: "$140", imageSrc: "http://img.b2bpic.net/free-photo/serious-teenage-girl-with-bun-hairstyle-looks-directly-camera-dressed-green-stylish-clothes-wears-bright-makeup-leans-knees-poses-against-blurred-background-people-style-concept_273609-57792.jpg" },
        { id: "4", name: "Mesopotamian Cargo Trousers", price: "$160", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-outdoor_624325-1261.jpg" },
        { id: "5", name: "Ancient Symbol Snapback", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-teen-with-pink-hoodie_23-2148629629.jpg" },
        { id: "6", name: "Cuneiform Bomber Jacket", price: "$210", imageSrc: "http://img.b2bpic.net/free-vector/art-deco-wallpaper-flat-design_23-2149146218.jpg" }
      ]}
      title="DROP 01 — MESOPOTAMIA"
      description="الإصدار الأول — بلاد الرافدين. Limited edition artifacts for the modern era."
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="ADAPA — The Essence"
      metrics={[
        { icon: Sparkles, label: "Ancient Inspiration", value: "Sumerian" },
        { icon: Shield, label: "Luxury Standard", value: "Premium" },
        { icon: Zap, label: "Youth Spirit", value: "Modern" }
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="editorial" data-section="editorial">
      <TeamCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      team={[
        { id: "l-1", name: "Drop 01 Campaign", role: "Desert Landscapes", imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-fashionable-girl-posing-egyptian-desert-sand-dunes_273443-3004.jpg" },
        { id: "l-2", name: "Urban Luxury", role: "City Life Editorial", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021795.jpg" },
        { id: "l-3", name: "Detail Shot", role: "Textile Storytelling", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-walking-around-city-street-photo_1321-2574.jpg" }
      ]}
      title="Lookbook Editorial"
      description="Magazine-style glimpses into the Mesopotamian streetwear narrative."
    />
  </div>

  <div id="social" data-section="social">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={["Represent Culture", "Fear of Heritage", "Modern Babylonian", "Urban Luxury", "Iraqi Youth", "Global Nomad", "Sumerian Street"]}
      title="ADAPA in the Culture"
      description="Resonating across the fashion scene."
    />
  </div>

  <div id="drop-banner" data-section="drop-banner">
      <ContactCTA
      useInvertedBackground={false}
      background={{ variant: "radial-gradient" }}
      tag="Limited Drop"
      title="DROP 01 — MESOPOTAMIA"
      description="الإصدار الأول — بلاد الرافدين. Join our community to access limited drops and exclusive heritage collections."
      buttons={[{ text: "Join Newsletter", href: "#contact" }]}
    />
  </div>

  <div id="contact" data-section="contact">
      <FaqDouble
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        { id: "1", title: "Where do you ship?", content: "We ship globally to all major international hubs." },
        { id: "2", title: "Are designs limited?", content: "Yes, every collection is a limited drop to preserve artistic value." },
        { id: "3", title: "How to choose size?", content: "Refer to our size guide on each product page for precise measurements." }
      ]}
      title="Frequently Asked"
      description="Everything you need to know about our craftsmanship and shipping."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="ADAPA"
      columns={[
        { title: "Shop", items: [{ label: "Collection", href: "#products" }, { label: "About", href: "#about" }] },
        { title: "Legal", items: [{ label: "Shipping", href: "#" }, { label: "Privacy", href: "#" }] },
        { title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "TikTok", href: "#" }] }
      ]}
      copyrightText="© 2025 ADAPA. Ancient Identity."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
