"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { DollarSign, TrendingUp, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeLargeTitles"
        background="circleGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Our Team",
          id: "#team",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Connectify Pro"
      button={{
        text: "Get Started",
        href: "#contact",
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardGallery
      background={{
        variant: "plain",
      }}
      title="Amplify Your Brand's Voice. Ignite Social Engagement."
      description="We craft data-driven social media strategies that elevate your presence, connect with your audience, and drive measurable growth."
      buttons={[
        {
          text: "Explore Our Services",
          href: "#services",
        },
        {
          text: "Request a Quote",
          href: "#contact",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/business-team-analyzing-digital-data_482257-119547.jpg",
          imageAlt: "Social media marketing team collaborating",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/variety-people-multitasking-3d-cartoon-scene_23-2151294553.jpg",
          imageAlt: "Hand holding smartphone with social media feed",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-tablet-with-virtual-application_1112-775.jpg",
          imageAlt: "Person typing on laptop creating social content",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/growth-status-technology-online-website-concept_53876-21396.jpg",
          imageAlt: "Group watching presentation on social media growth",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/planning-writing-about-social-media_1134-75.jpg",
          imageAlt: "Coffee shop marketing social media flat lay",
        },
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Your Partner in Digital Storytelling"
      description={[
        "Connectify Pro is a leading social media agency dedicated to transforming brands through compelling digital narratives. We understand the dynamic landscape of social platforms and leverage cutting-edge strategies to build genuine connections between you and your audience.",
        "Our approach is rooted in data-driven insights and creative excellence. We don't just post; we create experiences that resonate, inspire action, and drive tangible business outcomes. From content creation and community management to advanced analytics and paid social campaigns, we handle it all.",
        "We believe every brand has a unique story waiting to be told. Let us help you craft yours, expand your reach, and cultivate a vibrant online community that champions your vision.",
      ]}
      buttons={[
        {
          text: "Learn More About Us",
          href: "#team",
        },
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentySeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "s1",
          title: "Strategic Content Creation",
          descriptions: [
            "We develop bespoke content strategies tailored to your brand's voice and audience. Our team crafts engaging posts, captivating visuals, and compelling narratives that resonate across all platforms.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/ask-expert-question-information-concept_53876-121219.jpg",
          imageAlt: "Strategic Content Creation",
        },
        {
          id: "s2",
          title: "Targeted Ad Campaigns",
          descriptions: [
            "Maximize your reach and ROI with our expert-managed social media advertising. We design and optimize campaigns to connect with your ideal audience, driving leads and conversions.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/targeting-concept-with-dartboard-wooden-cubes-wooden-table-side-view_176474-9518.jpg",
          imageAlt: "Targeted Ad Campaigns",
        },
        {
          id: "s3",
          title: "In-depth Analytics & Reporting",
          descriptions: [
            "Transparency and performance are key. We provide comprehensive analytics and regular reports, offering actionable insights to continuously refine your strategy and demonstrate measurable growth.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/male-worker-holding-smartphone-with-horizontal-green-screen-business-office-young-adult-working-with-blank-chroma-key-isolated-template-with-mockup-background-mobile-phone-display_482257-40952.jpg",
          imageAlt: "In-depth Analytics & Reporting",
        },
        {
          id: "s4",
          title: "Community Management",
          descriptions: [
            "Foster a loyal community around your brand. Our specialists engage with your audience, manage inquiries, and cultivate positive interactions, building strong relationships and brand advocacy.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-social-networking-icons-wooden-table_23-2147841394.jpg",
          imageAlt: "Community Management",
        },
      ]}
      title="Our Premium Social Media Services"
      description="From content creation to performance analysis, we cover every aspect of your social media journey with expertise and precision."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          icon: Users,
          title: "Audience Growth",
          value: "200%+",
        },
        {
          id: "m2",
          icon: TrendingUp,
          title: "Engagement Rate",
          value: "15%+",
        },
        {
          id: "m3",
          icon: DollarSign,
          title: "Client ROI",
          value: "3X Avg.",
        },
      ]}
      title="Proven Results, Tangible Impact"
      description="We focus on key performance indicators that truly matter, delivering growth you can see and success you can measure."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Innovate Solutions",
        "Global Dynamics",
        "Quantum Leap Tech",
        "Summit Holdings",
        "Apex Ventures",
        "Future Forward Inc.",
        "Pioneer Group",
        "Stratosphere Corp.",
      ]}
      title="Trusted by Industry Leaders"
      description="Our clients achieve remarkable results through bespoke social media strategies and unwavering dedication to their success."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardSix
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      members={[
        {
          id: "t1",
          name: "Sarah Chen",
          role: "Chief Strategist",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg",
          imageAlt: "Sarah Chen, Chief Strategist",
        },
        {
          id: "t2",
          name: "David Miller",
          role: "Head of Content",
          imageSrc: "http://img.b2bpic.net/free-photo/blond-teenager-boy-eyeglasses-holds-tablet-pc-smartphone_613910-11920.jpg",
          imageAlt: "David Miller, Head of Content",
        },
        {
          id: "t3",
          name: "Emily White",
          role: "Lead Social Analyst",
          imageSrc: "http://img.b2bpic.net/free-photo/new-technology-her-job-is-necessary_329181-12370.jpg",
          imageAlt: "Emily White, Lead Social Analyst",
        },
        {
          id: "t4",
          name: "Michael Brown",
          role: "Brand Manager",
          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11505.jpg",
          imageAlt: "Michael Brown, Brand Manager",
        },
      ]}
      title="Meet Our Social Media Maestros"
      description="A dedicated team of strategists, creators, and analysts passionate about your success and committed to digital excellence."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "test1",
          title: "Unparalleled Social Growth",
          quote: "Connectify Pro took our social media from stagnant to sensational. Their strategic approach and creative content generated a huge increase in engagement and followers. Truly game-changing!",
          name: "Jessica Lee",
          role: "CEO, InnovateTech",
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-student-girl-with-dark-curly-hair-sitting-table-with-laptop-leaning-hand-happily-looking-camera-studying-modern-cozy-home_574295-3878.jpg",
          imageAlt: "Jessica Lee",
        },
        {
          id: "test2",
          title: "Exceptional ROI and Reach",
          quote: "We've seen an incredible return on investment since partnering with Connectify Pro. Their targeted ad campaigns brought in high-quality leads and significantly boosted our brand visibility.",
          name: "Mark Johnson",
          role: "Founder, Global Brands Co.",
          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2708.jpg",
          imageAlt: "Mark Johnson",
        },
        {
          id: "test3",
          title: "Creative and Strategic Partner",
          quote: "The team at Connectify Pro isn't just an agency; they're a true partner. Their understanding of our brand and ability to translate it into compelling social content is unmatched.",
          name: "Sarah Williams",
          role: "Marketing Director, Aura Lifestyle",
          imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-with-curly-hair-working-small-business-ecommerce-holding-boss-cup-smiling-with-idea-question-pointing-finger-with-happy-face-number-one_839833-7619.jpg",
          imageAlt: "Sarah Williams",
        },
        {
          id: "test4",
          title: "Boosted Our Online Presence",
          quote: "Our online presence was struggling until Connectify Pro stepped in. Their comprehensive strategy and active community management helped us connect with our audience like never before. Highly recommend!",
          name: "Daniel Kim",
          role: "Operations Manager, Future Innovations",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-using-his-laptop-mobile-phone-coffee-shop_1170-2065.jpg",
          imageAlt: "Daniel Kim",
        },
        {
          id: "test5",
          title: "Remarkable Engagement",
          quote: "The engagement levels we've achieved with Connectify Pro are beyond our expectations. They genuinely care about our success and consistently deliver outstanding results.",
          name: "Olivia Rodriguez",
          role: "Brand Lead, Stellar Commerce",
          imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-businesspeople-startup-company-looking-paperwork_482257-123633.jpg",
          imageAlt: "Olivia Rodriguez",
        },
      ]}
      title="What Our Clients Are Saying"
      description="Real stories from businesses who transformed their online presence and achieved remarkable growth with our expertise."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",
          title: "What types of social media platforms do you manage?",
          content: "We specialize in managing a wide range of social media platforms, including Facebook, Instagram, Twitter (X), LinkedIn, TikTok, Pinterest, and YouTube. Our strategy is always tailored to where your target audience is most active.",
        },
        {
          id: "faq2",
          title: "How do you measure campaign success?",
          content: "We track key performance indicators (KPIs) such as audience growth, engagement rate, website traffic from social, lead generation, conversion rates, and return on ad spend (ROAS). We provide detailed monthly reports on all these metrics.",
        },
        {
          id: "faq3",
          title: "Can you create content for my brand?",
          content: "Yes, content creation is a core part of our service. Our team includes experienced copywriters, graphic designers, and video editors who produce high-quality, on-brand content tailored for each platform.",
        },
        {
          id: "faq4",
          title: "What is your typical client onboarding process?",
          content: "Our onboarding process begins with a discovery call to understand your goals, followed by a detailed audit of your current social presence. We then develop a customized strategy, present it for your approval, and begin implementation.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common inquiries about our social media services, pricing, and how we work with clients."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      text="Ready to Elevate Your Social Presence? Let's Connect!"
      buttons={[
        {
          text: "Schedule a Consultation",
          href: "#",
        },
        {
          text: "Email Us",
          href: "mailto:info@connectifypro.com",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Connectify Pro"
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Content Strategy",
              href: "#services",
            },
            {
              label: "Ad Campaigns",
              href: "#services",
            },
            {
              label: "Analytics",
              href: "#services",
            },
            {
              label: "Community Mgmt.",
              href: "#services",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Our Team",
              href: "#team",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Contact Us",
              href: "#contact",
            },
            {
              label: "LinkedIn",
              href: "https://linkedin.com",
            },
            {
              label: "Twitter",
              href: "https://twitter.com",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Connectify Pro. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
