"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="BMS Landscape"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Invest in BMS Landscape: Cultivating Sustainable Growth and Returns."
      description="Discover prime opportunities to invest in award-winning landscape projects. High ROI, environmental stewardship, and a greener future."
      buttons={[
        {
          text: "Learn More",          href: "#about"},
        {
          text: "Invest Now",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/view-green-plant-coins-glass_23-2147820421.jpg"
      imageAlt="Green plant with coins in a glass jar, symbolizing investment growth."
      textPosition="bottom-left"
      showDimOverlay={true}
      showBlur={true}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="BMS Landscape: Pioneering Sustainable Land Investments"
      description={[
        "At BMS Landscape, we merge award-winning landscape design with robust investment opportunities. Our projects range from urban green spaces to large-scale ecological restorations, all meticulously planned to deliver both significant aesthetic value and strong financial returns. We are committed to fostering environmental health while generating prosperity for our partners.",        "Join us in redefining outdoor spaces through innovation and sustainability. Our transparent processes and expert team ensure your investment in BMS Landscape contributes to a greener world and a flourishing portfolio. We transform visions into vibrant realities, offering a unique blend of ecological impact and economic growth." ]}
      buttons={[
        {
          text: "Our Vision",          href: "#features"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: 1,
          title: "Ecological Excellence",          description: "Fund projects that transform spaces, enhance biodiversity, and contribute to a greener planet with every investment.",          imageSrc: "http://img.b2bpic.net/free-photo/gardener-planting-small-trees-pots_23-2149175204.jpg",          imageAlt: "Gardener planting small trees in pots."},
        {
          id: 2,
          title: "Strong Financial Returns",          description: "Benefit from our proven track record of delivering substantial returns on landscape development and property value enhancement.",          imageSrc: "http://img.b2bpic.net/free-photo/coins-stack-with-light-bulb-jar_23-2147931133.jpg",          imageAlt: "Coins stacked next to a light bulb in a jar, symbolizing financial growth."},n        {
          id: 3,
          title: "Industry-Leading Expertise",          description: "Our team comprises award-winning landscape architects, horticulturists, and financial analysts dedicated to your success.",          imageSrc: "http://img.b2bpic.net/free-photo/architects-discussing-plan-site_23-2147913370.jpg",          imageAlt: "Architects discussing a site plan with blueprints."},n        {
          id: 4,
          title: "Project Transparency",          description: "Receive detailed reports and continuous updates on the progress and financial health of your invested landscaping projects.",          imageSrc: "http://img.b2bpic.net/free-photo/report-chart-data-analysis-statistics-concept_53876-120011.jpg",          imageAlt: "A digital report displaying charts and figures."},n      ]}
      title="Why Invest with BMS Landscape?"
      description="Explore the unique advantages of partnering with BMS Landscape for lucrative and impactful investments in the green sector."
    />
  </div>

  <div id="impact" data-section="impact">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Our Growth & Investor Value"
      tag="Invest for Impact"
      metrics={[
        {
          id: "1",          value: "18%",          description: "Average Annual Investor Return"},
        {
          id: "2",          value: "75+",          description: "Successful Projects Completed"},
        {
          id: "3",          value: "2M+",          description: "Sq Ft Landscaped"},
        {
          id: "4",          value: "50+",          description: "Satisfied Investors"},
      ]}
      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: "Investor Sarah Johnson"},
        {
          id: "2",          name: "Michael Chen",          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg",          imageAlt: "Investor Michael Chen"},
        {
          id: "3",          name: "Emily Rodriguez",          imageSrc: "http://img.b2bpic.net/free-photo/peaceful-smiling-girl-walking_1262-15012.jpg",          imageAlt: "Investor Emily Rodriguez"},
        {
          id: "4",          name: "David Kim",          imageSrc: "http://img.b2bpic.net/free-photo/successful-hispanic-woman-smiling-working-cafe_197531-22836.jpg",          imageAlt: "Investor David Kim"},
      ]}
      cardTitle="Hear From Our Valued Investors"
      cardTag="Trusted Partnership"
      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="Collaborating for Green Success"
      description="BMS Landscape partners with industry leaders to deliver exceptional projects and maximize investor value."
      names={[
        "Green Innovations",        "Urban Ecosystems",        "Sustainable Funds",        "Estate Developers",        "Landscape Architects Guild",        "BioTech Capital",        "Growth & Green Investors"]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Partner with Us"
      title="Invest in Your Green Future with BMS Landscape"
      description="Ready to explore investment opportunities or have questions? Our team is here to help you grow with us."
      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="Contact Our Team"
      termsText="By clicking Contact Our Team you're confirming that you agree with our Terms and Conditions."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="BMS Landscape"
      copyrightText="© 2024 | BMS Landscape. 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>
  );
}