"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Award, FileText, Image, Info, Instagram, Share2, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="small"
        sizing="largeSmall"
        background="fluid"
        cardStyle="inset"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Portfolio",          id: "#portfolio"},
        {
          name: "Shop",          id: "#shop-products"},
        {
          name: "About",          id: "#about"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Maxwell Design Hub"
      button={{
        text: "Get a Quote",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboard
      background={{
        variant: "animated-grid"}}
      title="Transform Your Brand with Professional Design"
      description="Professional Logo Design, Brand Identity, Social Media Design, Poster Design, and Digital Products for Businesses and Creators."
      buttons={[
        {
          text: "Hire Me",          href: "#contact"},
        {
          text: "Shop Templates",          href: "#shop-products"},
        {
          text: "Contact Me on WhatsApp",          href: "https://wa.me/254742864342"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/empty-ai-tech-agency-workspace-providing-custom-software-development-services_482257-120228.jpg"
      imageAlt="Creative design mockups and branding elements"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",          alt: "Satisfied client Sarah"},
        {
          src: "http://img.b2bpic.net/free-photo/content-young-multi-ethnic-colleagues-standing-back-back_1262-17849.jpg",          alt: "Satisfied client Michael"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-business-people-sitting-steps_1262-21069.jpg",          alt: "Satisfied client Emily"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-successful-business-team-taking-selfie-outside_74855-2930.jpg",          alt: "Satisfied client David"},
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232840.jpg",          alt: "Satisfied client Jessica"},
      ]}
      avatarText="Join 500+ Happy Clients"
      marqueeItems={[
        {
          type: "text",          text: "Creative Excellence"},
        {
          type: "text",          text: "Brand Elevation"},
        {
          type: "text",          text: "Strategic Design"},
        {
          type: "text",          text: "Digital Innovation"},
        {
          type: "text",          text: "Impactful Visuals"},
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyNine
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      gridVariant="uniform-all-items-equal"
      carouselMode="buttons"
      features={[
        {
          title: "Logo Design",          description: "Craft unique and memorable logos that capture your brand's essence and make a lasting impression.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ExRB8E21HdD01X7emUiCZIjzXZ/uploaded-1781120319678-vwenm28z.jpg",          imageAlt: "Modern logo design with geometric elements",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sparkles-small",          buttonText: "Learn More",          buttonHref: "#contact"},
        {
          title: "Brand Identity Design",          description: "Develop a cohesive and powerful brand identity that sets you apart and resonates with your target audience.",          imageSrc: "http://img.b2bpic.net/free-photo/3d-glasses-camera-arrangement_23-2149558789.jpg?_wi=1",          imageAlt: "Brand identity elements on a desk",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=award-small",          buttonText: "Learn More",          buttonHref: "#contact"},
        {
          title: "Social Media Design",          description: "Create engaging and visually stunning social media graphics that boost your online presence and captivate followers.",          imageSrc: "http://img.b2bpic.net/free-psd/digital-marketing-agency-corporate-facebook-cover-banner-template_120329-5077.jpg?_wi=1",          imageAlt: "Social media marketing campaign visuals",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=share-small",          buttonText: "Learn More",          buttonHref: "#contact"},
        {
          title: "Poster Design",          description: "Design impactful and eye-catching posters that effectively communicate your message and attract attention.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ExRB8E21HdD01X7emUiCZIjzXZ/uploaded-1781120861452-2lexebvy.png",          imageAlt: "Colorful event poster design mockup",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=image-small",          buttonText: "Learn More",          buttonHref: "#contact"},
        {
          title: "Flyer Design",          description: "Produce professional and persuasive flyers that promote your offerings and drive customer engagement.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=flyer-placeholder",          imageAlt: "Promotional flyer design example",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=filetext-small",          buttonText: "Learn More",          buttonHref: "#contact"},
        {
          title: "Business Card Design",          description: "Leave a professional impression with beautifully designed business cards that reflect your brand's credibility.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=businesscard-placeholder",          imageAlt: "Elegant business card design mockup",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=info-small",          buttonText: "Learn More",          buttonHref: "#contact"},
      ]}
      title="Our Professional Design Services"
      description="Unlock your brand's full potential with our comprehensive design solutions, crafted to attract attention and drive growth."
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",          content: "Hi, I'm Maxwell, a passionate graphic designer dedicated to helping businesses, entrepreneurs, and creators build powerful brands through professional and creative design solutions. My goal is to deliver designs that attract attention, build trust, and help businesses grow."},
      ]}
    />
  </div>

  <div id="portfolio" data-section="portfolio">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      carouselMode="buttons"
      title="Our Creative Portfolio"
      description="Explore a selection of our recent projects that have helped businesses elevate their brand presence and captivate their audience."
      blogs={[
        {
          id: "logo-design-project-1",          category: "Logo Design",          title: "Modern Brandmark for a Tech Startup",          excerpt: "A minimalist and memorable logo designed for a new technology venture, embodying innovation and clarity.",          imageSrc: "http://img.b2bpic.net/free-vector/creative-letter-u-gradient-logo-design_474888-8031.jpg",          imageAlt: "Modern abstract logo design project",          authorName: "Maxwell",          authorAvatar: "http://img.b2bpic.net/free-photo/woman-drawing-ipad-front-view_23-2150040092.jpg",          date: "April 2, 2024"},
        {
          id: "brand-identity-project-1",          category: "Brand Identity",          title: "Complete Brand System for a Lifestyle Brand",          excerpt: "Developed a comprehensive brand identity including guidelines, typography, and color palette for a lifestyle brand.",          imageSrc: "http://img.b2bpic.net/free-photo/3d-glasses-camera-arrangement_23-2149558789.jpg?_wi=2",          imageAlt: "Complete brand identity mockup",          authorName: "Maxwell",          authorAvatar: "http://img.b2bpic.net/free-photo/young-female-logo-designer-working-graphic-tablet_23-2149119213.jpg",          date: "March 18, 2024"},
        {
          id: "social-media-design-project-1",          category: "Social Media Design",          title: "Engaging Social Media Campaign for an E-commerce Store",          excerpt: "Designed a series of vibrant social media graphics that significantly increased engagement and sales for an online retailer.",          imageSrc: "http://img.b2bpic.net/free-psd/digital-marketing-agency-corporate-facebook-cover-banner-template_120329-5077.jpg?_wi=2",          imageAlt: "Social media graphic design feed",          authorName: "Maxwell",          authorAvatar: "http://img.b2bpic.net/free-photo/young-beautiful-woman-striped-jacket-jeans-sitting-des_574295-3804.jpg",          date: "February 25, 2024"},
        {
          id: "poster-design-project-1",          category: "Poster Design",          title: "Event Poster for a Music Festival",          excerpt: "Created a dynamic and eye-catching poster for a local music festival, blending modern aesthetics with artistic flair.",          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-website-content-layout-design-illustraion-notebook_53876-167124.jpg?_wi=2",          imageAlt: "Event poster design mockup",          authorName: "Maxwell",          authorAvatar: "http://img.b2bpic.net/free-photo/modern-man-desk_23-2147986059.jpg",          date: "January 10, 2024"},
        {
          id: "marketing-materials-project-1",          category: "Marketing Materials",          title: "Corporate Marketing Suite for a Consulting Firm",          excerpt: "Developed a professional suite of marketing materials, including brochures and presentations, for a consulting firm.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=onrzgk",          imageAlt: "Corporate marketing materials design set",          authorName: "Maxwell",          authorAvatar: "http://img.b2bpic.net/free-photo/office-coffee-interior-design_23-2151909904.jpg",          date: "December 5, 2023"},
      ]}
    />
  </div>

  <div id="shop-products" data-section="shop-products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      carouselMode="buttons"
      products={[
        {
          id: "canva-template-pack",          name: "Canva Template Pack",          price: "$29",          variant: "Templates",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lnh5k9",          imageAlt: "Canva Template Pack"},
        {
          id: "restaurant-templates",          name: "Restaurant Templates",          price: "$39",          variant: "Templates",          imageSrc: "http://img.b2bpic.net/free-photo/traditional-mexican-food-world-tourism-day_23-2149114022.jpg",          imageAlt: "Restaurant Templates"},
        {
          id: "barber-shop-templates",          name: "Barber Shop Templates",          price: "$29",          variant: "Templates",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-guy-standing-with-his-cute-pug-pointing-finger-dog-wearing-party-costume-posing-white-background_1258-75892.jpg",          imageAlt: "Barber Shop Templates"},
        {
          id: "church-flyer-templates",          name: "Church Flyer Templates",          price: "$25",          variant: "Templates",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-old-phone-telephone-directory_23-2149854948.jpg",          imageAlt: "Church Flyer Templates"},
        {
          id: "real-estate-templates",          name: "Real Estate Templates",          price: "$35",          variant: "Templates",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=btwsfy",          imageAlt: "Real Estate Templates"},
        {
          id: "graphic-design-guide",          name: "Graphic Design Guide",          price: "$19",          variant: "eBook",          imageSrc: "http://img.b2bpic.net/free-photo/young-designer-works-remodeling-project-using-architectural-software-pc_482257-119065.jpg",          imageAlt: "Graphic Design Guide eBook"},
        {
          id: "social-media-marketing-guide",          name: "Social Media Marketing Guide",          price: "$24",          variant: "eBook",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-desk-with-tablet-mock-up_23-2148291149.jpg",          imageAlt: "Social Media Marketing Guide eBook"},
        {
          id: "small-business-branding-guide",          name: "Small Business Branding Guide",          price: "$29",          variant: "eBook",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440903.jpg",          imageAlt: "Small Business Branding Guide eBook"},
        {
          id: "50-logo-templates-bundle",          name: "50 Logo Templates Bundle",          price: "$49",          variant: "Design Bundle",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-smartphone-graphics_23-2148080988.jpg",          imageAlt: "50 Logo Templates Bundle"},
        {
          id: "100-social-media-templates-bundle",          name: "100 Social Media Templates Bundle",          price: "$69",          variant: "Design Bundle",          imageSrc: "http://img.b2bpic.net/free-vector/colorful-workout-home-facebook-post_23-2149102017.jpg",          imageAlt: "100 Social Media Templates Bundle"},
        {
          id: "complete-branding-kit-bundle",          name: "Complete Branding Kit Bundle",          price: "$99",          variant: "Design Bundle",          imageSrc: "http://img.b2bpic.net/free-photo/proposal-summary-project-progress-research-concept_53876-13823.jpg",          imageAlt: "Complete Branding Kit Bundle"},
      ]}
      title="Shop Our Digital Products"
      description="Boost your brand and streamline your creative process with our premium collection of digital templates, guides, and design bundles."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          handle: "@sarahj_creative",          testimonial: "Maxwell created an amazing logo that transformed our brand identity. The attention to detail and creative vision were outstanding!",          imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg",          imageAlt: "Sarah Johnson"},
        {
          id: "2",          name: "Michael Chen",          handle: "@michaelc_biz",          testimonial: "Professional, creative, and delivered beyond expectations. Maxwell Design Hub is our go-to for all graphic design needs.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg",          imageAlt: "Michael Chen"},
        {
          id: "3",          name: "Emily Rodriguez",          handle: "@emilyr_brand",          testimonial: "Our social media engagement increased significantly after using Maxwell's designs. He truly understands what brands need.",          imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21369.jpg",          imageAlt: "Emily Rodriguez"},
        {
          id: "4",          name: "David Kim",          handle: "@davidk_ventures",          testimonial: "Maxwell's work on our marketing materials was impeccable. High-quality and perfectly aligned with our brand strategy.",          imageSrc: "http://img.b2bpic.net/free-photo/man-with-thumb-up_1368-6368.jpg",          imageAlt: "David Kim"},
        {
          id: "5",          name: "Jessica Lee",          handle: "@jessicalee_design",          testimonial: "Impressed by the speed and quality of the digital products. The templates are a game-changer for my own design workflow.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-adult-business-leader_1262-4819.jpg",          imageAlt: "Jessica Lee"},
        {
          id: "6",          name: "Daniel Brown",          handle: "@danielb_art",          testimonial: "From concept to final delivery, Maxwell provided exceptional service and an incredible design solution for my personal brand.",          imageSrc: "http://img.b2bpic.net/free-photo/bearded-grey-haired-elderly-man-dressed-formal-suit_273609-6125.jpg",          imageAlt: "Daniel Brown"},
      ]}
      title="What Our Clients Say"
      description="Hear directly from businesses and creators who have experienced the Maxwell Design Hub difference."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Creative Co.",        "Innovate Marketing",        "Brand Builders Inc.",        "Digital Edge Agency",        "Visionary Startups",        "Global Impact Studio",        "Artistic Minds Collective",        "NextGen Solutions",        "Evolve Design Lab",        "Peak Performance Brands"]}
      title="Trusted by Creative Professionals"
      description="Partnering with brands to elevate their visual presence and achieve design excellence."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Get in Touch"
      title="Ready to Start Your Project?"
      description="Let's create something amazing together. Reach out for inquiries, custom projects, or support. Phone: 0742 864 342 | Email: ochiengmx@gmail.com | Instagram: @slede_x"
      inputPlaceholder="Your email"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Maxwell Design Hub"
      copyrightText="© 2024 Maxwell Design Hub. All rights reserved."
      socialLinks={[
        {
          icon: Instagram,
          href: "https://instagram.com/slede_x",          ariaLabel: "Instagram"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}