"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextAbout from '@/components/sections/about/TextAbout';
import { Briefcase, CheckCircle, Code, DollarSign, Folder, Lightbulb, Palette, Sparkles, Star, Users, Video, Zap, LayoutTemplate, MonitorCheck, Bot, MessageCircleMore, Megaphone, ImageIcon, Brush } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="largeSmallSizeLargeTitles"
        background="none"
        cardStyle="gradient-radial"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Pricing",          id: "#pricing"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="DigitalCrafters"
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlayTestimonial
      title="Crafting Digital Excellence for Your Vision"
      description="From captivating websites to intelligent AI solutions, we bring your digital ideas to life with precision and innovation."
      testimonials={[
        {
          name: "Alex Johnson",          handle: "@alexj",          testimonial: "DigitalCrafters delivered an outstanding website that perfectly captures our brand. Their attention to detail and responsiveness were exceptional!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-glowing-digital-waveform_84443-86252.jpg"},
        {
          name: "Sarah Chen",          handle: "@sarahc",          testimonial: "The Telegram bot developed by DigitalCrafters revolutionized our customer support. It's efficient, intuitive, and highly reliable.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/tattooed-man-texting-social-media-remix_53876-98452.jpg"},
        {
          name: "Michael Green",          handle: "@michaelg",          testimonial: "Their AI video generation service is a game-changer. We've produced high-quality content quickly and cost-effectively.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/technician-employs-ai-chatbot-pc-monitor-executing-programming-code_482257-120774.jpg"},
        {
          name: "Emily Rodriguez",          handle: "@emilyr",          testimonial: "The AI image generation brought our marketing campaigns to life with unique and stunning visuals. Truly impressed!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/marine-landscape-with-bioluminescent-nature_23-2151206904.jpg"},
        {
          name: "David Lee",          handle: "@davidl",          testimonial: "Working with DigitalCrafters was a seamless experience. They understood our needs and exceeded expectations on every front.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-using-laptop-dark-room_23-2147802042.jpg"},
      ]}
      testimonialRotationInterval={5000}
      tag="Innovation Partners"
      tagIcon={Sparkles}
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Explore Services",          href: "#services"},
        {
          text: "Get a Quote",          href: "#contact"},
      ]}
      buttonAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/woman-walks-outdoors-strolls-small-beautiful-city-around-ancient-buildings-smiles-happily-wears-stylish-clothes-enjoys-free-time-vacations-has-happy-expression_273609-54756.jpg",          alt: "Customer Sarah Johnson"},
        {
          src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",          alt: "Customer Michael Chen"},
        {
          src: "http://img.b2bpic.net/free-photo/businessman-with-hand-reaching-out_23-2148308600.jpg",          alt: "Customer Emily Rodriguez"},
        {
          src: "http://img.b2bpic.net/free-photo/smiley-man-therapy-close-up_23-2148928794.jpg",          alt: "Customer David Kim"},
        {
          src: "http://img.b2bpic.net/free-photo/front-view-business-woman-office_23-2149442273.jpg",          alt: "Satisfied Client"},
      ]}
      avatarText="Join 100+ satisfied clients!"
      imageSrc="http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg"
      imageAlt="Futuristic digital workspace with data streams"
      showDimOverlay={true}
      showBlur={true}
      textPosition="bottom"
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      tag="Our Story"
      tagIcon={Lightbulb}
      tagAnimation="blur-reveal"
      title="Innovating Digital Experiences with Expertise and Passion"
      buttons={[
        {
          text: "Learn More",          href: "#services"},
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Website Creation & Development",          description: "Crafting bespoke, high-performance websites tailored to your brand identity and business objectives, ensuring a seamless user experience across all devices.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/analysis-strategy-study-information-business-planning_53876-133682.jpg",            imageAlt: "Responsive website design across devices"},
          items: [
            {
              icon: Code,
              text: "Custom Web Design"},
            {
              icon: LayoutTemplate,
              text: "Responsive & SEO-friendly"},
            {
              icon: MonitorCheck,
              text: "Scalable & Secure"},
          ]
,          reverse: false
        },
        {
          title: "Telegram Bot Development",          description: "Developing intelligent, interactive Telegram bots to automate tasks, enhance customer engagement, and streamline your operational workflows.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336595.jpg",            imageAlt: "Abstract visualization of Telegram bot processing data"},
          items: [
            {
              icon: Bot,
              text: "Automated Workflows"},
            {
              icon: MessageCircleMore,
              text: "Customer Support Bots"},
            {
              icon: Zap,
              text: "Integration & APIs"},
          ]
,          reverse: true
        },
        {
          title: "AI Video Generation",          description: "Leverage cutting-edge AI to produce professional-quality videos, from marketing content to educational explainers, with unparalleled speed and efficiency.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139302.jpg",            imageAlt: "Dynamic montage of AI-generated video clips"},
          items: [
            {
              icon: Video,
              text: "Realistic Avatars"},
            {
              icon: Megaphone,
              text: "Marketing Videos"},
            {
              icon: Sparkles,
              text: "High-Quality Production"},
          ]
,          reverse: false
        },
        {
          title: "AI Image Generation",          description: "Unlock infinite creative possibilities with AI-powered image generation, producing unique, high-resolution visuals for all your branding and content needs.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/digital-art-ai-technology-background_23-2151719603.jpg",            imageAlt: "Creative studio workspace with evolving AI-generated images"},
          items: [
            {
              icon: ImageIcon,
              text: "Custom Graphics"},
            {
              icon: Palette,
              text: "Artistic Styles"},
            {
              icon: Brush,
              text: "Photorealistic Renders"},
          ]
,          reverse: true
        },
      ]}
      title="Comprehensive Digital Services"
      description="We offer a diverse range of services tailored to elevate your online presence and automate your operations."
      tag="Our Offerings"
      tagIcon={CheckCircle}
      tagAnimation="blur-reveal"
    />
  </div>

  <div id="products-showcase" data-section="products-showcase">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      carouselMode="buttons"
      products={[
        {
          id: "p1",          name: "Starter Website Package",          price: "$1,500",          imageSrc: "http://img.b2bpic.net/free-photo/black-laptop-screen-dark-room-night_169016-58233.jpg",          imageAlt: "Minimalist website landing page"},
        {
          id: "p2",          name: "E-commerce Solutions",          price: "$3,000",          imageSrc: "http://img.b2bpic.net/free-photo/kids-organising-lemonade-stand_23-2149431016.jpg",          imageAlt: "Modern e-commerce product page"},
        {
          id: "p3",          name: "Basic Telegram Support Bot",          price: "$800",          imageSrc: "http://img.b2bpic.net/free-photo/smart-home-assistant-with-holographic-interface_23-2152000834.jpg",          imageAlt: "Customer support chat interface with AI bot"},
        {
          id: "p4",          name: "Custom Telegram Automation Bot",          price: "$2,500",          imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg",          imageAlt: "Complex backend dashboard for custom Telegram bot"},
        {
          id: "p5",          name: "AI Social Media Video Shorts",          price: "$500",          imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-tablet_23-2150201863.jpg",          imageAlt: "Mobile screen displaying engaging short-form AI-generated video clips"},
        {
          id: "p6",          name: "AI Branding Image Pack",          price: "$400",          imageSrc: "http://img.b2bpic.net/free-photo/real-life-zodiac-collage_23-2149588405.jpg",          imageAlt: "Brand style guide document featuring AI-generated logos"},
      ]}
      title="Our Premier Service Offerings"
      description="Explore our core services designed to propel your business forward in the digital age."
      tag="Service Catalog"
      tagIcon={Folder}
      tagAnimation="blur-reveal"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      carouselMode="buttons"
      plans={[
        {
          id: "basic",          badge: "Starter",          badgeIcon: Sparkles,
          price: "$99/mo",          name: "Digital Essentials",          buttons: [
            {
              text: "Start Free Trial",              href: "#contact"},
          ],
          features: [
            "1 Basic Website",            "Telegram Bot Integration",            "5 AI Image Credits",            "Email Support"],
        },
        {
          id: "pro",          badge: "Popular",          badgeIcon: Star,
          price: "$249/mo",          name: "Growth Pro",          buttons: [
            {
              text: "Get Started",              href: "#contact"},
          ],
          features: [
            "1 Advanced Website",            "Custom Telegram Bot",            "20 AI Image Credits",            "1 AI Video Minute",            "Priority Support"],
        },
        {
          id: "enterprise",          badge: "Enterprise",          badgeIcon: Briefcase,
          price: "Custom",          name: "Elite Solutions",          buttons: [
            {
              text: "Contact Sales",              href: "#contact"},
          ],
          features: [
            "Multi-Page Website",            "Advanced AI Bot Solutions",            "Unlimited AI Images",            "Dedicated AI Video Package",            "24/7 Premium Support"],
        },
      ]}
      title="Flexible Pricing for Every Project"
      description="Choose the plan that best fits your needs, whether you're starting small or scaling big."
      tag="Pricing Plans"
      tagIcon={DollarSign}
      tagAnimation="blur-reveal"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Maya Singh",          date: "2024-03-15",          title: "Website exceeded expectations!",          quote: "DigitalCrafters built us a stunning, fast, and mobile-friendly website that has significantly boosted our online presence. Their team was incredibly professional and attentive to our needs.",          tag: "Website Creation",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-holding-bottle-beer-after-work-office-fun-activity-with-colleagues-cheerful-person-drinking-alcoholic-beverage-while-celebrating-with-friends-after-hours_482257-27455.jpg",          avatarAlt: "Maya Singh avatar",          imageSrc: "http://img.b2bpic.net/free-vector/smart-home-management_52683-43939.jpg"},
        {
          id: "t2",          name: "Omar Hassan",          date: "2024-02-28",          title: "Revolutionary Telegram Bot",          quote: "The custom Telegram bot developed by DigitalCrafters is a game-changer for our internal operations. It's intuitive, powerful, and has saved us countless hours. Highly recommend! ",          tag: "Telegram Bots",          avatarSrc: "http://img.b2bpic.net/free-photo/handsome-guy-with-beard-wearing-casual-outfit-laughing-looking-something-funny-standing-again_1258-163601.jpg",          avatarAlt: "Omar Hassan avatar",          imageSrc: "http://img.b2bpic.net/free-photo/phone-with-app-powered-with-ai_1268-21799.jpg"},
        {
          id: "t3",          name: "Chloe Davies",          date: "2024-01-20",          title: "AI Videos transformed our marketing",          quote: "We're absolutely thrilled with the AI-generated videos. They're professional, engaging, and produced at a speed we never thought possible. DigitalCrafters truly delivers future-forward solutions.",          tag: "AI Video",          avatarSrc: "http://img.b2bpic.net/free-photo/afro-american-woman-smiling-close-up_23-2148336947.jpg",          avatarAlt: "Chloe Davies avatar",          imageSrc: "http://img.b2bpic.net/free-photo/video-maker-editing-montage-clips-coloring-software-home_482257-126243.jpg"},
        {
          id: "t4",          name: "Liam Kelly",          date: "2023-12-10",          title: "Stunning AI Imagery for Campaigns",          quote: "DigitalCrafters' AI image generation service provided us with unique and high-quality visuals that made our campaigns stand out. Their creativity and technical expertise are unmatched.",          tag: "AI Images",          avatarSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",          avatarAlt: "Liam Kelly avatar",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-clear-bubble_23-2151102627.jpg"},
        {
          id: "t5",          name: "Isabella Rossi",          date: "2023-11-05",          title: "Exceptional Digital Partnership",          quote: "From concept to launch, DigitalCrafters was an invaluable partner. Their innovative approach and dedication to our success made all the difference. We look forward to future collaborations!",          tag: "Full Service",          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-woman-black-blazer-portrait_23-2152009548.jpg",          avatarAlt: "Isabella Rossi avatar",          imageSrc: "http://img.b2bpic.net/free-photo/chroma-key-displays-server-farm-displaying-node-tree-programming-tool_482257-126027.jpg"},
      ]}
      title="What Our Clients Say"
      description="Hear directly from businesses and individuals who have experienced the DigitalCrafters difference."
      tag="Client Success"
      tagIcon={Users}
      tagAnimation="blur-reveal"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",          title: "What is the typical timeline for website development?",          content: "The timeline varies based on complexity and features, but a standard website typically takes 4-8 weeks from initial consultation to launch. We provide a detailed project plan upon agreement."},
        {
          id: "faq2",          title: "Can you integrate the Telegram bot with my existing systems?",          content: "Yes, our Telegram bots are designed for seamless integration with various third-party APIs and existing business systems, ensuring a cohesive workflow for your operations."},
        {
          id: "faq3",          title: "How customizable are your AI video and image generation services?",          content: "Our AI services offer extensive customization options, allowing you to specify styles, themes, characters, and other parameters to perfectly match your brand and creative vision."},
        {
          id: "faq4",          title: "What support do you offer after project completion?",          content: "We offer various post-launch support and maintenance packages, including technical assistance, updates, and performance monitoring, to ensure your digital assets continue to perform optimally."},
      ]}
      sideTitle="Common Questions"
      sideDescription="Find answers to frequently asked questions about our services and process."
      buttons={[
        {
          text: "Contact Support",          href: "#contact"},
      ]}
      buttonAnimation="slide-up"
      faqsAnimation="slide-up"
      textPosition="left"
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      text="Ready to transform your digital presence? Let's craft something amazing together. Reach out for a consultation!"
      buttons={[
        {
          text: "Get a Free Consultation",          href: "mailto:hello@digitalcrafters.com"},
        {
          text: "Call Us",          href: "tel:+1234567890"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Website Creation",              href: "#services"},
            {
              label: "Telegram Bots",              href: "#services"},
            {
              label: "AI Video Generation",              href: "#services"},
            {
              label: "AI Image Generation",              href: "#services"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/gradient-blue-violet-code-logo_52683-55261.jpg"
      logoAlt="DigitalCrafters Logo"
      logoText="DigitalCrafters"
      copyrightText="© 2024 DigitalCrafters. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
