"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Lightbulb, Users, ShieldCheck, Sparkles, TrendingUp, Share2, Film, Edit, Palette, Brush, Layout, Camera, Focus, Award, Smile, Globe, Quote } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="medium"
        background="floatingGradient"
        cardStyle="inset"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About",          id: "about"},
        {
          name: "Services",          id: "products"},
        {
          name: "Features",          id: "features"},
        {
          name: "Our Impact",          id: "metrics"},
        {
          name: "Testimonials",          id: "testimonials"},
        {
          name: "FAQ",          id: "faq"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Richnexis"
      button={{
        text: "Get Started",        href: "#contact"}}
      animateOnLoad={true}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-animated-grid"}}
      title="Creative Solutions for Digital Growth"
      description="Richnexis offers expert social media marketing, captivating video editing, stunning graphics design, and professional creative shoots to elevate your brand's online presence."
      tag="Visualize. Engage. Convert."
      tagIcon={Sparkles}
      buttons={[
        {
          text: "Explore Services",          href: "#products"},
        {
          text: "Get a Consultation",          href: "#contact"},
      ]}
      carouselItems={[
        {
          id: "carousel-item-1",          imageSrc: "http://img.b2bpic.net/free-photo/group-teenagers-taking-selfie-photo_1303-27083.jpg",          imageAlt: "People interacting with social media"},
        {
          id: "carousel-item-2",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-editing-video_23-2149591461.jpg",          imageAlt: "Person editing video"},
        {
          id: "carousel-item-3",          imageSrc: "http://img.b2bpic.net/free-photo/designer-desk-top-view-flat-lay-workspace-laptop-tablet-notebook-pen-pencil-plant-sunglasses_279140-529.jpg",          imageAlt: "Designer workspace"},
        {
          id: "carousel-item-4",          imageSrc: "http://img.b2bpic.net/free-photo/photographer-hand-holding-camera-with-natural-background_1303-24103.jpg",          imageAlt: "Photographer with camera"},
        {
          id: "carousel-item-5",          imageSrc: "http://img.b2bpic.net/free-photo/digital-marketing-elements-flat-lay_23-2149318858.jpg",          imageAlt: "Digital marketing elements"},
        {
          id: "carousel-item-6",          imageSrc: "http://img.b2bpic.net/free-photo/hand-using-mobile-phone-social-media-concept_23-2149303350.jpg",          imageAlt: "Hand using mobile phone social media concept"},
      ]}
      autoPlay={true}
      autoPlayInterval={5000}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="About Richnexis: Your Creative Growth Partner"
      description="Richnexis is a full-service creative agency specializing in crafting compelling digital experiences. We partner with brands to amplify their voice, engage their audience, and achieve measurable growth through exceptional visual content and strategic marketing."
      bulletPoints={[
        {
          title: "Creative Expertise",          description: "Bringing innovative ideas and artistic skill to every project.",          icon: Lightbulb,
        },
        {
          title: "Client-Focused Results",          description: "Tailoring our creative solutions to meet your unique brand goals.",          icon: Users,
        },
        {
          title: "Quality & Professionalism",          description: "Delivering high-quality content with a commitment to excellence.",          icon: ShieldCheck,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/creative-agency-coworkers-working-office_23-2149114671.jpg"
      imageAlt="Creative agency team collaborating in office"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Social Media Marketing",          description: "Crafting engaging strategies and content to build your online community and boost brand visibility.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/smiling-diverse-businesswomen-working-project_23-2149114656.jpg",            imageAlt: "Team discussing social media marketing strategy"},
          items: [
            {
              icon: Users,
              text: "Audience engagement strategies"},
            {
              icon: Share2,
              text: "Content creation & scheduling"},
            {
              icon: TrendingUp,
              text: "Performance analytics"},
          ],
          reverse: false
        },
        {
          title: "Video Editing",          description: "Transforming raw footage into compelling stories, ready for social media, websites, or presentations.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-man-with-headphones-working-video-editor-program_23-2148785721.jpg",            imageAlt: "Person video editing on computer"},
          items: [
            {
              icon: Film,
              text: "Professional post-production"},
            {
              icon: Edit,
              text: "Motion graphics & VFX"},
            {
              icon: Sparkles,
              text: "Storytelling & pacing"},
          ],
          reverse: true
        },
        {
          title: "Graphics Design",          description: "Creating stunning visuals from logos and branding to digital ads and website elements that capture attention.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/top-view-designer-draws-layout-mobile-app_23-2148492040.jpg",            imageAlt: "Graphic designer sketching a mobile app layout"},
          items: [
            {
              icon: Palette,
              text: "Brand identity & logos"},
            {
              icon: Brush,
              text: "Digital & print design"},
            {
              icon: Layout,
              text: "UI/UX graphic elements"},
          ],
          reverse: false
        },
        {
          title: "Creative Shoots",          description: "Producing high-quality photography and videography for products, events, and brand storytelling.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/pretty-caucasian-woman-taking-photo_23-2148873092.jpg",            imageAlt: "Photographer taking a photo"},
          items: [
            {
              icon: Camera,
              text: "Professional photography"},
            {
              icon: Film,
              text: "Videography & drone footage"},
            {
              icon: Focus,
              text: "Concept development & styling"},
          ],
          reverse: true
        }
      ]}
      title="Our Specialized Creative Services"
      description="Explore how Richnexis combines artistry with strategy to deliver impactful results across various digital mediums."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "service-1",          name: "Social Media Strategy",          price: "Custom Packages",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-social-media-marketing-concept_23-2149318858.jpg",          imageAlt: "Social media marketing elements"},
        {
          id: "service-2",          name: "Brand Video Production",          price: "Starting at $500",          imageSrc: "http://img.b2bpic.net/free-photo/cinematographer-shooting-video-set_23-2149307062.jpg",          imageAlt: "Cinematographer shooting a video on set"},
        {
          id: "service-3",          name: "Logo & Branding Package",          price: "Starting at $300",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-logo-design_23-2148679469.jpg",          imageAlt: "Close-up of a logo design sketch"},
        {
          id: "service-4",          name: "Product Photography",          price: "Contact for Quote",          imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo-with-camera_23-2148873089.jpg",          imageAlt: "Woman taking a photo of a product"},
        {
          id: "service-5",          name: "Digital Campaign Management",          price: "Monthly Retainer",          imageSrc: "http://img.b2bpic.net/free-photo/man-explaining-charts_23-2149129596.jpg",          imageAlt: "Man explaining charts in a meeting"},
        {
          id: "service-6",          name: "Website Graphic Elements",          price: "Hourly / Project",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-web-designer-working-desk_23-2148560370.jpg",          imageAlt: "Flat lay of web designer's desk"},
      ]}
      title="Our Range of Creative Offerings"
      description="From concept to execution, Richnexis provides a comprehensive suite of services designed to make your brand shine."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "metric-1",          value: "95%",          title: "Client Satisfaction",          description: "Our dedication to quality and results ensures happy clients.",          icon: Smile,
        },
        {
          id: "metric-2",          value: "250+",          title: "Projects Completed",          description: "Delivering successful creative projects across various industries.",          icon: Award,
        },
        {
          id: "metric-3",          value: "10M+",          title: "Audience Reach",          description: "Helping brands connect with millions of people through engaging content.",          icon: Globe,
        },
      ]}
      title="Our Impact & Achievements"
      description="Proudly showcasing the results we've achieved for our clients."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "testimonial-item-1",          name: "Alex P.",          role: "Founder, EcoBloom",          testimonial: "Richnexis transformed our social media presence. Their creative campaigns led to a significant increase in engagement and followers!",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-entrepreneur-smiling_23-2147955290.jpg",          icon: Sparkles,
        },
        {
          id: "testimonial-item-2",          name: "Maria K.",          role: "Marketing Manager, LuxeWear",          testimonial: "The video editing team at Richnexis brought our product to life with stunning visuals and compelling storytelling. Absolutely impressed!",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232840.jpg",          icon: Film,
        },
        {
          id: "testimonial-item-3",          name: "Ben S.",          role: "Brand Strategist, UrbanEats",          testimonial: "Their graphic design work for our new branding was exceptional. Richnexis truly captured our vision and made it shine.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-characterizing-painter_23-2149529892.jpg",          icon: Palette,
        },
        {
          id: "testimonial-item-4",          name: "Chloe L.",          role: "E-commerce Owner, PetPalace",          testimonial: "The creative shoots for our product catalog were fantastic! High-quality images that significantly improved our conversion rates.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14487.jpg",          icon: Camera,
        },
        {
          id: "testimonial-item-5",          name: "Daniel W.",          role: "Event Coordinator, Festivities Inc.",          testimonial: "Richnexis's comprehensive approach to our event's marketing and media was seamless. They are our go-to for all creative needs.",          imageSrc: "http://img.b2bpic.net/free-photo/bearded-businessman-holding-light-bulb-innovation-campaign_53876-129950.jpg",          icon: Quote,
        },
      ]}
      title="What Our Clients Say About Our Creativity"
      description="Hear how Richnexis has helped businesses like yours achieve their marketing and creative goals."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",          title: "What types of social media platforms do you cover?",          content: "We develop strategies and create content for all major platforms, including Instagram, Facebook, TikTok, LinkedIn, Twitter, and more, tailored to your target audience."
        },
        {
          id: "faq-2",          title: "What is your process for video editing projects?",          content: "Our process typically involves concept development, scriptwriting (if needed), raw footage review, editing, motion graphics, sound design, and final delivery, with client feedback rounds at each stage."
        },
        {
          id: "faq-3",          title: "Can you help with brand identity design?",          content: "Absolutely! We specialize in creating cohesive brand identities, including logo design, color palettes, typography, and brand guidelines to ensure consistency across all your marketing materials."
        },
        {
          id: "faq-4",          title: "What kind of creative shoots do you offer?",          content: "We offer product photography, portrait sessions, event coverage, corporate videography, and drone footage, all designed to produce high-quality visuals that tell your brand's story."
        },
        {
          id: "faq-5",          title: "How do you measure campaign success?",          content: "We track key performance indicators such as engagement rate, reach, follower growth, conversion rates, website traffic, and ROI, providing detailed reports to demonstrate the impact of our work."
        }
      ]}
      sideTitle="Common Questions About Our Creative Services"
      sideDescription="Get quick answers to the most common questions about Richnexis's creative and marketing services."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-static-grid"}}
      tag="Let's Create Together"
      title="Ready to Elevate Your Brand?"
      description="Contact Richnexis today to discuss your next social media campaign, video project, graphic design needs, or creative shoot."
      imageSrc="http://img.b2bpic.net/free-photo/business-team-working-together-start-up_23-2149306429.jpg"
      imageAlt="Creative business team collaborating"
      mediaAnimation="slide-up"
      inputPlaceholder="Enter your email address"
      buttonText="Schedule a Call"
      termsText="By scheduling a call, you agree to our Privacy Policy and Terms of Service."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Social Media Marketing",              href: "#products"},
            {
              label: "Video Editing",              href: "#products"},
            {
              label: "Graphics Design",              href: "#products"},
            {
              label: "Creative Shoots",              href: "#products"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Portfolio",              href: "#"},
            {
              label: "Team",              href: "#"},
            {
              label: "Careers",              href: "#"},
          ],
        },
        {
          title: "Resources",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact Support",              href: "#contact"},
            {
              label: "Blog",              href: "#"},
            {
              label: "Privacy Policy",              href: "#"},
          ],
        },
      ]}
      bottomLeftText="© 2024 Richnexis. All rights reserved."
      bottomRightText="Crafted with creativity by Richnexis Team"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}