"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, Leaf, Lightbulb, Target, TrendingUp, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="medium"
        sizing="mediumLargeSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "/#hero"},
        {
          name: "About Us",          id: "/about"},
        {
          name: "Services",          id: "/#services"},
        {
          name: "Clients",          id: "/#clients"},
        {
          name: "Team",          id: "/#team"},
        {
          name: "Contact",          id: "/contact-us"},
      ]}
      brandName="ZConsulting"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-animated-grid"}}
      title="Drive Your Growth with ZConsulting"
      description="Expert marketing strategies tailored for your business. We help you achieve measurable results and connect with your audience effectively."
      testimonials={[
        {
          name: "Ahmed Benali",          handle: "@TechSolutions",          testimonial: "ZConsulting transformed our online presence. Their data-driven approach delivered incredible ROI and customer engagement.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg",          imageAlt: "Ahmed Benali"},
        {
          name: "Fatima Zahra",          handle: "@FashionNova",          testimonial: "The team at ZConsulting perfectly captured our brand's essence. Our campaigns have never been more impactful!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/american-african-black-beautiful-business_1303-1344.jpg",          imageAlt: "Fatima Zahra"},
        {
          name: "Yassine El Amrani",          handle: "@StartupSpark",          testimonial: "As a startup, we needed a strong launch. ZConsulting provided the strategic guidance and execution we needed to succeed.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-having-short-break-work-home_329181-14567.jpg",          imageAlt: "Yassine El Amrani"},
        {
          name: "Nadia Cherkaoui",          handle: "@GlobalConnect",          testimonial: "Their comprehensive marketing audit was incredibly insightful. We now have a clear roadmap for sustained growth.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-celebrating-birthday_23-2150599010.jpg",          imageAlt: "Nadia Cherkaoui"},
        {
          name: "Omar Kettani",          handle: "@EcoInnovate",          testimonial: "Working with ZConsulting was a game-changer. Their creative campaigns significantly boosted our brand recognition and sales.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-bearded-hipster-jacket-red-sweater-dark-background_613910-1834.jpg",          imageAlt: "Omar Kettani"},
      ]}
      tag="Your Growth Partner"
      tagIcon={Zap}
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Get a Free Consultation",          href: "/contact-us"},
        {
          text: "Explore Services",          href: "/#services"},
      ]}
      buttonAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",          alt: "Ahmed Benali"},
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-hispanic-woman-wearing-business-jacket-looking-confident-camera-smiling-with-crossed-arms-hand-raised-chin-thinking-positive_839833-8974.jpg",          alt: "Fatima Zahra"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg",          alt: "Yassine El Amrani"},
        {
          src: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-using-touchpad_1262-5858.jpg",          alt: "Nadia Cherkaoui"},
        {
          src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg",          alt: "Confident businessman smiling"},
      ]}
      avatarText="Join 200+ thriving businesses"
      imageSrc="http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-drawings-new-ideas-office_176420-1686.jpg"
      imageAlt="Modern marketing agency dashboard"
      mediaAnimation="opacity"
      marqueeItems={[
        {
          type: "text-icon",          text: "Innovation",          icon: Lightbulb,
        },
        {
          type: "text-icon",          text: "Strategy",          icon: Target,
        },
        {
          type: "text-icon",          text: "Results",          icon: TrendingUp,
        },
        {
          type: "text-icon",          text: "Growth",          icon: Leaf,
        },
        {
          type: "text-icon",          text: "Success",          icon: Award,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",          content: "About "},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-drawings-new-ideas_176420-1680.jpg",          alt: "ZConsulting team meeting"},
        {
          type: "text",          content: "ZConsulting: Your Strategic Marketing Partner"},
      ]}
      buttons={[
        {
          text: "Learn More About Us",          href: "/about"},
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentySeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "seo",          title: "Search Engine Optimization (SEO)",          descriptions: [
            "Improve your organic search rankings and drive qualified traffic to your website.",            "Comprehensive keyword research, on-page optimization, and technical SEO audits."],
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-keyboard-with-magnifier-wooden-background-vertical_176474-6278.jpg",          imageAlt: "SEO strategy and analytics"},
        {
          id: "social-media",          title: "Social Media Marketing",          descriptions: [
            "Build strong brand presence and engage with your audience across all major social platforms.",            "Content creation, campaign management, community engagement, and performance tracking."],
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-woman-recording-video-her-room-has-camera-coffee-table-reviewing_1258-254315.jpg",          imageAlt: "Social media marketing content"},
        {
          id: "content-marketing",          title: "Content Marketing",          descriptions: [
            "Create valuable, relevant content that attracts, engages, and converts your target audience.",            "Blog posts, articles, videos, infographics, and email newsletters tailored to your brand."],
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-computer-laptop-screen-showing-ideas-wooden-table_53876-16088.jpg",          imageAlt: "Content marketing strategy"},
      ]}
      title="Our Core Services"
      description="We offer a comprehensive suite of digital marketing services designed to elevate your brand and achieve your business objectives."
    />
  </div>

  <div id="clients" data-section="clients">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "GlobalCorp",        "InnovateX",        "FusionTech",        "Apex Solutions",        "BrightSpark",        "Quantum Leap",        "Visionary Inc",        "Dynamic Co",        "Elite Ventures"]}
      title="Trusted by Leading Brands"
      description="Our expertise has helped diverse businesses achieve significant marketing success and growth."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          role: "CEO",          company: "TechCorp",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-front-view-business-man_23-2148763836.jpg",          imageAlt: "Sarah Johnson"},
        {
          id: "2",          name: "Michael Chen",          role: "CTO",          company: "InnovateLab",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg",          imageAlt: "Michael Chen"},
        {
          id: "3",          name: "Emily Rodriguez",          role: "Marketing Director",          company: "GrowthCo",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-studio-front-view_23-2148846674.jpg",          imageAlt: "Emily Rodriguez"},
        {
          id: "4",          name: "David Kim",          role: "Product Manager",          company: "StartupXYZ",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-middle-age-couple-being-affectionate_23-2149016113.jpg",          imageAlt: "David Kim"},
        {
          id: "5",          name: "Jessica Lee",          role: "Founder",          company: "CreativeHub",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-hand-gesture-using-stylus-writing_53876-105189.jpg",          imageAlt: "Jessica Lee"},
      ]}
      kpiItems={[
        {
          value: "+200%",          label: "Average ROI for clients"},
        {
          value: "98%",          label: "Client Satisfaction Rate"},
        {
          value: "10+",          label: "Years in Marketing Excellence"},
      ]}
      title="What Our Clients Say"
      description="Hear directly from the businesses we've helped succeed. Their growth is our greatest accomplishment."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      team={[
        {
          id: "1",          name: "Amira Khan",          role: "CEO & Lead Strategist",          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-leader-talking-assistant-cafe_1262-1842.jpg",          imageAlt: "Amira Khan"},
        {
          id: "2",          name: "Karim Jilali",          role: "Digital Marketing Director",          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-digital-tablet_107420-65743.jpg",          imageAlt: "Karim Jilali"},
        {
          id: "3",          name: "Sofia Belhaj",          role: "Head of Content & SEO",          imageSrc: "http://img.b2bpic.net/free-photo/office-worker-reading-annual-reports_482257-75598.jpg",          imageAlt: "Sofia Belhaj"},
      ]}
      title="Meet Our Expert Team"
      description="Our diverse team of marketing professionals brings a wealth of experience and passion to every project."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Let's Grow Your Business"
      description="Ready to take your marketing to the next level? Fill out the form below and we'll get back to you shortly."
      inputs={[
        {
          name: "fullName",          type: "text",          placeholder: "Your Full Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email Address",          required: true,
        },
        {
          name: "company",          type: "text",          placeholder: "Your Company Name"},
      ]}
      textarea={{
        name: "message",        placeholder: "Tell us about your project and needs...",        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/vacant-office-with-organized-technology_482257-119524.jpg"
      imageAlt="Modern marketing agency office"
      mediaPosition="right"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Services",          items: [
            {
              label: "SEO",              href: "/#services"},
            {
              label: "Social Media",              href: "/#services"},
            {
              label: "Content Marketing",              href: "/#services"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "/about"},
            {
              label: "Team",              href: "/#team"},
            {
              label: "Contact",              href: "/contact-us"},
          ],
        },
        {
          title: "Resources",          items: [
            {
              label: "Blog",              href: "#"},
            {
              label: "Case Studies",              href: "#"},
            {
              label: "FAQ",              href: "#"},
          ],
        },
      ]}
      bottomLeftText="© 2024 ZConsulting. All rights reserved."
      bottomRightText="Crafted with passion in Morocco."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
