"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="largeSmallSizeLargeTitles"
        background="noise"
        cardStyle="glass-depth"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Home", id: "home" },
        { name: "About", id: "about" },
        { name: "Menu", id: "menu" },
        { name: "Visit Us", id: "contact" },
      ]}
      brandName="Anchor Coffee"
      button={{ text: "Order Now", href: "#menu" }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlay
      title="ANCHOR COFFEE — Specialty coffee, made with craft."
      description="Local, specialty-focused coffee shop serving the best flat whites and cold brews in town. Come for the craft, stay for the vibe."
      buttons={[
        {
          text: "View Menu",          href: "#menu"},
        {
          text: "Plan Your Visit",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937221.jpg"
      imageAlt="Anchor Coffee shop interior with warm lighting"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/coffee-grinder-beans-aroma-coffee-wooden-board_114579-73601.jpg",          alt: "Coffee grinder, beans and aroma coffee on wooden board"},
        {
          src: "http://img.b2bpic.net/free-photo/coffee-maker-machine_23-2148937219.jpg",          alt: "Coffee maker machine"},
        {
          src: "http://img.b2bpic.net/free-photo/flat-lay-assortment-coffee-with-grinder-milk_23-2148441245.jpg",          alt: "Flat lay assortment of coffee with grinder and milk"},
        {
          src: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-table-with-automatic-coffee-machine_613910-1285.jpg",          alt: "Studio portrait of redhead bearded male at the table with automatic coffee machine."},
        {
          src: "http://img.b2bpic.net/free-photo/flat-lay-coffee-powder-strainer-coffee-beans_23-2148453604.jpg",          alt: "Flat lay coffee powder in strainer on coffee beans"},
      ]}
      avatarText="Join 1,000+ happy regulars"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Crafted with Passion"
      description="At Anchor Coffee, we believe that great coffee is a craft. From the selection of our beans to the precision of our brewing, every cup tells a story of quality and dedication. Whether it's our rich flat white or our signature cold brew, expect the finest flavors in a warm, welcoming local atmosphere."
      imageSrc="http://img.b2bpic.net/free-photo/coffee-body-scrub-container-with-whole-coffee-beans-white-background_185193-164827.jpg"
      imageAlt="Barista brewing high-quality specialty coffee"
    />
  </div>

  <div id="menu" data-section="menu">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",          label: "Coffee",          title: "Espresso & Milk Drinks",          items: [
            "Flat White - $4.00",            "Cappuccino - $4.00",            "Latte - $4.20"],
        },
        {
          id: "f2",          label: "Cold",          title: "Cold Brew & More",          items: [
            "Cold Brew - $4.50",            "Iced Latte - $4.50",            "Cold Brew Batch - $6.00"],
        },
        {
          id: "f3",          label: "Snacks",          title: "Pastries & Extras",          items: [
            "Butter Croissant - $3.50",            "Pain au Chocolat - $3.80",            "Add Oat Milk - $0.50"],
        },
      ]}
      title="Our Menu Favorites"
      description="Experience our carefully curated selection of coffee and snacks, perfect for a quick morning start or a lunch-time recharge."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Sarah J.",          role: "Regular",          testimonial: "Great flat white. Will visit again!",          imageSrc: "http://img.b2bpic.net/free-photo/business-owner-woman-holding-coffee-cup_53876-111347.jpg"},
        {
          id: "t2",          name: "Mark D.",          role: "Local",          testimonial: "Brilliant specialty coffee for the price. Highly recommended.",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-satisfied-man-showing-thumbsup-like-coffee-smiling-pleased-standing-turquoise-backgrou_1258-155389.jpg"},
        {
          id: "t3",          name: "Emma R.",          role: "Visitor",          testimonial: "Cold brew is a must-try 🤌🏼",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg"},
        {
          id: "t4",          name: "David K.",          role: "Lunch Crowd",          testimonial: "Lunch rush can get busy, but it's clearly worth it.",          imageSrc: "http://img.b2bpic.net/free-photo/person-paying-using-nfc-technology_23-2149893776.jpg"},
        {
          id: "t5",          name: "Chloe L.",          role: "Regular",          testimonial: "Can definitely taste the craftsmanship.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-kebab_23-2148773545.jpg"},
      ]}
      title="What People Say"
      description="Our community is the heart of everything we do. See why our customers keep coming back for more."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      text="Visit us at our central location. Lunch rush is around 12 PM - expect a queue—people clearly come for the coffee! Takeaway is always available."
      buttons={[
        {
          text: "Get Directions",          href: "#"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Anchor Coffee"
      columns={[
        {
          title: "Menu",          items: [
            {
              label: "Full Menu",              href: "#menu"},
            {
              label: "Price List",              href: "#menu"},
          ],
        },
        {
          title: "Visit",          items: [
            {
              label: "Opening Hours",              href: "#contact"},
            {
              label: "Directions",              href: "#contact"},
          ],
        },
        {
          title: "Social",          items: [
            {
              label: "Instagram",              href: "#"},
            {
              label: "Facebook",              href: "#"},
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
