"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Award, Clock, Droplet, Droplets, Heart, Leaf, Quote } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="small"
        sizing="mediumLargeSizeLargeTitles"
        background="noise"
        cardStyle="outline"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About",          id: "about"},
        {
          name: "Shop",          id: "shop"},
        {
          name: "Contact",          id: "footer"},
      ]}
      brandName="FRESHIFY"
      button={{
        text: "Order Now",        href: "#shop"
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{
        variant: "radial-gradient"}}
      title="Berry Pure"
      description="Fresh blueberries blended with almond milk, topped with chia seeds and toasted coconut flakes."
      buttons={[
        {
          text: "Discover ↓",          href: "#about"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/glass-dessert-with-colorful-candy-topping_23-2148603265.jpg"
      imageAlt="Blueberry Smoothie Bowl"
      tag="FLAVOR FIRST"
      tagIcon={Award}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",          content: "REAL FRUIT."},
        {
          type: "text",          content: "REAL FLAVOUR."},
      ]}
      buttons={[
        {
          text: "Our Story",          href: "#about"},
      ]}
    />
  </div>

  <div id="shop" data-section="shop">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "blueberry",          name: "Berry Pure",          price: "$14",          imageSrc: "http://img.b2bpic.net/free-photo/breakfast-with-cereals-fruits_23-2148103420.jpg",          imageAlt: "Blueberry Smoothie Bowl"},
        {
          id: "strawberry",          name: "Pink Bliss",          price: "$15",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-cherry-smoothie-with-cherries_140725-13929.jpg",          imageAlt: "Strawberry Smoothie Bowl"},
        {
          id: "chocolate",          name: "Cocoa Crush",          price: "$13",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-acai-cereal-bowl_23-2149258903.jpg",          imageAlt: "Chocolate Smoothie Bowl"},
        {
          id: "blackberry",          name: "Dark Berry",          price: "$16",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-from-afar-cake-appetizing-cake-jam-waffles-lemon-cookies-sweets_140725-72585.jpg",          imageAlt: "Blackberry Smoothie Bowl"},
      ]}
      title="THE BOWLS"
      description="Pick your flavour. Every bowl is handcrafted fresh to order. Explore our seasonal menu for exciting new tastes!"
    />
  </div>

  <div id="metric" data-section="metric">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Our Impact"
      description="Committed to quality, sustainability, and vibrant health in every blend we craft."
      tag="OUR VALUES"
      tagIcon={Droplet}
      metrics={[
        {
          id: "metric-1",          icon: Leaf,
          title: "Natural Ingredients",          value: "100%"},
        {
          id: "metric-2",          icon: Clock,
          title: "Freshly Prepared",          value: "Daily"},
        {
          id: "metric-3",          icon: Heart,
          title: "Happy Customers",          value: "50K+"},
        {
          id: "metric-4",          icon: Droplets,
          title: "Pure & Hydrating",          value: "Vegan"},
      ]}
      buttons={[
        {
          text: "Learn More",          href: "#about"},
      ]}
    />
  </div>

  <div id="testimonial" data-section="testimonial">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      showRating={true}
      title="What Our Fans Say"
      description="Hear from our happy customers who love Freshify smoothie bowls for their taste and freshness."
      tag="CUSTOMER LOVE"
      tagIcon={Quote}
      testimonials={[
        {
          id: "test-1",          name: "Maya R.",          handle: "@mayas_eats",          testimonial: "Freshify bowls are my go-to for a quick, healthy, and absolutely delicious breakfast. The Berry Pure is a dream!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/purple-figs-with-cup-drink-blue_114579-29093.jpg",          imageAlt: "Maya R. profile picture"},
        {
          id: "test-2",          name: "Liam K.",          handle: "@liam_fuel",          testimonial: "Never thought a smoothie bowl could be this satisfying. The Cocoa Crush is a perfect treat after a workout. Highly recommend!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/tasty-cup-acai-dessert-with-berries_23-2149871583.jpg",          imageAlt: "Liam K. profile picture"},
        {
          id: "test-3",          name: "Sarah J.",          handle: "@sarah_wellness",          testimonial: "As a nutritionist, I appreciate the real ingredients and incredible flavor. Freshify makes healthy eating so easy and enjoyable.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-acai-cereal-bowl_23-2149258885.jpg",          imageAlt: "Sarah J. profile picture"},
        {
          id: "test-4",          name: "David L.",          handle: "@david_adventures",          testimonial: "I'm always on the move, and Freshify bowls are the perfect fuel. The Pink Bliss is my favorite, so refreshing!",          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-granita-dessert-with-fruit-flavoring_23-2149431461.jpg",          imageAlt: "David L. profile picture"},
        {
          id: "test-5",          name: "Emily C.",          handle: "@emily_eatsfresh",          testimonial: "The Dark Berry bowl is packed with flavor and antioxidants. Freshify has become a staple in my weekly routine. Love it!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/anonymous-person-serving-granola-with-coffee_23-2147699689.jpg",          imageAlt: "Emily C. profile picture"},
      ]}
      buttons={[
        {
          text: "Read More Reviews",          href: "/reviews"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="FRESHIFY"
      columns={[
        {
          title: "Quick Links",          items: [
            {
              label: "Home",              href: "#hero"},
            {
              label: "About",              href: "#about"},
            {
              label: "Shop",              href: "#shop"},
            {
              label: "Contact",              href: "#footer"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQs",              href: "/faq"},
            {
              label: "Shipping",              href: "/shipping"},
            {
              label: "Returns",              href: "/returns"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Instagram",              href: "https://instagram.com/freshify"},
            {
              label: "Facebook",              href: "https://facebook.com/freshify"},
          ],
        },
      ]}
      copyrightText="© 2026 Freshify. All rights reserved. Made with love and real blueberries."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
