"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="largeSmall"
        background="grid"
        cardStyle="glass-elevated"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "Why Attend",
          id: "#about",
        },
        {
          name: "Universities",
          id: "#universities",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Sponsors",
          id: "#sponsors",
        },
        {
          name: "Register",
          id: "#register",
        },
      ]}
      button={{
        text: "Register Now",
        href: "#register",
      }}
      brandName="Student Fair for Future Leaders"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-animated",
      }}
      title="Student Fair for Future Leaders"
      description="Meet universities, career experts, and international education advisors to discover the best opportunities for your academic and professional future. Don't miss out on this event: coming soon!"
      buttons={[
        {
          text: "Register Now",
          href: "#register",
        },
        {
          text: "Contact Us",
          href: "#register",
        },
      ]}
      carouselItems={[
        {
          id: "hero-carousel-1",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EahTOUnvJDMyWp8JTwplZ6ph1U/uploaded-1780422629047-z5ljqp7w.jpg",
          imageAlt: "Students networking at an education fair",
        },
        {
          id: "hero-carousel-2",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EahTOUnvJDMyWp8JTwplZ6ph1U/uploaded-1780422629047-u5frz6kq.jpg",
          imageAlt: "University representatives talking to students",
        },
        {
          id: "hero-carousel-3",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EahTOUnvJDMyWp8JTwplZ6ph1U/uploaded-1780422629047-olytqsfk.jpg",
          imageAlt: "Students exploring international study options",
        },
        {
          id: "hero-carousel-4",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EahTOUnvJDMyWw8JTwplZ6ph1U/uploaded-1780422629047-zmsazkrv.jpg",
          imageAlt: "A diverse group of students engaged in conversation",
        },
        {
          id: "hero-carousel-5",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EahTOUnvJDMyWp8JTwplZ6ph1U/uploaded-1780422629047-3l1zwhya.jpg",
          imageAlt: "A vibrant education fair venue with banners",
        },
        {
          id: "hero-carousel-6",
          imageSrc: "http://img.b2bpic.net/free-photo/young-adults-meeting-up-study_23-2149064527.jpg",
          imageAlt: "Students walking through a modern university campus",
        },
      ]}
      autoPlay={true}
      autoPlayInterval={4000}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",
          content: "Why Attend the Student Fair?",
        },
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "service-1",
          label: "Guidance",
          title: "Career Counseling",
          items: [
            "Personalized career assessments",
            "Future path mapping",
            "Industry insights",
          ],
          buttons: [
            {
              text: "Learn More",
            },
          ],
        },
        {
          id: "service-2",
          label: "Support",
          title: "Visa Guidance",
          items: [
            "Expert visa application advice",
            "Document preparation",
            "Interview coaching",
          ],
          buttons: [
            {
              text: "Learn More",
            },
          ],
        },
        {
          id: "service-3",
          label: "Funding",
          title: "Scholarship Assistance",
          items: [
            "Identify suitable scholarships",
            "Application review",
            "Essay writing support",
          ],
          buttons: [
            {
              text: "Learn More",
            },
          ],
        },
        {
          id: "service-4",
          label: "Admissions",
          title: "University Admissions",
          items: [
            "University selection strategies",
            "Application submission",
            "Enrollment support",
          ],
          buttons: [
            {
              text: "Learn More",
            },
          ],
        },
        {
          id: "service-5",
          label: "Skills",
          title: "Language Programs",
          items: [
            "Improve English proficiency",
            "Prepare for IELTS/TOEFL",
            "Tailored language courses",
          ],
          buttons: [
            {
              text: "Learn More",
            },
          ],
        },
        {
          id: "service-6",
          label: "Global",
          title: "Study Abroad Consulting",
          items: [
            "Country and program selection",
            "Pre-departure orientation",
            "Post-arrival assistance",
          ],
          buttons: [
            {
              text: "Learn More",
            },
          ],
        },
      ]}
      title="Career & Study Services"
      description="Explore our comprehensive suite of services designed to support every step of your academic and professional journey."
    />
  </div>

  <div id="universities" data-section="universities">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "uni-france",
          name: "University of Paris",
          price: "N/A",
          variant: "Programs: Business, Arts, Sciences",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-sits-street-works-with-laptop_1304-5533.jpg",
          imageAlt: "University of Paris Logo",
        },
        {
          id: "uni-germany",
          name: "Technical University of Munich",
          price: "N/A",
          variant: "Programs: Engineering, IT, Design",
          imageSrc: "http://img.b2bpic.net/free-photo/european-man-wear-black-formal-protect-face-mask-hold-germany-flag-card-isolated-white-background-europe-coronavirus-covid-country-concept_627829-11286.jpg",
          imageAlt: "Technical University of Munich Logo",
        },
        {
          id: "uni-canada",
          name: "University of Toronto",
          price: "N/A",
          variant: "Programs: Medicine, Law, Humanities",
          imageSrc: "http://img.b2bpic.net/free-photo/vermont-flag-with-banner_187299-35547.jpg",
          imageAlt: "University of Toronto Logo",
        },
        {
          id: "uni-uk",
          name: "King's College London",
          price: "N/A",
          variant: "Programs: Social Sciences, Health, Arts",
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-us-custom-house-battery-park-new-york-usa_181624-173.jpg",
          imageAlt: "King's College London Logo",
        },
        {
          id: "uni-switzerland",
          name: "ETH Zurich",
          price: "N/A",
          variant: "Programs: Natural Sciences, Architecture, Sports",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-redhead-woman-red-hat-sits-with-backpack-thermos-using-digital-tablet-outdoors-conn_1258-151886.jpg",
          imageAlt: "ETH Zurich Logo",
        },
        {
          id: "uni-turkey",
          name: "Bogazici University",
          price: "N/A",
          variant: "Programs: Education, Economics, Science",
          imageSrc: "http://img.b2bpic.net/free-vector/ethnic-designs-set_1319-75.jpg",
          imageAlt: "Bogazici University Logo",
        },
      ]}
      title="Featured Universities"
      description="Discover leading institutions from around the world and explore diverse programs that can shape your academic and professional future."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "metric-1",
          value: "50+",
          title: "Universities",
          description: "Representing a diverse range of academic programs and global opportunities.",
          imageSrc: "http://img.b2bpic.net/free-vector/decorative-teacher-s-day-badges-vintage-style_23-2147568135.jpg",
          imageAlt: "University icon",
        },
        {
          id: "metric-2",
          value: "1000+",
          title: "Students Guided",
          description: "Empowering young minds to make informed decisions about their future.",
          imageSrc: "http://img.b2bpic.net/free-photo/instructor-explaining-project-specifics-intern_74855-2018.jpg",
          imageAlt: "Students icon",
        },
        {
          id: "metric-3",
          value: "20+",
          title: "Countries",
          description: "Connecting students with institutions across multiple continents.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-holding-usa-flags_23-2149383059.jpg",
          imageAlt: "World map icon",
        },
        {
          id: "metric-4",
          value: "100+",
          title: "Scholarships",
          description: "Helping students secure funding for their dreams.",
          imageSrc: "http://img.b2bpic.net/free-photo/certificate-with-ribbon-bow-graduation-hat_23-2148769667.jpg",
          imageAlt: "Scholarship icon",
        },
      ]}
      title="Our Impact & Event Information"
      description="The Student Fair for Future Leaders, organized by @edusmart_tn, is committed to guiding students to success. Join us and become part of our growing community.\n\n**Event Date:** [Specify Date, e.g., October 26, 2024]\n**Event Time:** [Specify Time, e.g., 9:00 AM - 5:00 PM]\n**Event Location:** [Specify Location, e.g., Edusmart Residence Farah, Lake Lac 2, Tunis]\n\n**How to Reach the Event:** [Brief directions, e.g., 'Easily accessible by public transport or taxi. Parking available on-site.']"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="auto"
      uniformGridCustomHeightClasses="min-h-95 2xl:min-h-105"
      testimonials={[
        {
          id: "testimonial-1",
          name: "Omar K.",
          role: "Business Graduate",
          company: "University of France",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/university-colleagues-talking-library_23-2148844674.jpg",
          imageAlt: "Omar K. avatar",
        },
        {
          id: "testimonial-2",
          name: "Lina M.",
          role: "Engineering Student",
          company: "Technical University of Munich",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/waist-up-shot-happy-afro-american-college-student-with-cute-smile-typing-text-message-electronic-gadget-sitting-cafe-table-with-textbooks-selective-focus-man-s-hand-holding-cell-phone_273609-7435.jpg",
          imageAlt: "Lina M. avatar",
        },
        {
          id: "testimonial-3",
          name: "Sarah A.",
          role: "Law Student",
          company: "University of Toronto",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/colleagues-discussing-about-their-notes-study-session_23-2149265680.jpg",
          imageAlt: "Sarah A. avatar",
        },
        {
          id: "testimonial-4",
          name: "Ahmed Z.",
          role: "Computer Science",
          company: "King's College London",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg",
          imageAlt: "Ahmed Z. avatar",
        },
        {
          id: "testimonial-5",
          name: "Fatma Y.",
          role: "Architecture Graduate",
          company: "ETH Zurich",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/girl-with-backpack-walking-up-stairs_53876-65431.jpg",
          imageAlt: "Fatma Y. avatar",
        },
      ]}
      title="Student Success Stories"
      description="Hear from students who found their dream universities and launched successful careers with guidance from our education fair."
    />
  </div>

  <div id="sponsors" data-section="sponsors">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Global Education Network",
        "Future Minds Institute",
        "Scholarship Hub",
        "Career Connect Solutions",
        "International Study Abroad",
        "Innovate Learning Co.",
        "EduPath Advisors",
      ]}
      title="Our Esteemed Partners"
      description="Proudly organized with the support of leading educational institutions and industry partners dedicated to student success."
      speed={40}
    />
  </div>

  <div id="register" data-section="register">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Join the Future Leaders Fair!"
      description="Register now to secure your spot at the Student Fair for Future Leaders. Fill out the form below to connect with universities and career experts. For any immediate inquiries, you can reach Edusmart at: Phone: +216 12 345 678 | Email: contact@edusmart.tn | Instagram: @edusmart_tn | Facebook: Edusmart.tn | WhatsApp: +216 98 765 432"
      inputs={[
        {
          name: "fullName",
          type: "text",
          placeholder: "Full Name",
          required: true,
        },
        {
          name: "emailAddress",
          type: "email",
          placeholder: "Email Address",
          required: true,
        },
        {
          name: "phoneNumber",
          type: "tel",
          placeholder: "Phone Number",
          required: true,
        },
        {
          name: "age",
          type: "number",
          placeholder: "Age",
          required: true,
        },
        {
          name: "currentEducationLevel",
          type: "text",
          placeholder: "Current Education Level",
          required: true,
        },
        {
          name: "desiredCountryOfStudy",
          type: "text",
          placeholder: "Desired Country of Study",
        },
        {
          name: "desiredMajor",
          type: "text",
          placeholder: "Desired Major",
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Your Message",
        rows: 4,
        required: false,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/happy-woman-listening-music-tablet_107420-96110.jpg"
      imageAlt="Students gathered at an education fair"
      mediaAnimation="slide-up"
      mediaPosition="left"
      buttonText="Submit Registration"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoSrc="http://img.b2bpic.net/free-photo/portrait-schoolgirl-with-big-notepad-template_23-2148203749.jpg"
      logoAlt="Edusmart_TN Logo"
      logoText="Student Fair for Future Leaders"
      columns={[
        {
          title: "About Edusmart",
          items: [
            {
              label: "Our Mission",
              href: "#",
            },
            {
              label: "Our Vision",
              href: "#",
            },
            {
              label: "Our Team",
              href: "#",
            },
          ],
        },
        {
          title: "Contact Information",
          items: [
            {
              label: "Email: contact@edusmart.tn",
              href: "mailto:contact@edusmart.tn",
            },
            {
              label: "Phone: +216 12 345 678",
              href: "tel:+21612345678",
            },
            {
              label: "Location: Edusmart Residence Farah, Lake Lac 2",
              href: "#",
            },
          ],
        },
        {
          title: "Social Media",
          items: [
            {
              label: "Instagram",
              href: "https://instagram.com/edusmart_tn",
            },
            {
              label: "Facebook",
              href: "https://facebook.com/edusmart.tn",
            },
            {
              label: "WhatsApp",
              href: "https://wa.me/21698765432",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Student Fair for Future Leaders. Organized by Edusmart."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
