"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { ShieldCheck } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="mediumLarge"
        background="floatingGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Services",
          id: "features",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="SMART PR"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="SMART PUBLIC RELATIONS"
      description="Premium Digital Agency & PR Solutions. We bring your vision to life with professional expertise."
      buttons={[
        {
          text: "Contact Us",
          href: "#contact",
        },
      ]}
      videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dr7FjQWEqMNMGgijDya5PjO9I5/uploaded-1779028857408-qpwie9h2.mp4"
      imageAlt="Smart PR Digital Services Agency"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="About Us"
      title="Professionalism at Your Service"
      description="Smart Public Relations specializes in end-to-end digital services and document processing. Our team combines premium aesthetics with local professional standards."
      subdescription="Whether you need a Europass CV, motion graphics, or document assistance, we provide end-to-end quality assurance."
      imageSrc="http://img.b2bpic.net/free-photo/interior-designer-working-out-office_52683-112924.jpg"
      mediaAnimation="slide-up"
      icon={ShieldCheck}
      imageAlt="professional digital expert working"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      features={[
        {
          title: "CV & Resume Prep",
          description: "Professional Europass and CV drafting services.",
          imageSrc: "http://img.b2bpic.net/free-photo/stationeries-with-clipboard-plain-background_23-2147840304.jpg",
          imageAlt: "resume cv document icon style",
        },
        {
          title: "Digital Graphics",
          description: "Motion graphics and custom social media posters.",
          imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336705.jpg",
          imageAlt: "digital graphic design tools",
        },
        {
          title: "Document Processing",
          description: "Damaged/lost certificate assistance and printing.",
          imageSrc: "http://img.b2bpic.net/free-photo/digital-devices-graduation-diploma-certificate_23-2148769701.jpg",
          imageAlt: "document processing secure stamp",
        },
      ]}
      title="Comprehensive Services"
      description="Our curated list of services designed for your professional and personal needs."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "1500+",
          title: "Projects Completed",
          description: "Successful service deliveries.",
          imageSrc: "http://img.b2bpic.net/free-vector/different-infographic-elements_1284-12076.jpg",
        },
        {
          id: "m2",
          value: "100%",
          title: "Quality Assured",
          description: "Client satisfaction focus.",
          imageSrc: "http://img.b2bpic.net/free-vector/100-guarantee-label-collection_23-2148750934.jpg",
        },
        {
          id: "m3",
          value: "500+",
          title: "Happy Clients",
          description: "Professional trust earned.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-coffee-cup-showing-thumb-up_23-2148055893.jpg",
        },
      ]}
      title="Our Impact"
      description="Numbers that define our success in PR and digital services."
    />
  </div>

  <div id="socialProof" data-section="socialProof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Local Business Hub",
        "Design Partners",
        "Digital Agency Group",
        "Certificate Verification Bureau",
        "Professional PR Guild",
        "Kerala Marketing Collective",
        "Creative Studios",
      ]}
      title="Trusted Partner Network"
      description="We are proud to work with top-tier partners across Kerala."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Anil Kumar",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-businessman-wearing-suit-standing-with-crossed-arms-with-isolated-studio-white-background_1150-63675.jpg",
          imageAlt: "young man professional portrait",
        },
        {
          id: "t2",
          name: "Sreeja Nair",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
          imageAlt: "young woman professional portrait",
        },
        {
          id: "t3",
          name: "Rahul Varma",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
          imageAlt: "man professional portrait studio",
        },
        {
          id: "t4",
          name: "Meera Menon",
          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-surface-office-audience_78826-2391.jpg",
          imageAlt: "woman professional portrait studio",
        },
        {
          id: "t5",
          name: "John Paul",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022644.jpg",
          imageAlt: "professional headshot person portrait",
        },
      ]}
      cardTitle="Client Experiences"
      cardTag="Testimonials"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "How fast is document processing?",
          content: "Most requests are completed within 24-48 hours depending on requirements.",
        },
        {
          id: "q2",
          title: "Can you design social media ads?",
          content: "Yes, we specialize in high-converting ads for Instagram and Facebook.",
        },
        {
          id: "q3",
          title: "Is my data secure?",
          content: "We handle all documents with strict professional privacy guidelines.",
        },
      ]}
      sideTitle="Frequently Asked"
      faqsAnimation="slide-up"
      sideDescription="Get answers to the most common questions about our professional services."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars",
      }}
      tag="Contact Us"
      title="Ready to Start?"
      description="Reach out on WhatsApp or visit us at our office."
      inputPlaceholder="Enter your email address"
      buttonText="Get in Touch"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="SMART PR"
      copyrightText="© 2025 Smart Public Relations. All Rights Reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
