"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Instagram, Linkedin, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="mediumLargeSizeMediumTitles"
        background="none"
        cardStyle="glass-depth"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Vision",          id: "#vision"},
        {
          name: "Features",          id: "#features"},
        {
          name: "Craftsmanship",          id: "#craftsmanship"},
        {
          name: "Partners",          id: "#partners"},
        {
          name: "Reviews",          id: "#reviews"},
        {
          name: "Pre-Order",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/close-up-man-with-sunglasses-black-white_1122-1543.jpg"
      logoAlt="AuraLens Logo"
      brandName="AuraLens"
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlay
      title="AuraLens"
      description="See Beyond. Experience Aura. The future, through your eyes."
      tag="Introducing a New Era"
      tagAnimation="blur-reveal"
      buttons={[
        {
          text: "Discover AuraLens",          href: "#features"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",          alt: "AI Developer"},
        {
          src: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-dental-gems_23-2151212439.jpg",          alt: "Product Designer"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-good-looking-woman-with-curly-hair-winks-eye-clenches-teeth-covers-chin-with-collar-turtleneck-dressed-stylish-leather-jacket-has-playful-expression-isolated-pink-background_273609-62322.jpg",          alt: "Futurist"},
        {
          src: "http://img.b2bpic.net/free-photo/confident-young-bald-call-center-man-putting-hand-chin-looking-isolated-orange-with-copy-space_141793-76739.jpg",          alt: "Tech CEO"},
        {
          src: "http://img.b2bpic.net/free-photo/senior-man-using-laptop-tablet-same-time_482257-8141.jpg",          alt: "Senior man using laptop and tablet in same time"},
      ]}
      avatarText="Join the Visionaries"
      imageSrc="http://img.b2bpic.net/free-photo/woman-virtual-reality-glasses-smart-technology_53876-97056.jpg"
      imageAlt="AuraLens Smart Glasses floating dramatically"
      showDimOverlay={true}
      showBlur={true}
      textPosition="bottom"
    />
  </div>

  <div id="vision" data-section="vision">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",          content: "Unleash Your Potential."},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-bandana-sitting-cafe_273609-6797.jpg",          alt: "Person wearing AuraLens in augmented reality"},
        {
          type: "text",          content: "With Vision Redefined."},
      ]}
      buttons={[
        {
          text: "Our Philosophy",          href: "#"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySeven
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "feature-1",          title: "Seamless Integration",          descriptions: [
            "Digital information harmoniously integrated into your field of view, responsive to your environment. No distractions, just pure information."],
          imageSrc: "http://img.b2bpic.net/free-photo/artificial-eyes-random_23-2147695016.jpg",          imageAlt: "AuraLens seamless AR integration"},
        {
          id: "feature-2",          title: "Dynamic Display",          descriptions: [
            "Intuitive, interactive displays respond to your gaze and gestures, offering fluid control over your augmented reality experience."],
          imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165616.jpg",          imageAlt: "AuraLens dynamic display"},
        {
          id: "feature-3",          title: "Adaptive Audio",          descriptions: [
            "Immersive soundscapes with intelligent noise cancellation, adapting to your surroundings for crystal-clear communication and private listening."],
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-european-girl-with-dark-hair-wearing-sunglasses-jacket-is-holding-smartphone-looking-aside-sunlight-city-background_291650-2300.jpg",          imageAlt: "AuraLens adaptive audio"},
      ]}
      title="Experience Unparalleled Innovation"
      description="Designed to seamlessly blend with your life, AuraLens elevates every interaction with groundbreaking technology."
    />
  </div>

  <div id="craftsmanship" data-section="craftsmanship">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "material-1",          name: "Aerospace Titanium",          price: "Lightweight & Resilient",          variant: "Midnight Grey",          imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-magnifying-glass_23-2150914207.jpg",          imageAlt: "AuraLens with Titanium frame"},
        {
          id: "material-2",          name: "Woven Carbon Fiber",          price: "Ultimate Strength",          variant: "Stealth Black",          imageSrc: "http://img.b2bpic.net/free-photo/metal-grill-closeup-texture-music-speaker-colored-lighting_169016-51716.jpg",          imageAlt: "AuraLens with Carbon Fiber frame"},
        {
          id: "material-3",          name: "Sapphire Glass Lenses",          price: "Unrivaled Clarity",          variant: "Scratch-Resistant",          imageSrc: "http://img.b2bpic.net/free-photo/copy-space-prism-lights-top-view_23-2148771722.jpg",          imageAlt: "AuraLens with Sapphire Glass lenses"},
        {
          id: "material-4",          name: "Translucent Polymer",          price: "Futuristic & Light",          variant: "Aura Clear",          imageSrc: "http://img.b2bpic.net/free-photo/optical-eyeglasses-prism-refracting-shadow-white-background_23-2147949123.jpg",          imageAlt: "AuraLens with Translucent Polymer frame"},
        {
          id: "material-5",          name: "Rose Gold Accents",          price: "Elegance Refined",          variant: "Warm Sheen",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-classy-woman_23-2148323627.jpg",          imageAlt: "AuraLens with Rose Gold accents"},
        {
          id: "material-6",          name: "Ceramic Finish",          price: "Pristine & Smooth",          variant: "Polar White",          imageSrc: "http://img.b2bpic.net/free-photo/woman-coat-using-phone-outside-street_1303-29524.jpg",          imageAlt: "AuraLens with Ceramic finish"},
      ]}
      title="Masterful Craftsmanship. Tailored for You."
      description="Precision engineering meets bespoke aesthetics. Select from exclusive finishes and materials designed for durability and distinguished style."
    />
  </div>

  <div id="partners" data-section="partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Futurism Innovators",        "Cognito AI",        "Veridian Labs",        "Nexus Dynamics",        "Quantum Leap Ventures",        "Synapse Core",        "Plexus Innovations"]}
      title="Trusted by Innovators."
      description="Leading tech pioneers and design critics acclaim AuraLens as the next leap in personal technology."
      showCard={false}
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "testimonial-1",          name: "Evelyn Reed",          date: "October 26, 2024",          title: "Game-Changer for Creativity",          quote: "AuraLens has revolutionized my design process. The ability to visualize concepts in AR, seamlessly integrated into my workspace, is simply breathtaking. It's like my ideas are no longer confined to a screen.",          tag: "Creative Pro",          avatarSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-posing-gray-marble-wall_158595-6767.jpg",          avatarAlt: "Evelyn Reed avatar",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-glasses-looks-herself-mirrormorning-routine_169016-64756.jpg",          imageAlt: "Person designing with AuraLens"},
        {
          id: "testimonial-2",          name: "Marcus Thorne",          date: "October 24, 2024",          title: "Unrivaled Daily Enhancement",          quote: "I never knew how much I needed AuraLens until I tried it. From navigation to real-time information, it effortlessly enhances my daily life without ever feeling intrusive. A truly elegant piece of technology.",          tag: "Urban Explorer",          avatarSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9654.jpg",          avatarAlt: "Marcus Thorne avatar",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-3089.jpg",          imageAlt: "Person navigating with AuraLens"},
        {
          id: "testimonial-3",          name: "Dr. Anya Sharma",          date: "October 22, 2024",          title: "My New Research Companion",          quote: "As a researcher, access to immediate, context-aware data is critical. AuraLens delivers this with unmatched precision, making field studies and analysis more intuitive and insightful than ever before.",          tag: "Innovator",          avatarSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg",          avatarAlt: "Dr. Anya Sharma avatar",          imageSrc: "http://img.b2bpic.net/free-photo/camera-binoculars-near-shoes_23-2147833114.jpg",          imageAlt: "Person researching with AuraLens"},
        {
          id: "testimonial-4",          name: "Chloe Vance",          date: "October 19, 2024",          title: "Seamless Collaboration",          quote: "Team meetings have been transformed. Sharing holographic models and collaborating in AR with AuraLens makes communication incredibly efficient and engaging. It's the future of teamwork.",          tag: "Team Lead",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-caucasian-teenager-home_181624-55591.jpg",          avatarAlt: "Chloe Vance avatar",          imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-expert-using-vr-tech-build-energy-generators-models_482257-120525.jpg",          imageAlt: "Team collaborating with AuraLens"},
        {
          id: "testimonial-5",          name: "David Kim",          date: "October 15, 2024",          title: "Beyond Expectations",          quote: "The intuitive gesture controls and crystal-clear display of AuraLens are simply stunning. It feels like magic, yet it's incredibly practical. This is truly the most advanced wearable I've ever used.",          tag: "Tech Enthusiast",          avatarSrc: "http://img.b2bpic.net/free-photo/happy-blond-business-woman-sitting-couch_23-2148095701.jpg",          avatarAlt: "David Kim avatar",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-portrait-with-overexposed-moving-style_23-2149495262.jpg",          imageAlt: "Hand interacting with AuraLens holographic interface"},
      ]}
      title="Voices of the Future."
      description="Hear from those who are already experiencing the AuraLens difference and redefining their daily interactions."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Be Among the First"
      title="Pre-Order Your AuraLens Today"
      description="Join the exclusive waiting list for AuraLens to receive launch offers, early access, and groundbreaking updates directly to your inbox."
      tagAnimation="blur-reveal"
      imageSrc="http://img.b2bpic.net/free-photo/broccoli-silhouette-isolated-black_171337-11068.jpg"
      imageAlt="Abstract radial gradient background for contact form"
      mediaAnimation="blur-reveal"
      mediaPosition="right"
      inputPlaceholder="Enter your email"
      buttonText="Secure Yours Now"
      termsText="By clicking 'Secure Yours Now' you're confirming that you agree with our Terms and Conditions."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="http://img.b2bpic.net/free-photo/close-up-man-with-sunglasses-black-white_1122-1543.jpg"
      logoAlt="AuraLens Logo"
      logoText="AuraLens"
      copyrightText="© 2024 AuraLens. All rights reserved."
      socialLinks={[
        {
          icon: Twitter,
          href: "https://twitter.com/AuraLens",          ariaLabel: "Twitter"},
        {
          icon: Instagram,
          href: "https://instagram.com/AuraLens",          ariaLabel: "Instagram"},
        {
          icon: Linkedin,
          href: "https://linkedin.com/company/AuraLens",          ariaLabel: "LinkedIn"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
