"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Instagram, Linkedin, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="medium"
        background="blurBottom"
        cardStyle="soft-shadow"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "About",          id: "#about"},
        {
          name: "Features",          id: "#features"},
        {
          name: "Impact",          id: "#impact"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Partners",          id: "#partners"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      button={{
        text: "Invest Now",        href: "#contact"}}
      brandName="GreenScapes Investments"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Invest in Nature's Future. Grow Your Wealth Sustainably."
      description="Discover a unique opportunity to cultivate prosperity through eco-friendly landscaping projects. High returns, low risk, green impact."
      buttons={[
        {
          text: "Learn More",          href: "#about"},
        {
          text: "Invest Now",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/coins-stack-with-light-bulb-jar_23-2147931133.jpg"
      imageAlt="Lush green landscape with bright sunlight representing investment growth."
      textPosition="bottom-left"
      showDimOverlay={true}
      showBlur={true}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="A Groundbreaking Approach to Green Investing"
      description={[
        "At GreenScapes, we merge ecological stewardship with robust financial growth. Our carefully curated landscaping projects not only enhance biodiversity and urban green spaces but also yield impressive returns for our investors. We focus on sustainable development, from urban gardens to large-scale ecological restoration, ensuring both environmental and economic prosperity.",        "Join a movement that redefines investment: where every dollar contributes to a healthier planet and a healthier portfolio. Our transparent models and expert teams guarantee a secure and impactful investment journey."]}
      buttons={[
        {
          text: "Our Vision",          href: "#features"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: 1,
          title: "Sustainable Impact",          description: "Invest in projects that actively combat climate change, enhance biodiversity, and create healthier communities.",          imageSrc: "http://img.b2bpic.net/free-photo/faceless-man-with-pile-soil-plant_23-2148029036.jpg",          imageAlt: "Hand planting a small tree in fertile soil."},
        {
          id: 2,
          title: "Competitive Returns",          description: "Our proven model delivers attractive financial growth, often outperforming traditional markets.",          imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-plant-save-environment-campaign_53876-129565.jpg",          imageAlt: "A growing plant with coins, symbolizing financial growth."},
        {
          id: 3,
          title: "Expert Management",          description: "Benefit from a team of seasoned horticulturalists, environmentalists, and financial strategists.",          imageSrc: "http://img.b2bpic.net/free-photo/quality-control-inspector-worker-talking-while-going-through-list-plants-greenhouse_637285-1670.jpg",          imageAlt: "A team of professionals reviewing landscaping blueprints."},
        {
          id: 4,
          title: "Transparent Reporting",          description: "Full visibility into your investments' ecological and financial performance with regular updates.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-teacher-holding-notepad-green_140725-150205.jpg",          imageAlt: "A digital report displaying charts and figures with a green leaf icon."},
      ]}
      title="Key Benefits of GreenScapes Investment"
      description="Unlock the potential of sustainable investments with compelling advantages tailored for discerning investors."
    />
  </div>

  <div id="impact" data-section="impact">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Our Impact & Growth"
      tag="Green Returns"
      metrics={[
        {
          id: "1",          value: "25%",          description: "Average Annual Return"},
        {
          id: "2",          value: "100+",          description: "Projects Funded"},
        {
          id: "3",          value: "500K",          description: "Trees Planted"},
        {
          id: "4",          value: "10M+",          description: "sq ft Green Space"},
      ]}
      metricsAnimation="opacity"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          imageSrc: "http://img.b2bpic.net/free-photo/anxious-handsome-man-puts-hand-chin-isolated-green-wall_141793-68020.jpg",          imageAlt: "Sarah Johnson, investor"},
        {
          id: "2",          name: "Michael Chen",          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg",          imageAlt: "Michael Chen, investor"},
        {
          id: "3",          name: "Emily Rodriguez",          imageSrc: "http://img.b2bpic.net/free-photo/peaceful-smiling-girl-walking_1262-15012.jpg",          imageAlt: "Emily Rodriguez, investor"},
        {
          id: "4",          name: "David Kim",          imageSrc: "http://img.b2bpic.net/free-photo/successful-hispanic-woman-smiling-working-cafe_197531-22836.jpg",          imageAlt: "David Kim, investor"},
      ]}
      cardTitle="What Our Investors Say"
      cardTag="Trusted Growth"
      cardAnimation="slide-up"
    />
  </div>

  <div id="partners" data-section="partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      logos={[
        "http://img.b2bpic.net/free-vector/flat-design-go-logo-template_23-2148973728.jpg",        "http://img.b2bpic.net/free-photo/researchers-looking-alternative-energy-souces_23-2149311445.jpg",        "http://img.b2bpic.net/free-vector/flat-design-world-environment-day-concept_23-2148520752.jpg",        "http://img.b2bpic.net/free-vector/flat-earth-day-labels-collection_23-2149301260.jpg",        "http://img.b2bpic.net/free-vector/landscaping-logo-template-design_742173-16363.jpg",        "http://img.b2bpic.net/free-vector/eco-logo-with-abstract-tree_1025-318.jpg",        "http://img.b2bpic.net/free-vector/ecology-logos-set_1195-22.jpg"
      ]}
      title="Trusted Partners & Recognitions"
      description="We collaborate with leading environmental organizations and financial institutions to ensure ethical and prosperous investments."
      names={[
        "EcoFund",        "GreenTech Solutions",        "Nature Preserve Alliance",        "Earth Alliance",        "Garden Solutions Inc.",        "BioInvest Capital",        "Renewable Capital Partners"]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Inquire Now"
      title="Cultivate Your Investment Future"
      description="Ready to grow your portfolio with GreenScapes? Contact us today to learn more about our sustainable investment opportunities."
      imageSrc="http://img.b2bpic.net/free-photo/pathway-covered-leaves-middle-forest-with-green-trees_181624-9794.jpg"
      imageAlt="Lush green field under a clear sky, symbolizing growth and future."
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="Enter your email"
      buttonText="Get in Touch"
      termsText="By clicking Get in Touch you're confirming that you agree with our Terms and Conditions."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="GreenScapes Investments"
      copyrightText="© 2024 | GreenScapes Investments. All rights reserved."
      socialLinks={[
        {
          icon: Twitter,
          href: "https://twitter.com",          ariaLabel: "Twitter"},
        {
          icon: Linkedin,
          href: "https://linkedin.com",          ariaLabel: "LinkedIn"},
        {
          icon: Instagram,
          href: "https://instagram.com",          ariaLabel: "Instagram"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
