"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Crown, FastForward, Lightbulb, Rocket, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="largeSizeMediumTitles"
        background="blurBottom"
        cardStyle="glass-depth"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Pricing",          id: "#pricing"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Team",          id: "#team"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Azoryn"
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlayTestimonial
      title="Stunning websites built in 48 hours"
      description="AI-powered design meets human creativity. Launch your brand online faster than ever—without compromising on premium quality or innovation."
      testimonials={[
        {
          name: "Alex R.",          handle: "@alexr_ventures",          testimonial: "Azoryn delivered my e-commerce site in record time, and it looks absolutely stunning! Gen Z aesthetic, exactly what I needed.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3767.jpg"},
        {
          name: "Maya S.",          handle: "@maya_s_brands",          testimonial: "The speed and quality are unmatched. My SaaS landing page is getting incredible conversions. Highly recommend Azoryn!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-african-student-woman-standing-college-corridor-smiling-holding-books-looking-side-education-learning-concept_176420-12450.jpg"},
        {
          name: "Kai L.",          handle: "@kail_creative",          testimonial: "As a creative, I appreciate the attention to detail and modern design. Azoryn understood my vision perfectly.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-hardworking-man-his-own-studio_1153-5359.jpg"},
        {
          name: "Chloe T.",          handle: "@chloe_tech",          testimonial: "The AI integration is truly next-level. Got a bespoke website faster and better than any traditional agency.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg"},
        {
          name: "Jordan P.",          handle: "@jordanp_innovates",          testimonial: "Needed a dynamic portfolio fast. Azoryn exceeded expectations on both speed and design quality. Truly elite service.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg"},
        {
          name: "Sam W.",          handle: "@samw_digital",          testimonial: "Transparent, efficient, and brilliant designs. Azoryn is the future of web development. My brand exploded!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-confident-person-posing-studio-camera_482257-99093.jpg"},
      ]}
      testimonialRotationInterval={5000}
      tag="Building brands beyond borders"
      buttons={[
        {
          text: "Get Free Quote",          href: "#contact"},
        {
          text: "View Portfolio",          href: "#services"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/light-background-with-sunset-projector-lamp_53876-103790.jpg"
      imageAlt="Futuristic web design studio with AI interfaces"
      showDimOverlay={true}
      showBlur={true}
      textPosition="bottom"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-with-headphones_23-2148937643.jpg",          alt: "Gen Z male entrepreneur avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-curly-black-woman-smiling-camera-home_197531-33133.jpg",          alt: "Gen Z female entrepreneur avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-2935.jpg",          alt: "Gen Z non-binary entrepreneur avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-man-sitting-armchair_23-2148130337.jpg",          alt: "Gen Z male tech founder avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/front-view-young-woman-showing-size-with-smile-pink-wall_179666-2905.jpg",          alt: "Gen Z female startup leader avatar"},
      ]}
      avatarText="Join 1000+ satisfied Gen Z founders"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "AI-Powered Design",          description: "Our intelligent algorithms streamline the design process, generating stunning, custom layouts tailored to your brand's unique identity in minutes.",          icon: Lightbulb,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/ai-nuclear-energy-industry-innovation-smart-grid-disruptive-technology_53876-143121.jpg",              imageAlt: "Abstract AI brain graphic"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg",              imageAlt: "Minimalist digital interface with code"}
          ]
        },
        {
          title: "48-Hour Delivery",          description: "Stop waiting. Our efficient, AI-augmented workflow ensures your premium, fully functional website is delivered and ready to launch within just 2 days.",          icon: FastForward,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-vector/2025-new-year-celebration-wallpaper-with-light-effect_1017-55101.jpg",              imageAlt: "Digital clock displaying 48h rapidly counting down"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/cool-background-blank-wallpaper-place-your-concept_1194-641481.jpg",              imageAlt: "Abstract concept of accelerated workflow"}
          ]
        },
        {
          title: "Premium Quality",          description: "AI does the heavy lifting, but human creativity refines every detail. The result is a high-end, dynamic, and accessible website that truly stands out.",          icon: Star,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/8-bit-graphics-pixels-scene-with-lion_23-2151121021.jpg",              imageAlt: "Close-up of a perfectly crafted UI design on a monitor"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/industrial-designers-working-office-together_23-2149307797.jpg",              imageAlt: "Sleek, modern web design portfolio"}
          ]
        },
      ]}
      title="Accelerate Your Vision"
      description="Experience the Azoryn advantage: unparalleled speed, cutting-edge AI, and uncompromising quality for your next digital venture."
    />
  </div>

  <div id="design-packages" data-section="design-packages">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "p-ecommerce",          name: "E-Commerce Store",          price: "Starting at $2999",          imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-with-eyeshadow-palette-nail-polish-bottle-purple-background_23-2148129460.jpg",          imageAlt: "Modern e-commerce storefront mockup"},
        {
          id: "p-saas",          name: "SaaS Platform",          price: "Starting at $3999",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-tablet_23-2149429322.jpg",          imageAlt: "Sleek SaaS dashboard interface"},
        {
          id: "p-portfolio",          name: "Creative Portfolio",          price: "Starting at $1999",          imageSrc: "http://img.b2bpic.net/free-photo/creative-collage-portrait_23-2150108922.jpg",          imageAlt: "Dynamic creative portfolio website mockup"},
        {
          id: "p-corporate",          name: "Corporate Website",          price: "Starting at $3499",          imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-keyboard-wooden-cubes-greenish-brown-grey-background-flat-lay_176474-6569.jpg",          imageAlt: "Sophisticated corporate website homepage"},
        {
          id: "p-landing",          name: "High-Conversion Landing Page",          price: "Starting at $1499",          imageSrc: "http://img.b2bpic.net/free-vector/flat-abstract-landing-page-template_23-2148246063.jpg",          imageAlt: "High-conversion landing page mockup"},
        {
          id: "p-custom",          name: "Custom Web Application",          price: "Quote on Request",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-black-freelance-developer-using-desktop-monitor_482257-131138.jpg",          imageAlt: "Abstract modular web application interface"},
      ]}
      title="Our Design Packages"
      description="From stunning e-commerce stores to robust SaaS platforms, we craft tailored digital experiences that resonate with your audience."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "basic",          badge: "Start",          badgeIcon: Sparkles,
          price: "$1,499",          subtitle: "Ideal for startups and solopreneurs.",          buttons: [
            {
              text: "Get Started"},
          ],
          features: [
            "1-page landing page",            "AI-driven design concepts",            "Mobile responsive",            "Basic SEO optimization",            "48-hour delivery"],
        },
        {
          id: "pro",          badge: "Growth",          badgeIcon: Rocket,
          price: "$2,999",          subtitle: "Perfect for growing brands needing more.",          buttons: [
            {
              text: "Choose Pro"},
          ],
          features: [
            "Up to 5 pages",            "Advanced AI design customization",            "Integrated CMS (content management)",            "Enhanced SEO & analytics setup",            "48-hour delivery with revisions"],
        },
        {
          id: "enterprise",          badge: "Elite",          badgeIcon: Crown,
          price: "Custom Quote",          subtitle: "Tailored for established brands and complex projects.",          buttons: [
            {
              text: "Contact Sales"},
          ],
          features: [
            "Unlimited pages",            "Dedicated design team + AI",            "E-commerce / SaaS integration",            "Full marketing & brand strategy",            "Priority 48-hour delivery & support"],
        },
      ]}
      title="Transparent Pricing, Unmatched Value"
      description="Choose a plan that scales with your ambition. No hidden fees, just premium design and rapid delivery."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Jessica Chen",          imageSrc: "http://img.b2bpic.net/free-photo/brutal-athletic-male-vogue-model-dressed-white-shirt-grey-background_613910-9888.jpg",          imageAlt: "Avatar of Jessica Chen"},
        {
          id: "t2",          name: "Mark Johnson",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg",          imageAlt: "Avatar of Mark Johnson"},
        {
          id: "t3",          name: "Sarah Lee",          imageSrc: "http://img.b2bpic.net/free-photo/man-standing-surfboard-shop_107420-94958.jpg",          imageAlt: "Avatar of Sarah Lee"},
        {
          id: "t4",          name: "David Kim",          imageSrc: "http://img.b2bpic.net/free-photo/serious-man-with-gray-background-scarf_1139-679.jpg",          imageAlt: "Avatar of David Kim"},
        {
          id: "t5",          name: "Emily White",          imageSrc: "http://img.b2bpic.net/free-photo/happy-ginger-woman-posing-sideways-looking_171337-10665.jpg",          imageAlt: "Avatar of Emily White"},
        {
          id: "t6",          name: "Daniel Brown",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-young-man-sitting-office-coworking_171337-17642.jpg",          imageAlt: "Avatar of Daniel Brown"},
      ]}
      cardTitle="What Our Clients Say"
      cardTag="Trusted by Innovators"
      cardAnimation="blur-reveal"
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      members={[
        {
          id: "m1",          name: "Lena K. (AI Lead)",          role: "Chief AI Architect",          description: "Pioneering the algorithms that power our ultra-fast, intelligent design generation. Lena ensures innovation.",          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-confident-woman-works-creatively-professionally-exuding-innovation_1258-296528.jpg",          imageAlt: "Lena K., Chief AI Architect"},
        {
          id: "m2",          name: "Marcus J. (Design Director)",          role: "Creative Design Director",          description: "With an eye for Gen Z trends and modern aesthetics, Marcus oversees the human touch that elevates every project.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-middle-aged-scientist-special-white-suit-smelling-solution_140725-83330.jpg",          imageAlt: "Marcus J., Creative Design Director"},
        {
          id: "m3",          name: "Sofia P. (Operations)",          role: "Head of Client Success",          description: "Sofia ensures a seamless client journey from initial quote to final 48-hour delivery, prioritizing satisfaction.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-laptop_1098-1842.jpg",          imageAlt: "Sofia P., Head of Client Success"},
        {
          id: "m4",          name: "Ethan R. (UX Specialist)",          role: "Lead UI/UX Developer",          description: "Crafting intuitive and engaging user experiences, Ethan blends functionality with Azoryn's dynamic visual style.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165939.jpg",          imageAlt: "Ethan R., Lead UI/UX Developer"},
      ]}
      title="Meet the Visionaries Behind Azoryn"
      description="Our blend of AI precision and human artistry ensures your brand stands out with unparalleled design."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",          title: "How does Azoryn deliver a website in 48 hours?",          content: "Our proprietary AI-powered design platform rapidly generates initial concepts and handles much of the development. This is then refined and perfected by our human design experts for premium quality and speed."},
        {
          id: "faq2",          title: "What kind of websites can Azoryn build?",          content: "We specialize in modern, dynamic websites for Gen Z entrepreneurs and modern brands, including e-commerce stores, SaaS landing pages, creative portfolios, corporate sites, and custom web applications."},
        {
          id: "faq3",          title: "Is '48-hour delivery' truly guaranteed?",          content: "Yes, for most standard packages. Complex projects requiring extensive custom features or third-party integrations may require a slightly extended timeline, which will be communicated upfront. We prioritize transparency."},
        {
          id: "faq4",          title: "What if I need revisions after delivery?",          content: "Our 'Growth' and 'Elite' packages include revision rounds. For 'Start' packages, revisions can be added. We ensure you're delighted with the final product."},
        {
          id: "faq5",          title: "Do I own the website after delivery?",          content: "Absolutely. Upon final payment, you receive full ownership of your website and all its assets. We provide all necessary files and guidance for hosting and management."},
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about our AI-powered web design services, delivery, and pricing."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      text="Ready to launch your stunning website in 48 hours? Let's build your brand beyond borders."
      buttons={[
        {
          text: "Get Your Free Quote Now",          href: "#"},
        {
          text: "Book a Consultation",          href: "#"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Home",              href: "#home"},
            {
              label: "Services",              href: "#services"},
            {
              label: "Pricing",              href: "#pricing"},
          ],
        },
        {
          items: [
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "Team",              href: "#team"},
            {
              label: "FAQ",              href: "#faq"},
          ],
        },
        {
          items: [
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      logoText="Azoryn"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
