"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBase from '@/components/sections/footer/FooterBase';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TeamCardTen from '@/components/sections/team/TeamCardTen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSmall"
        background="fluid"
        cardStyle="glass-depth"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Flavours",
          id: "/menu",
        },
        {
          name: "About Us",
          id: "/about",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/illustration-skeleton-skate-board_1284-51436.jpg"
      logoAlt="Rock Star Ice Creams logo"
      brandName="Rock Star Ice Creams"
      button={{
        text: "Visit Us Today",
        href: "/contact",
      }}
    />
  </div>

  <div id="our-story" data-section="our-story">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Our Story: Every Scoop Deserves An Encore"
      description="At Rock Star Ice Creams, we believe great ice cream should bring people together. That's why we've created a welcoming place where every customer—from adventurous foodies to families with young children—can discover a flavour they love. Known for generous portions, premium ingredients, and warm hospitality, we've become a local favourite for anyone looking for a sweet experience that truly rocks."
      metrics={[
        {
          value: "20+",
          title: "Years of Joy",
        },
        {
          value: "1st",
          title: "Family-Owned",
        },
        {
          value: "100%",
          title: "Handcrafted Love",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/mother-daughter-eating-ice-cream_23-2148268175.jpg"
      imageAlt="Happy family enjoying ice cream"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="meet-the-team" data-section="meet-the-team">
      <TeamCardTen
      useInvertedBackground={true}
      title="Meet The Stars Behind The Scoops"
      tag="Our Team"
      membersAnimation="slide-up"
      members={[
        {
          id: "owner",
          name: "The Smiling Owner",
          imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-concept-with-modern-woman_23-2148115601.jpg",
          imageAlt: "Portrait of the friendly owner",
        },
        {
          id: "staff-1",
          name: "Our Amazing Crew",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-three-happy-colleagues-embracing-grimacing_1262-20315.jpg",
          imageAlt: "Our friendly ice cream shop staff",
        },
      ]}
      memberVariant="card"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Quick Links",
          items: [
            {
              label: "Home",
              href: "/",
            },
            {
              label: "Flavours",
              href: "/menu",
            },
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Contact",
              href: "/contact",
            },
          ],
        },
        {
          title: "Menu",
          items: [
            {
              label: "Ice Cream",
              href: "/menu#ice-cream",
            },
            {
              label: "Vegan Options",
              href: "/menu#vegan",
            },
            {
              label: "Coffee & Treats",
              href: "/menu#drinks-bakery",
            },
            {
              label: "Sundaes",
              href: "/menu#sundaes",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Instagram",
              href: "https://instagram.com/rockstaricecreams",
            },
            {
              label: "Facebook",
              href: "https://facebook.com/rockstaricecreams",
            },
            {
              label: "TikTok",
              href: "https://tiktok.com/@rockstaricecreams",
            },
            {
              label: "Directions",
              href: "https://maps.app.goo.gl/your-location",
            },
          ],
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/illustration-skeleton-skate-board_1284-51436.jpg"
      logoAlt="Rock Star Ice Creams logo"
      logoText="Rock Star Ice Creams"
      copyrightText="© 2024 Rock Star Ice Creams. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
