"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="small"
        sizing="mediumLarge"
        background="grid"
        cardStyle="gradient-mesh"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Add-Ons",
          id: "#features",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      button={{
        text: "Contact Us",
        href: "#contact",
      }}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EJvOTkg95DqrXd2aw1DorEqc9k/uploaded-1779940730066-7q4ndarp.png"
      logoAlt="ScaleSol Logo"
      brandName="SCALESOL"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="SCALESOL"
      description="We design high-quality conversion-focused websites that turn visitors into customers and grow your brand online."
      buttons={[
        {
          text: "Get Started",
          href: "#contact",
        },
        {
          text: "Our Services",
          href: "#services",
        },
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EJvOTkg95DqrXd2aw1DorEqc9k/uploaded-1779940730066-8r2cep0w.png"
      imageAlt="Tropical sunset with palm trees over ocean"
      showDimOverlay={true}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",
          content: "Innovating Digital Marketing for Your Business Growth",
        },
      ]}
      buttons={[
        {
          text: "Meet the Team",
          href: "#team",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "SEO & Content Marketing",
          description: "Boost your organic rankings and attract more qualified leads with engaging content and robust SEO.",
          imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-colorful-arrows_1134-381.jpg",
          imageAlt: "SEO analysis dashboard",
          titleImageSrc: "http://img.b2bpic.net/free-photo/asian-manager-discussing-business-analytics-with-team_482257-121118.jpg",
          buttonText: "Discover SEO",
        },
        {
          title: "Social Media Management",
          description: "Engage your audience and build a strong online presence across all major social platforms.",
          imageSrc: "http://img.b2bpic.net/free-photo/social-network-connection-communication-icon_53876-13867.jpg",
          imageAlt: "Social media content calendar",
          titleImageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-lifestyle-blogger-girl-records-video-her-camera-social-media-shows_1258-282005.jpg",
          buttonText: "Explore Social",
        },
        {
          title: "Paid Advertising (PPC)",
          description: "Maximize your ROI with precisely targeted ad campaigns on Google, Facebook, and other channels.",
          imageSrc: "http://img.b2bpic.net/free-photo/online-matchmaking-dating-sign-up-concept_53876-16097.jpg",
          imageAlt: "PPC campaign strategy meeting",
          titleImageSrc: "http://img.b2bpic.net/free-photo/overhead-view-social-media-networking-team-looking-digital-tablet_23-2147847468.jpg",
          buttonText: "Learn PPC",
        },
      ]}
      title="Tailored Digital Strategies"
      description="Our expertise covers the full spectrum of digital marketing, designed to elevate your brand and drive measurable results."
    />
  </div>

  <div id="services" data-section="services">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "web-design",
          name: "Strategic Web Design",
          price: "Starting at $2500",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-making-modern-app-interface_1098-21575.jpg",
          imageAlt: "Responsive website design layout",
        },
        {
          id: "seo-optimization",
          name: "Advanced SEO Optimization",
          price: "Custom Quote",
          imageSrc: "http://img.b2bpic.net/free-photo/homework-lesson-knowledge-task-word-list_53876-120306.jpg",
          imageAlt: "SEO performance dashboard",
        },
        {
          id: "content-marketing",
          name: "Engaging Content Marketing",
          price: "From $500/mo",
          imageSrc: "http://img.b2bpic.net/free-photo/colleagues-argueing-discussing-drawings-new-ideas-office_176420-1692.jpg",
          imageAlt: "Content writing and planning",
        },
        {
          id: "social-media",
          name: "Dynamic Social Media Campaigns",
          price: "From $750/mo",
          imageSrc: "http://img.b2bpic.net/free-photo/choosing-icons-mobile-app_1098-18639.jpg",
          imageAlt: "Social media icons and engagement",
        },
        {
          id: "ppc-management",
          name: "Precision PPC Management",
          price: "Performance-Based",
          imageSrc: "http://img.b2bpic.net/free-photo/keyword-seo-content-website-tags-search_53876-138495.jpg",
          imageAlt: "PPC advertising keywords",
        },
        {
          id: "email-marketing",
          name: "Automated Email Marketing",
          price: "From $300/mo",
          imageSrc: "http://img.b2bpic.net/free-photo/laptop-notepad-with-app-icons_1134-62.jpg",
          imageAlt: "Email marketing newsletter",
        },
      ]}
      title="Our Core Marketing Services"
      description="From in-depth market research to conversion-optimized campaigns, we offer comprehensive solutions tailored to your unique goals."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "GlobalTech Solutions",
        "Innovate Ventures",
        "FutureSync Dynamics",
        "Alpha Marketing Group",
        "Peak Performance Co.",
        "Catalyst Innovations",
        "Synergy Digital",
        "Quantum Leap Corp.",
      ]}
      title="Trusted by Industry Leaders"
      description="We've proudly partnered with a diverse range of companies, helping them achieve their digital ambitions and scale their impact."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Sarah Johnson",
          role: "CEO",
          company: "GrowthX Corp",
          rating: 5,
          imageSrc: "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",
          imageAlt: "Sarah Johnson",
        },
        {
          id: "2",
          name: "Michael Chen",
          role: "Marketing Director",
          company: "InnovateStream",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",
          imageAlt: "Michael Chen",
        },
        {
          id: "3",
          name: "Emily Rodriguez",
          role: "Founder",
          company: "PixelPulse",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positiv_1258-113975.jpg",
          imageAlt: "Emily Rodriguez",
        },
        {
          id: "4",
          name: "David Kim",
          role: "CTO",
          company: "TechFusion",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smart-pensive-redhead-hipster-with-full-beard-glasses-dressed-casual-clothes-poses-with-hand-chin-studio-isolated-dark-background_613910-20091.jpg",
          imageAlt: "David Kim",
        },
        {
          id: "5",
          name: "Jessica Lee",
          role: "Brand Manager",
          company: "FutureBrands",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19604.jpg",
          imageAlt: "Jessica Lee",
        },
      ]}
      kpiItems={[
        {
          value: "300%",
          label: "Average ROI",
        },
        {
          value: "2.5x",
          label: "Traffic Increase",
        },
        {
          value: "95%",
          label: "Client Retention",
        },
      ]}
      title="What Our Clients Say About Us"
      description="Don't just take our word for it. Hear directly from businesses who experienced remarkable growth and tangible results with our partnership."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",
          value: "+50%",
          description: "Average Revenue Growth for Clients",
        },
        {
          id: "2",
          value: "10M+",
          description: "Combined Monthly Impressions Achieved",
        },
        {
          id: "3",
          value: "98%",
          description: "Customer Satisfaction Rate",
        },
      ]}
      title="Measurable Impact & Growth"
      description="Our strategies deliver tangible results, driving real business success for our partners across various industries."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",
          title: "What kind of results can I expect?",
          content: "Our focus is on delivering measurable ROI. Results vary depending on your industry and goals, but we aim for significant improvements in traffic, conversions, and brand visibility.",
        },
        {
          id: "faq-2",
          title: "How do you tailor strategies for each client?",
          content: "We begin with an in-depth audit of your current digital presence and market. This allows us to craft a bespoke strategy that aligns perfectly with your business objectives and target audience.",
        },
        {
          id: "faq-3",
          title: "What's your typical client onboarding process?",
          content: "Our onboarding process is streamlined: initial consultation, strategy development, project kickoff, and ongoing communication with regular performance reports and optimizations.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/multiethnic-colleagues-collaborating-work-meeting-office_1098-20240.jpg"
      imageAlt="People asking questions in a meeting"
      mediaAnimation="slide-up"
      title="Common Questions & Clear Answers"
      description="Find quick answers to the most frequently asked questions about our marketing services, processes, and pricing."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Ready to Grow?"
      title="Let's Build Your Digital Success Story"
      description="Get in touch with our experts today to discuss your marketing needs and start achieving your business goals with a tailored strategy."
      buttons={[
        {
          text: "Get a Free Consultation",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Web Design",
              href: "#services",
            },
            {
              label: "SEO",
              href: "#services",
            },
            {
              label: "Content Marketing",
              href: "#services",
            },
            {
              label: "Social Media",
              href: "#services",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Careers",
              href: "#",
            },
            {
              label: "Blog",
              href: "#",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Resources",
          items: [
            {
              label: "Case Studies",
              href: "#",
            },
            {
              label: "FAQs",
              href: "#faq",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      logoText="SCALESOL"
      copyrightText="© 2024 SCALESOL. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
