"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeLargeTitles"
        background="none"
        cardStyle="gradient-bordered"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Solutions",
          id: "#solutions",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
      ]}
      brandName="Creve"
      button={{
        text: "Contact Us",
        href: "#contact",
      }}
      animateOnLoad={true}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Empowering Your Vision, Driving Success"
      description="At Creve, we partner with you to transform challenges into opportunities. Our expert solutions are tailored to accelerate your growth and achieve lasting impact."
      tag="Innovative Solutions"
      tagIcon={Sparkles}
      buttons={[
        {
          text: "Explore Services",
          href: "#services",
        },
        {
          text: "Get a Quote",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/creative-businessmen-with-drawn-bulbs_1134-663.jpg"
      imageAlt="Diverse business team collaborating in a modern office"
      showBlur={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
          alt: "Professional smiling business person",
        },
        {
          src: "http://img.b2bpic.net/free-photo/long-curly-hair-youn-man-with-crossed-hands_158595-3775.jpg",
          alt: "Confident young executive portrait",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg",
          alt: "Diverse team member headshot",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiley-elder-business-woman-out-working-laptop_23-2148661147.jpg",
          alt: "Experienced consultant smiling",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-happy-entrepreneur-working-laptop-while-relaxing-outdoor-cafe_637285-3439.jpg",
          alt: "Young entrepreneur happy",
        },
      ]}
      avatarText="Join 5,000+ satisfied clients."
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="About Creve: Your Strategic Growth Partner"
      description="Creve is a leading consulting firm dedicated to helping businesses navigate complex challenges and unlock their full potential. With a team of seasoned experts, we provide strategic insights and practical solutions across various industries. Our commitment is to deliver measurable results and foster sustainable growth for every client."
      tag="Our Philosophy"
      buttons={[
        {
          text: "Learn More",
          href: "#",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/businesswoman-working-with-project-statistics-preparing-report-team-meeting_1163-3899.jpg"
      imageAlt="Business professionals discussing growth charts"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",
          title: "Strategic Consulting",
          tags: [
            "Strategy",
            "Planning",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-sustainable-light-bulb-alternatives_23-2149165741.jpg",
          imageAlt: "People discussing strategic plans on a whiteboard",
        },
        {
          id: "f2",
          title: "Digital Transformation",
          tags: [
            "Tech",
            "Innovation",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-network-digital-security-data-protection_23-2151998477.jpg",
          imageAlt: "Abstract digital network with data flowing",
        },
        {
          id: "f3",
          title: "Client Relationship Management",
          tags: [
            "CRM",
            "Support",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-suit-headphones-with-microphone-looking-camera-smiling-showing-thumbs-up-standing-white-background_141793-53912.jpg",
          imageAlt: "Two business people shaking hands in agreement",
        },
      ]}
      title="Our Core Services"
      description="We offer a comprehensive suite of services designed to meet your business needs and drive exceptional outcomes."
    />
  </div>

  <div id="solutions" data-section="solutions">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Enterprise AI Solutions",
          price: "Custom Pricing",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-running-data-insights-empty-dark-office-late-night_482257-130090.jpg",
          imageAlt: "Modern enterprise software dashboard with AI elements",
        },
        {
          id: "p2",
          name: "Business Process Optimization",
          price: "Tailored Quote",
          imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-energy-specialists-coordinates-activity-chroma-key_482257-126017.jpg",
          imageAlt: "Business partners shaking hands over a laptop",
        },
        {
          id: "p3",
          name: "Financial Advisory",
          price: "Project-based",
          imageSrc: "http://img.b2bpic.net/free-photo/business-plan-strategy-development-process-graphic-concept_53876-122615.jpg",
          imageAlt: "Financial charts and graphs with a calculator",
        },
        {
          id: "p4",
          name: "Digital Marketing Strategy",
          price: "Competitive Rates",
          imageSrc: "http://img.b2bpic.net/free-photo/person-using-laptop_53876-20652.jpg",
          imageAlt: "Marketing analysis showing data and trends",
        },
        {
          id: "p5",
          name: "Talent Development Programs",
          price: "Variable",
          imageSrc: "http://img.b2bpic.net/free-photo/hiring-career-employment-human-resources-concept_53876-121273.jpg",
          imageAlt: "Group of professionals participating in a workshop",
        },
        {
          id: "p6",
          name: "Innovation & R&D Consulting",
          price: "Consultation",
          imageSrc: "http://img.b2bpic.net/free-photo/hand-gesture-pressing-power-button-hologram_53876-104362.jpg",
          imageAlt: "Abstract representation of innovation and ideas",
        },
      ]}
      title="Transformative Solutions for Every Business"
      description="Our specialized solutions are designed to address unique industry challenges and create new avenues for growth."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          title: "Exceptional Strategic Guidance",
          quote: "Creve's team provided unparalleled strategic guidance that completely transformed our market approach. Their insights were invaluable, leading to a significant increase in our customer engagement.",
          name: "Sarah Johnson",
          role: "CEO, TechInnovate",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg",
          imageAlt: "Sarah Johnson, CEO of TechInnovate",
        },
        {
          id: "2",
          title: "A True Partner in Growth",
          quote: "Working with Creve has been a game-changer. Their dedication to understanding our specific needs and delivering tailored solutions truly makes them a partner, not just a vendor.",
          name: "Michael Chen",
          role: "CTO, FutureSoft",
          imageSrc: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-smiling-cheerful-showing-pointing-with-fingers-teeth-mouth-dental-health-concept_839833-16033.jpg",
          imageAlt: "Michael Chen, CTO of FutureSoft",
        },
        {
          id: "3",
          title: "Outstanding Results Delivered",
          quote: "The results speak for themselves. Creve helped us streamline our operations and achieve efficiency levels we thought were impossible. Highly recommend their expertise! ",
          name: "Emily Rodriguez",
          role: "Marketing Director, Global Brands",
          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-using-computer-laptop-home-smiling-confident-pointing-with-fingers-different-directions-copy-space-advertisement_839833-25307.jpg",
          imageAlt: "Emily Rodriguez, Marketing Director of Global Brands",
        },
        {
          id: "4",
          title: "Innovative and Forward-Thinking",
          quote: "Creve brings fresh perspectives and innovative solutions to the table. Their forward-thinking approach has positioned us perfectly for future challenges and opportunities.",
          name: "David Kim",
          role: "Founder, Nexus Ventures",
          imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167407.jpg",
          imageAlt: "David Kim, Founder of Nexus Ventures",
        },
        {
          id: "5",
          title: "Professional and Responsive",
          quote: "The professionalism and responsiveness of Creve's team were outstanding. They were always available to address our concerns and adapt to our evolving requirements.",
          name: "Jessica Lee",
          role: "Operations Manager, Apex Corp",
          imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-prepared-meeting_1098-2188.jpg",
          imageAlt: "Jessica Lee, Operations Manager of Apex Corp",
        },
      ]}
      title="What Our Clients Say"
      description="Hear directly from the businesses and leaders who have partnered with Creve for their most critical initiatives."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Global Corp",
        "Innovate Solutions",
        "Future Dynamics",
        "Stratagem Group",
        "Pioneer Tech",
        "Elite Ventures",
        "Synergy Partners",
        "Core Dynamics",
      ]}
      title="Trusted by Industry Leaders"
      description="Our commitment to excellence has earned us the trust of renowned companies worldwide."
      showCard={false}
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "200+",
          description: "Successful Projects Completed",
        },
        {
          id: "m2",
          value: "98%",
          description: "Client Satisfaction Rate",
        },
        {
          id: "m3",
          value: "15+",
          description: "Years of Industry Experience",
        },
      ]}
      title="Our Impact in Numbers"
      description="Quantifying our dedication to delivering tangible value and achieving outstanding results for our clients."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",
          title: "What industries does Creve specialize in?",
          content: "Creve serves a diverse range of industries including technology, finance, healthcare, manufacturing, and retail. Our adaptable methodologies allow us to cater to unique challenges across various sectors.",
        },
        {
          id: "q2",
          title: "How does Creve ensure client success?",
          content: "We prioritize client success through a collaborative approach, custom-tailored solutions, continuous communication, and a strong focus on measurable outcomes. Our post-implementation support ensures long-term value.",
        },
        {
          id: "q3",
          title: "What is Creve's approach to digital transformation?",
          content: "Our digital transformation approach involves a thorough assessment of your current ecosystem, identifying key areas for improvement, implementing cutting-edge technologies, and ensuring seamless integration and adoption within your organization.",
        },
        {
          id: "q4",
          title: "Can Creve assist with international projects?",
          content: "Yes, Creve has extensive experience with international projects. Our global network of experts and understanding of diverse market dynamics enable us to provide effective solutions across different geographical regions.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about Creve's services, approach, and how we can help your business."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      tag="Ready to Transform?"
      title="Let's Build Your Future Together"
      description="Whether you have a specific project in mind or just want to explore possibilities, our team is here to help. Reach out today for a personalized consultation."
      buttons={[
        {
          text: "Schedule a Call",
          href: "#",
        },
        {
          text: "Send an Email",
          href: "mailto:info@creve.com",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Creve"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Terms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
