"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Award, CheckCircle, Clock, Shield, Star, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="mediumLargeSizeMediumTitles"
        background="circleGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        { name: "Home", id: "hero" },
        { name: "About", id: "about" },
        { name: "Services", id: "features" },
        { name: "Portfolio", id: "products" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="ClearPrints"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={true}
      background={{ variant: "gradient-bars" }}
      title="Graphic Design That Tells Your Story."
      description="ClearPrints delivers high-impact graphic design, print assets, and branding that helps your business stand out in a noisy world."
      testimonials={[
        { name: "Alice M.", handle: "@creative_lead", testimonial: "ClearPrints completely elevated our brand identity. Professional, fast, and incredibly creative.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-illustrator-drawing-tablet_23-2150040139.jpg" },
        { name: "Bob D.", handle: "@startup_founder", testimonial: "The best print work we've ever received. Attention to detail is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095775.jpg" },
        { name: "Carol T.", handle: "@marketing_dir", testimonial: "Fast turnaround and brilliant designs. Highly recommend for any agency needs.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg" },
        { name: "Dave H.", handle: "@ceo_tech", testimonial: "Absolute perfection. My go-to design partner for every project.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessmen-their-office_1098-81.jpg" },
        { name: "Eve J.", handle: "@indie_owner", testimonial: "ClearPrints turned my vision into a professional brand in days. Amazing experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-businessman-white-shirt-looking-camera-standing-confident_1258-112076.jpg" }
      ]}
      buttons={[{ text: "View Portfolio", href: "#products" }]}
      imageSrc="http://img.b2bpic.net/free-photo/empty-interior-with-chess-board-game-chips-table-space-prepared-fun-get-together-with-friends-no-people-living-room-decorated-with-leisure-activity-games-enjoy-gathering_482257-43520.jpg"
      imageAlt="graphic design studio minimal"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/man-wearing-red-bow-tie-showing-something_1298-409.jpg", alt: "Man wearing a red bow tie. Showing something." },
        { src: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg", alt: "Portrait of festive plump male in eyeglasses and bow tie over dark grey background." },
        { src: "http://img.b2bpic.net/free-photo/software-developer-agency-office-coding-her-computer_482257-126122.jpg", alt: "Software developer at agency office coding on her computer" },
        { src: "http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg", alt: "Company worker browsing internet to do research project, using computer to create business report with charts data." },
        { src: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg", alt: "Portrait of middle aged businesswoman" }
      ]}
      marqueeItems={[
        { type: "text", text: "Brand Identity" },
        { type: "text", text: "Print Collateral" },
        { type: "text", text: "Digital Design" },
        { type: "text", text: "Logo Design" },
        { type: "text", text: "Strategic Layout" }
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Creative Precision"
      metrics={[
        { icon: Award, label: "Years Experience", value: "10+" },
        { icon: CheckCircle, label: "Projects Completed", value: "500+" },
        { icon: Shield, label: "Satisfied Clients", value: "100%" }
      ]}
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFour
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        { id: "f1", title: "Strategic Branding", author: "ClearPrints", description: "Defining your identity from the ground up with research-backed design strategies.", tags: [], imageSrc: "http://img.b2bpic.net/free-photo/top-view-ideaslight-bulbs-notebooks-yellow-black-markers-black-binder-clips-black-surface_140725-144027.jpg" },
        { id: "f2", title: "Premium Print Design", author: "ClearPrints", description: "High-fidelity layouts for business cards, brochures, and full-scale print materials.", tags: [], imageSrc: "http://img.b2bpic.net/free-photo/business-desk-arrangement-with-device_23-2148128303.jpg" },
        { id: "f3", title: "Digital Assets", author: "ClearPrints", description: "Professional social media graphics and digital marketing collateral for web and mobile.", tags: [], imageSrc: "http://img.b2bpic.net/free-photo/home-decor-design-renovation-style_53876-120405.jpg" }
      ]}
      title="Our Specialized Services"
      description="We blend artistic passion with strategic business needs to produce tangible, professional design assets."
      animationType="slide-up"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="scale-rotate"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        { id: "p1", name: "Brand Design Portfolio", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320721.jpg" },
        { id: "p2", name: "Logo Identity Suite", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_52683-162013.jpg" },
        { id: "p3", name: "Minimalist Wall Logo", price: "View Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b0ze54" },
        { id: "p4", name: "Social Media Assets", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/renovation-design-new-product-development-concept-sketch_53876-125018.jpg" },
        { id: "p5", name: "Packaging Design", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/measuring-tools-tape-composition_23-2149511855.jpg" },
        { id: "p6", name: "Billboard Campaign", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/be-change-inspired-active-thunder-website_53876-133793.jpg" }
      ]}
      title="Selected Works"
      description="Explore our portfolio showcasing a range of branding, print, and digital projects created for diverse industries."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        { id: "m1", value: "45%", title: "Engagement Increase", description: "For branding projects", icon: Zap },
        { id: "m2", value: "95%", title: "Retention Rate", description: "Post-launch satisfaction", icon: Star },
        { id: "m3", value: "24hr", title: "Avg Turnaround", description: "Initial design proofs", icon: Clock }
      ]}
      title="Impact Driven Results"
      description="Our design approach isn't just about style—it's about driving real measurable business growth."
    />
  </div>

  <div id="socialProof" data-section="socialProof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Google", "Microsoft", "Stripe", "Airbnb", "Spotify", "Slack", "Netflix"
      ]}
      title="Trusted by Brands"
      description="We partner with businesses large and small to create high-impact visual design assets."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        { id: "t1", name: "Alice M.", handle: "@creative_lead", testimonial: "ClearPrints is exceptional.", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg" },
        { id: "t2", name: "Bob D.", handle: "@startup_founder", testimonial: "Professional design quality.", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-business-woman-white-shirt_23-2148095747.jpg" },
        { id: "t3", name: "Carol T.", handle: "@marketing_dir", testimonial: "Brilliant design strategy.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1662.jpg" },
        { id: "t4", name: "Dave H.", handle: "@ceo_tech", testimonial: "Stunning print materials.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-blue-clothes-smiling_23-2148055977.jpg" },
        { id: "t5", name: "Eve J.", handle: "@indie_owner", testimonial: "Fast and effective results.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg" },
        { id: "t6", name: "Frank G.", handle: "@design_hub", testimonial: "Top-tier branding partners.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg" }
      ]}
      title="Client Stories"
      description="What our clients say about partnering with us for their design needs."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Ready to Start?"
      description="Get in touch for a custom quote on your next design or print project."
      inputs={[
        { name: "name", type: "text", placeholder: "Your Name" },
        { name: "email", type: "email", placeholder: "Email Address" }
      ]}
      textarea={{ name: "message", placeholder: "Tell us about your project..." }}
      imageSrc="http://img.b2bpic.net/free-photo/top-view-office-stationery-with-laptop-coffee_23-2148524863.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="ClearPrints"
      columns={[
        {
          title: "Company",          items: [
            { label: "About", href: "#about" },
            { label: "Services", href: "#features" }
          ]
        },
        {
          title: "Portfolio",          items: [
            { label: "Branding", href: "#products" },
            { label: "Print", href: "#products" }
          ]
        },
        {
          title: "Legal",          items: [
            { label: "Privacy", href: "#" },
            { label: "Terms", href: "#" }
          ]
        }
      ]}
      copyrightText="© 2024 ClearPrints. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
