"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="small"
        sizing="largeSizeMediumTitles"
        background="floatingGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Clients",          id: "#clients"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Insights",          id: "#insights"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Vivid Digisolution"
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlay
      title="Vivid Digisolution: Your One-Stop Digital Marketing Partner"
      description="We provide comprehensive solutions for all digital marketing needs, ensuring your business thrives both online and offline. From brand creation and graphic design to advanced SEO and social media management, we deliver success."
      buttons={[
        {
          text: "Get a Free Consultation",          href: "#contact"},
        {
          text: "Our Services",          href: "#services"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",          alt: "Team member 1"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",          alt: "Team member 2"},
        {
          src: "http://img.b2bpic.net/free-photo/young-black-woman-with-afro-hair-laughing-enjoying_150588-169.jpg",          alt: "Team member 3"},
        {
          src: "http://img.b2bpic.net/free-photo/serious-young-business-man-looking-camera_1262-18625.jpg",          alt: "Team member 4"},
        {
          src: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg",          alt: "Team member 5"},
      ]}
      avatarText="Trusted by Businesses Globally"
      imageSrc="http://img.b2bpic.net/free-photo/group-graphic-designers-working-computer_1170-2927.jpg"
      imageAlt="Digital marketing agency team collaborating"
      showDimOverlay={true}
      showBlur={true}
      textPosition="bottom"
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="Building Credibility & Driving Growth for Your Business"
      buttons={[
        {
          text: "Learn More About Us",          href: "#"},
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "feature-1",          title: "Brand Creation & Strategy",          description: "Develop a compelling brand identity from concept to execution, building a strong foundation for your market presence.",          tag: "Branding",          imageSrc: "http://img.b2bpic.net/free-photo/empty-business-card-with-modern-stationery-items_23-2148500521.jpg",          imageAlt: "Creative team brainstorming brand identity"},
        {
          id: "feature-2",          title: "Cutting-Edge Graphic Design",          description: "Visually stunning designs that capture attention and communicate your message effectively across all digital touchpoints.",          tag: "Design",          imageSrc: "http://img.b2bpic.net/free-photo/people-wearing-futuristic-high-tech-virtual-reality-glasses_23-2151141668.jpg",          imageAlt: "Graphic designer working on a laptop"},
        {
          id: "feature-3",          title: "Search Engine Optimization (SEO)",          description: "Boost your visibility and organic traffic with expert SEO strategies tailored to rank your business higher in search results.",          tag: "SEO",          imageSrc: "http://img.b2bpic.net/free-photo/growth-status-technology-online-website-concept_53876-21396.jpg",          imageAlt: "SEO analysis showing search rankings"},
        {
          id: "feature-4",          title: "Social Media Management",          description: "Engage your audience and build a vibrant community through strategic content, campaigns, and active social media presence.",          tag: "Social Media",          imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons_23-2150749326.jpg",          imageAlt: "Social media icons and engagement"},
      ]}
      title="Our Comprehensive Digital Marketing Solutions"
      description="Empowering your business with strategic services that deliver tangible results and online success across all platforms."
    />
  </div>

  <div id="clients" data-section="clients">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Google",        "Facebook",        "Instagram",        "LinkedIn",        "Pinterest",        "WhatsApp",        "Felix Complex"]}
      title="Our Partners & Industry Leaders: Driving Success Together"
      description="We're proud to collaborate with a diverse portfolio of brands, delivering measurable growth and impactful digital transformations. Our case studies demonstrate real results."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t-1",          name: "Denisha Patel",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",          imageAlt: "Portrait of Denisha Patel"},
        {
          id: "t-2",          name: "Srushti Patel",          imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586564.jpg",          imageAlt: "Portrait of Srushti Patel"},
        {
          id: "t-3",          name: "JENISH PATEL",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-work_23-2149097921.jpg",          imageAlt: "Portrait of Jenish Patel"},
        {
          id: "t-4",          name: "Aisha Sharma",          imageSrc: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3318.jpg",          imageAlt: "Portrait of Aisha Sharma"},
        {
          id: "t-5",          name: "Rajesh Kumar",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",          imageAlt: "Portrait of Rajesh Kumar"},
        {
          id: "t-6",          name: "Priya Singh",          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg",          imageAlt: "Business woman in green suit using phone outside the street"}
      ]}
      cardTitle="Hear From Our Happy Clients: Stories of Digital Success"
      cardTag="Client Testimonials & Case Studies"
      cardAnimation="slide-up"
    />
  </div>

  <div id="impact" data-section="impact">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Real Impact, Tangible Results: Our Client Success Metrics"
      tag="Proven Case Studies"
      metrics={[
        {
          id: "m-1",          value: "98%",          description: "Client Satisfaction Score"},
        {
          id: "m-2",          value: "300+",          description: "Successful Case Studies Delivered"},
        {
          id: "m-3",          value: "90%+",          description: "Average Client Retention Rate"},
      ]}
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="insights" data-section="insights">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      title="Latest Insights & Digital Marketing Trends"
      description="Stay informed and inspired with our expert articles, case studies, and updates on the ever-evolving digital landscape."
      blogs={[
        {
          id: "b-1",          category: "Strategy",          title: "Building Credibility in a Digital World",          excerpt: "A global engineering company doesn't need a website that simply looks good. It needs a platform that builds credibility, drives conversions, and establishes a strong online presence.",          imageSrc: "http://img.b2bpic.net/free-photo/business-people-discussion-planning-analysis-concept_53876-133857.jpg",          imageAlt: "Business meeting discussing global strategy",          authorName: "Vivid Team",          authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-woman-relaxing-home_23-2150307065.jpg",          date: "May 30, 2026"},
        {
          id: "b-2",          category: "Culture",          title: "Work Hard, Play Hard: Our Team Culture",          excerpt: "Plot twist: We’re good at work… but unbeatable at weekend chaos. From bowling strikes to VR fights, we believe in a balanced life.",          imageSrc: "http://img.b2bpic.net/free-photo/man-woman-sitting-couch-home-using-virtual-reality-headset_23-2148956102.jpg",          imageAlt: "Team members enjoying a bowling game",          authorName: "Vivid Team",          authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",          date: "May 13, 2026"},
        {
          id: "b-3",          category: "SEO",          title: "Mastering Local SEO for Vadodara Businesses",          excerpt: "Discover effective strategies to optimize your local search presence and connect with customers in Vadodara, Gujarat, driving foot traffic and online engagement.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-holding-her-her_23-2148631401.jpg",          imageAlt: "Vadodara city map with local SEO markers",          authorName: "Vivid Team",          authorAvatar: "http://img.b2bpic.net/free-photo/close-up-man-wearing-apron_23-2149007471.jpg",          date: "June 10, 2026"},
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient"}}
      tag="Connect With Us"
      title="Ready to Elevate Your Digital Presence?"
      description="Reach out to Vivid Digisolution today for a free consultation and discover how we can craft your success story. We're eager to discuss your digital marketing needs."
      buttons={[
        {
          text: "Call Us: 095103 22143",          href: "tel:+919510322143"},
        {
          text: "WhatsApp Us",          href: "https://wa.me/919510322143"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Brand Creation",              href: "#services"},
            {
              label: "Graphic Design",              href: "#services"},
            {
              label: "SEO",              href: "#services"},
            {
              label: "Social Media",              href: "#services"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Our Work",              href: "#clients"},
            {
              label: "Blog",              href: "#insights"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Instagram",              href: "https://instagram.com/vividdigisolution"},
            {
              label: "Facebook",              href: "https://facebook.com/vividdigisolution"},
            {
              label: "LinkedIn",              href: "https://linkedin.com/company/vividdigisolution"},
            {
              label: "Pinterest",              href: "https://pinterest.com/vividdigisolution"},
          ],
        },
      ]}
      bottomLeftText="© 2024 Vivid Digisolution. All rights reserved."
      bottomRightText="Made with passion in Vadodara, Gujarat."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
