"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Award, CheckCircle, Globe, Lightbulb, LineChart, Link, Settings, TrendingUp, Trophy } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="medium"
        sizing="mediumLarge"
        background="noiseDiagonalGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Services",
          id: "#features",
        },
        {
          name: "Insights",
          id: "#metrics",
        },
        {
          name: "Team",
          id: "#team",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Ibis Group LLC"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "plain",
      }}
      title="Shaping Tomorrow's Possibilities Today"
      description="Ibis Group LLC is a dynamic consultancy driving innovation and strategic growth for businesses across diverse industries. We transform challenges into opportunities."
      tagAnimation="blur-reveal"
      buttons={[
        {
          text: "Explore Services",
          href: "#features",
        },
        {
          text: "Get in Touch",
          href: "#contact",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-planning-trip-with-map_23-2148925828.jpg?_wi=1",
          imageAlt: "Business strategy meeting",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169845.jpg?_wi=1",
          imageAlt: "Team collaboration",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/finance-money-debt-credit-balance-concept_53876-127372.jpg",
          imageAlt: "Business handshake",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-explaining-infographic-elements-sheet-his-female-colleague_23-2147899658.jpg",
          imageAlt: "Data analysis",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/hight-rise-condominium-office-buildings_1127-3571.jpg",
          imageAlt: "Modern office exterior",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-writing-business-plan_23-2148513827.jpg",
          imageAlt: "Creative problem solving",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="Our Impact & Vision"
      metrics={[
        {
          icon: TrendingUp,
          label: "Growth Rate",
          value: "25%+",
        },
        {
          icon: Globe,
          label: "Global Reach",
          value: "3 Continents",
        },
        {
          icon: Award,
          label: "Years in Business",
          value: "10+",
        },
      ]}
      metricsAnimation="reveal-blur"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBento
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Strategic Consulting",
          description: "Expert guidance to refine your vision and outline actionable roadmaps for market leadership and operational excellence.",
          bentoComponent: "reveal-icon",
          icon: Lightbulb,
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-white-arrows-green-background_23-2148879376.jpg",
          imageAlt: "growth chart icon ascending trend",
        },
        {
          title: "Global Market Expansion",
          description: "Navigate international markets with confidence. We provide insights and strategies for effective global outreach and sustainable growth.",
          bentoComponent: "globe",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-planning-trip-with-map_23-2148925828.jpg?_wi=2",
          imageAlt: "growth chart icon ascending trend",
        },
        {
          title: "Project Workflow",
          description: "Streamline processes, enhance efficiency, and optimize performance across your organization for maximum impact and profitability.",
          bentoComponent: "3d-task-list",
          items: [
            {
              icon: CheckCircle,
              label: "Discovery & Analysis",
              time: "Day 1-5",
            },
            {
              icon: Settings,
              label: "Strategy Development",
              time: "Week 2",
            },
            {
              icon: BarChart3,
              label: "Implementation & Support",
              time: "Ongoing",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169845.jpg?_wi=2",
          imageAlt: "growth chart icon ascending trend",
        },
      ]}
      title="Innovative Solutions for Your Business"
      description="We specialize in crafting bespoke strategies and implementing cutting-edge technologies to overcome complex challenges and drive sustainable success."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          icon: Trophy,
          title: "Client Satisfaction",
          value: "98%",
        },
        {
          id: "m2",
          icon: Link,
          title: "Successful Projects",
          value: "300+",
        },
        {
          id: "m3",
          icon: LineChart,
          title: "Average ROI",
          value: "150%",
        },
      ]}
      title="Driving Success with Measurable Results"
      description="Our commitment to excellence is reflected in the tangible outcomes and sustained growth we deliver for our clients."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah Johnson",
          handle: "@sarahj",
          testimonial: "Ibis Group's strategic insights were invaluable. They helped us identify new market opportunities and achieve significant growth.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman_1098-16876.jpg",
          imageAlt: "Sarah Johnson",
        },
        {
          id: "2",
          name: "Michael Chen",
          handle: "@michaelc",
          testimonial: "Their team's expertise in operational efficiency transformed our workflow. We've seen a remarkable improvement in productivity.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg",
          imageAlt: "Michael Chen",
        },
        {
          id: "3",
          name: "Emily Rodriguez",
          handle: "@emilyr",
          testimonial: "The tailored solutions provided by Ibis Group were exactly what we needed. Truly a partner in innovation and success.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/working-with-laptop_1098-14241.jpg",
          imageAlt: "Emily Rodriguez",
        },
        {
          id: "4",
          name: "David Kim",
          handle: "@davidk",
          testimonial: "Outstanding results and professional service. Ibis Group is our go-to for strategic planning and execution.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/female-manager-celebrating-achievements_482257-121955.jpg",
          imageAlt: "David Kim",
        },
        {
          id: "5",
          name: "Jessica Lee",
          handle: "@jessical",
          testimonial: "They don't just advise, they empower. Ibis Group's approach to sustainable growth is second to none.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
          imageAlt: "Jessica Lee",
        },
      ]}
      showRating={true}
      title="What Our Clients Say"
      description="Hear directly from the businesses and leaders who have experienced the Ibis Group difference, praising our strategic insights and dedicated support."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "InnovateCorp",
        "Global Dynamics",
        "Synergy Solutions",
        "Pioneer Group",
        "Apex Ventures",
        "Horizon Tech",
        "Quantum Leap",
      ]}
      title="Trusted by Industry Leaders"
      description="Our growing portfolio includes collaborations with influential organizations committed to pushing boundaries and achieving excellence."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardSix
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      members={[
        {
          id: "t1",
          name: "Dr. Alex Sharma",
          role: "CEO & Founder",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
          imageAlt: "Dr. Alex Sharma, CEO",
        },
        {
          id: "t2",
          name: "Maria Garcia",
          role: "Lead Strategist",
          imageSrc: "http://img.b2bpic.net/free-photo/data-center-software-developer-analyzing-program-logs-metrics-close-up_482257-126787.jpg",
          imageAlt: "Maria Garcia, Lead Strategist",
        },
        {
          id: "t3",
          name: "Ben Carter",
          role: "Head of Technology",
          imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panel-manufacturing-facility-presents-green-energy-production_482257-119910.jpg",
          imageAlt: "Ben Carter, Head of Technology",
        },
      ]}
      title="Meet the Minds Behind Ibis Group"
      description="Our diverse team of experts brings a wealth of experience and a passion for innovation to every project, dedicated to your success."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Get in Touch"
      title="Let's Build Something Great Together"
      description="Ready to transform your business? Reach out to us and discover how Ibis Group LLC can help you achieve your goals and unlock new potential."
      imageSrc="http://img.b2bpic.net/free-photo/natural-abstract-shadows_23-2149054714.jpg"
      imageAlt="Abstract geometric background"
      mediaAnimation="reveal-blur"
      mediaPosition="right"
      inputPlaceholder="Your email address"
      buttonText="Send Inquiry"
      termsText="By submitting, you agree to our Privacy Policy and Terms of Service."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Ibis Group LLC"
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Strategic Consulting",
              href: "#features",
            },
            {
              label: "Operational Excellence",
              href: "#features",
            },
            {
              label: "Market Expansion",
              href: "#features",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Our Team",
              href: "#team",
            },
            {
              label: "Client Success",
              href: "#testimonials",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Resources",
          items: [
            {
              label: "Blog",
              href: "#",
            },
            {
              label: "Case Studies",
              href: "#",
            },
            {
              label: "Support",
              href: "#",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Ibis Group LLC. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
