"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Cake, MapPin, Smile, Sparkles } from "lucide-react";

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="hero" data-section="hero">
      <HeroLogo
      logoText="Custom Cakes, Made for Your Moment"
      description="Designed by you. Baked by us. Your Ethiopian premium cake experience."
      buttons={[
        {
          text: "Build My Cake",          href: "/build?step=1"},
        {
          text: "Order Cookies",          href: "/cookies"},
      ]}
      imageSrc="http://img.b2bpic.net/free-vector/vintage-cake-set-with-pink-bows_107791-34056.jpg"
      imageAlt="Minimalist illustrated cake"
    />
  </div>

  <div id="gallery-preview" data-section="gallery-preview">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Birthday Delight",          description: "Classic cakes for your special days.",          imageSrc: "http://img.b2bpic.net/free-photo/muffin-with-flower_1157-588.jpg",          buttonIcon: Sparkles,
        },
        {
          title: "Elegant Weddings",          description: "Grand designs for grand moments.",          imageSrc: "http://img.b2bpic.net/free-photo/pair-dessert-with-cinnamon-cup-tea_140725-2894.jpg",          buttonIcon: Sparkles,
        },
        {
          title: "Corporate Events",          description: "Professional cakes for your team.",          imageSrc: "http://img.b2bpic.net/free-photo/pyramid-beautiful-white-porcelain-cups-saucers-with-nontraditional-wedding-cake-top_346278-1078.jpg",          buttonIcon: Sparkles,
        },
        {
          title: "Floral Minimalist",          description: "Clean designs for natural lovers.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-freshly-baked-cake-with-raspberries-babies-white-tray-mixed-color-table_140725-91889.jpg",          buttonIcon: Sparkles,
        },
      ]}
      title="Every cake starts with an idea."
      description="What we've made for our happy customers."
    />
  </div>

  <div id="testimonial" data-section="testimonial">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      title="Loved by Our Community"
      description="Real stories from our happy customers across Ethiopia."
      testimonials={[
        {
          id: "t1",          title: "Amazing Quality!",          quote: "The cake was exactly as I designed it. Truly magical!",          name: "Abebe G.",          role: "Wedding Planner",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-hands-holding-cake_23-2150154714.jpg"},
        {
          id: "t2",          title: "Best Birthday Cake",          quote: "So delicious and beautiful. Everyone at the party asked for the source.",          name: "Sara M.",          role: "Customer",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-chocolate-cake-getting-decorated-with-fresh-fruits-by-female-dark-wall_179666-30719.jpg"},
        {
          id: "t3",          title: "Perfect Minimalist Design",          quote: "Found the exact aesthetic I was looking for. Very professional.",          name: "Fikre T.",          role: "Design Enthusiast",          imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-woman-s-hand-holding-delicious-blueberry-round-cake-white-ceramic-plate_23-2148028522.jpg"},
        {
          id: "t4",          title: "Reliable and Fresh",          quote: "Great service, delivered on time. The cake was fresh and moist.",          name: "Helen K.",          role: "Corporate Client",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-plate_23-2147792981.jpg"},
      ]}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      title="Common Questions"
      description="Everything you need to know about our ordering process."
      faqsAnimation="slide-up"
      faqs={[
        {
          id: "q1",          title: "Do you deliver?",          content: "Yes, we deliver across Addis Ababa and surrounding areas."},
        {
          id: "q2",          title: "How far in advance should I order?",          content: "We recommend at least 48 hours for standard cakes and 1 week for custom designs."},
        {
          id: "q3",          title: "Are your ingredients local?",          content: "We prioritize high-quality, locally sourced Ethiopian ingredients whenever possible."},
        {
          id: "q4",          title: "Can I customize the flavor?",          content: "Absolutely! Our builder allows you to select from a wide range of flavor combinations."},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Crafting Joy Since 2023"
      metricsAnimation="opacity"
      metrics={[
        {
          icon: Cake,
          label: "Cakes Baked",          value: "1,200+"},
        {
          icon: Smile,
          label: "Happy Clients",          value: "850+"},
        {
          icon: MapPin,
          label: "Cities Served",          value: "5+"},
      ]}
    />
  </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>
  );
}
