"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="largeSmall"
        background="grid"
        cardStyle="soft-shadow"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Gallery",
          id: "/gallery",
        },
        {
          name: "My Orders",
          id: "/orders",
        },
      ]}
      brandName="Craveable Cakes"
    />
  </div>

  <div id="product" data-section="product">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      title="Our Creations"
      description="Browse our curated collection of custom baked goodness."
      products={[
        {
          id: "p1",
          brand: "Craveable",
          name: "Rustic Floral Cake",
          price: "1,500 ETB",
          rating: 5,
          reviewCount: "12",
          imageSrc: "http://img.b2bpic.net/free-photo/rustic-wedding-cake-with-three-white-roses-topper-brown-texture-background_24972-179.jpg",
        },
        {
          id: "p2",
          brand: "Craveable",
          name: "Elegant Gold Tier",
          price: "2,800 ETB",
          rating: 4,
          reviewCount: "8",
          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-wedding-cake-adorned-with-ornate-decoration-generated-by-ai_188544-19730.jpg",
        },
      ]}
    />
  </div>

  <div id="blog" data-section="blog">
      <BlogCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Cake Care Tips"
      description="Keep your masterpiece looking perfect."
      blogs={[
        {
          id: "b1",
          category: "Tips",
          title: "Storing Your Cake",
          excerpt: "How to keep your cake fresh in the Ethiopian climate.",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-with-flowers_23-2150797836.jpg",
          authorName: "Admin",
          authorAvatar: "http://img.b2bpic.net/free-vector/wedding-icon-set_1416-270.jpg",
          date: "2024-05-12",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Shop Phone",
              href: "tel:+251110000000",
            },
            {
              label: "Email",
              href: "mailto:hello@craveablecakes.com",
            },
          ],
        },
        {
          items: [
            {
              label: "Instagram",
              href: "#",
            },
            {
              label: "Facebook",
              href: "#",
            },
            {
              label: "TikTok",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Craveable Cakes"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
