744fe427-e392-4fc5-a4d2-36118bc75c2e/src/app/page.tsx

"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import SplitAbout from '@/components/sections/about/SplitAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="largeSmallSizeMediumTitles"
        background="circleGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Inicio",          id: "hero"},
        {
          name: "Sobre Nosotros",          id: "about"},
        {
          name: "Nuestros Modelos",          id: "products"},
        {
          name: "Noticias",          id: "news"},
        {
          name: "Contacto",          id: "contact"},
      ]}
      brandName="IBERIAN MARINE"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "radial-gradient"}}
      title="IBERIAN MARINE"
      description="Excelencia en navegación y diseño náutico."
      leftCarouselItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/outdoor-home-ocean-architecture-lounge_1203-4450.jpg", imageAlt: "Embarcaciones de Pesca y Recreo" },
        { imageSrc: "http://img.b2bpic.net/free-photo/details-yacht-deck-reflection-sky_72229-318.jpg", imageAlt: "Embarcaciones de Lujo" },
        { imageSrc: "http://img.b2bpic.net/free-photo/boat-body-water-near-island_206273-1.jpg", imageAlt: "Experiencia Náutica" },
      ]}
      rightCarouselItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/still-life-relaxing-coffee-cup-terrace_23-2149711973.jpg", imageAlt: "Diseño Exclusivo" },
        { imageSrc: "http://img.b2bpic.net/free-photo/boat-sailing-ocean_23-2151995412.jpg", imageAlt: "Lujo en cada detalle" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      useInvertedBackground={true}
      textboxLayout="default"
      title="Sobre Nosotros"
      description="Con décadas de experiencia en el sector náutico, Iberian Marine combina tradición y tecnología para ofrecer las mejores soluciones de navegación."
      bulletPoints={[
        { title: "Tradición", description: "Décadas de experiencia en la industria." },
        { title: "Tecnología", description: "Innovación constante en diseño." },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/sky-sea-april-01-2024_58702-17032.jpg"
      mediaAnimation="none"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[]}
      title="Nuestros Modelos"
      description="Explore nuestra gama de embarcaciones."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[]}
      cardTitle="Lo que dicen nuestros clientes"
      cardTag="Testimonios"
      cardAnimation="slide-up"
    />
  </div>

  <div id="news" data-section="news">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      title="Noticias"
      description="Manténgase al día con las últimas novedades del sector náutico."
      blogs={[
        {
          id: "1",          category: "Sector",          title: "Innovación en Navegación",          excerpt: "Nuevas tecnologías aplicadas al rendimiento de barcos.",          imageSrc: "http://img.b2bpic.net/free-photo/man-travelling-by-boat-san-sebastian_23-2149121007.jpg",          authorName: "Iberian",          authorAvatar: "http://img.b2bpic.net/free-photo/front-view-man-with-sunglasses-having-video-call-marina_23-2148682609.jpg",          date: "10 Ene 2024"}
      ]}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="split"
      useInvertedBackground={true}
      faqs={[]}
      title="Preguntas Frecuentes"
      description="Encuentre respuesta a las dudas más habituales sobre nuestros servicios y embarcaciones."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{ variant: "plain" }}
      tag="Contacto"
      title="Contacto"
      description="Estamos listos para atender su solicitud de información."
      onSubmit={(email) => console.log("Contacto recibido:", email)}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Navegación",          items: [{ label: "Inicio", href: "#hero" }, { label: "Sobre Nosotros", href: "#about" }]
        },
        {
          title: "Legal",          items: [{ label: "Privacidad", href: "#" }]
        }
      ]}
      bottomLeftText="© 2024 IBERIAN MARINE"
      bottomRightText="Todos los derechos reservados"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}